/* MyEquiLife · shared product interface */
:root{
 --me-forest:#102e28;--me-deep:#0d2622;--me-green:#1b5949;--me-leaf:#cde79b;
 --me-ink:#142d26;--me-muted:#53675f;--me-bg:#f2f5f0;--me-surface:#fff;
 --me-line:#d8e3d9;--me-soft:#e8f0e5;--me-radius:22px;
 --me-shadow:0 1px 2px #102e2809,0 14px 35px #102e280a
}
body.test-hub,body:not(.test-hub){background:var(--me-bg);color:var(--me-ink);letter-spacing:-.012em}
.topbar{background:#fcfdfaf5;border-bottom:1px solid var(--me-line);box-shadow:0 3px 14px #102e2808;backdrop-filter:blur(12px)}
.topbar .brand{color:var(--me-ink);letter-spacing:-.055em}
.topbar .brand-mark{background:linear-gradient(145deg,#387565,var(--me-deep));color:#f6fff1;border:1px solid #78a18a;border-radius:12px;box-shadow:0 2px 0 #193b2e}
.topbar .top-right .text-button,.topbar .language-control select{color:var(--me-forest)}
.topbar .language-control select{background:#edf4eb;border-color:#d9e6d7;border-radius:10px}
#page .eyebrow{font-size:.69rem;font-weight:800;letter-spacing:.145em}
#page :is(.button,.button.secondary){border-radius:12px;min-height:44px;font-weight:720;box-shadow:none;transition:background .16s,border-color .16s,transform .16s}
#page .button:not(.secondary):not(.danger-action){background:var(--me-forest);border-color:var(--me-forest);color:white}
#page .button:not(.secondary):not(.danger-action):hover{background:var(--me-green);border-color:var(--me-green)}
#page .button.secondary{background:#fff;border-color:#cddace;color:var(--me-forest)}
#page .button.secondary:hover{background:var(--me-soft);border-color:#a9c2b0}
#page :is(button,a,input,select,textarea,summary):focus-visible,.topbar :is(a,button,select):focus-visible{outline:2px solid #32795d;outline-offset:3px}
#page :is(.text-input,.horse-search input,.horses-toolbar select,.admin-list-heading select){background:#fbfdfa;border:1px solid #cfdcd1;border-radius:12px;color:var(--me-ink)}
#page :is(h1,h2,h3){color:var(--me-ink)}
#page :is(.section-heading,.dashboard-heading,.creator-heading) h1{letter-spacing:-.057em;line-height:1.04;text-wrap:balance}
#page :is(.section-heading,.dashboard-heading,.creator-heading) p{color:var(--me-muted);max-width:57ch}

/* Landing and sign-in */
.test-hub #page .life-hero{grid-template-columns:minmax(0,1.04fr) minmax(0,1fr);min-height:0;background:var(--me-surface);border:1px solid var(--me-line);border-radius:30px;box-shadow:var(--me-shadow)}
.test-hub #page .life-hero-copy{padding:clamp(1.65rem,5vw,4.5rem);background:radial-gradient(ellipse at 0 0,#e7f0df 0,transparent 65%),#fcfdfa}
.test-hub #page .life-hero-copy h1{font-family:inherit;font-size:clamp(2.55rem,6vw,5.4rem);font-weight:780;line-height:.99;letter-spacing:-.08em;margin:.26em 0 .29em}
.test-hub #page .life-hero-copy h1 em{font-style:normal;color:#337052}
.test-hub #page .life-hero-copy p{color:var(--me-muted);line-height:1.65;max-width:40ch}
.test-hub #page .life-hero .hero-action{min-height:54px;padding:.8rem 1.2rem;font-size:1rem;gap:1.1rem}
.test-hub #page .life-hero-art{min-height:390px;height:auto;align-self:stretch;background:radial-gradient(ellipse at 18% 13%,#427762 0,#173e34 43%,#0e2b25 100%);border:0}
.test-hub #page .life-hero-art .life-wordmark-full{max-width:390px;width:78%;min-height:88px;background:linear-gradient(150deg,#457961,#1d463a 70%);color:#e2f2ca}
.test-hub #page .art-caption{background:#102e28a8;border-color:#a6c4a454;color:#ecf4df;max-width:88%}
#page .how-section{margin:clamp(2rem,6vw,4.5rem) 0}
#page .how-section h2,#page .life-closing h2{font-family:inherit;font-weight:760;letter-spacing:-.056em;line-height:1.08;text-wrap:balance}
#page .how-grid{gap:.9rem}
#page .how-grid article{background:#fff;border:1px solid var(--me-line);border-radius:var(--me-radius);box-shadow:var(--me-shadow);padding:clamp(1rem,2.5vw,1.65rem)}
#page .how-number{background:#e7f2d7;color:#244c33;box-shadow:none}
#page .how-icon{color:#2b614c}
#page .how-grid article p{color:var(--me-muted)}
#page .life-closing{background:var(--me-forest);border:0;border-radius:var(--me-radius);box-shadow:none;color:#fff}
#page .life-closing h2{color:#fff}
#page .life-closing .button:not(.secondary){color:var(--me-deep);background:var(--me-leaf);border-color:var(--me-leaf)}
#page .life-closing .button:hover{background:#e0f2ba}
#page .welcome-stage{background:radial-gradient(ellipse at 18% 10%,#427763 0,#183f35 45%,#102e28 100%);border-radius:30px}
#page .welcome-stage h1,#page .login-brand h1{color:#fff}
#page .login-layout{border:1px solid var(--me-line);border-radius:26px;box-shadow:var(--me-shadow);background:#fff;overflow:hidden}
#page .login-brand{border-radius:0;box-shadow:none;background-color:var(--me-forest)}
#page .login-form-panel{background:#fff;box-shadow:none;border:0;border-radius:0}
#page :is(.login-code-panel,.profile-panel){background:#fff;border:1px solid var(--me-line);border-radius:var(--me-radius);box-shadow:var(--me-shadow)}
#page .login-form-panel h1{font-family:inherit;letter-spacing:-.055em;line-height:1.08}

/* Workspace, request rows, and forms */
#page .dashboard-heading{padding:clamp(1.15rem,4vw,2.35rem);background:linear-gradient(115deg,#102e28,#1c493c 77%,#265947);border:1px solid #285a49;border-radius:var(--me-radius);color:#fff;box-shadow:var(--me-shadow)}
#page .dashboard-heading h1,#page .dashboard-heading p,#page .dashboard-heading .eyebrow{color:#f5faed}
#page .dashboard-heading .button{background:#f1f7ea;color:var(--me-deep);border-color:#f1f7ea}
#page .dashboard-heading .button:hover{background:#d8eabf;border-color:#d8eabf}
#page .dashboard-summary{gap:.65rem}
#page .dashboard-summary>div{background:#fff;border:1px solid var(--me-line);border-radius:15px;box-shadow:none}
#page .dashboard-summary>div strong{font-variant-numeric:tabular-nums;color:var(--me-green)}
#page :is(.request-overview,.admin-row,.empty-dashboard,.dashboard-note,.creator-details,.creator-topics,.creator-finish,.invite-panel,.seller-receipt){background:#fff;border:1px solid var(--me-line);border-radius:16px;box-shadow:var(--me-shadow)}
#page .request-overview .request-overview-link{background:transparent;border:0;box-shadow:none}
#page .request-overview:has(.request-overview-link:hover){background:#f9fcf5;border-color:#9eba9f}
#page .request-horse-heading>span:first-child{color:var(--me-ink);font-weight:770}
#page .request-overview .horse-delete{border-radius:10px}
#page .status-pill{border-radius:7px;font-weight:730}
#page .status-completed{background:#dfefd9;color:#1e573d}
#page .status-draft{background:#faf1d9;color:#684a18}
#page .status-not_started{background:#eaf0ed;color:#475d54}
#page :is(.creator-heading,.seller-intro)>h1{font-family:inherit;font-weight:780;letter-spacing:-.055em}
#page .seller-intro{background:linear-gradient(160deg,#fcfefa,#fff 60%);border:1px solid var(--me-line);border-radius:var(--me-radius);box-shadow:var(--me-shadow);padding:clamp(1.1rem,4vw,2.5rem)}
#page .section-option{background:#fbfdfa;border-color:var(--me-line);border-radius:13px}
#page .section-option.is-selected{background:#e8f2df;border-color:#9ebd9c}
#page .page-heading{background:linear-gradient(120deg,#e8f1e1,#fdfefa);border:1px solid var(--me-line);border-radius:var(--me-radius);padding:clamp(1rem,3vw,1.8rem);margin-bottom:1rem}
#page .page-heading h1{font-family:inherit;font-weight:770}
#page .progress-track{background:#d7e7d8}
#page .progress-fill{background:#40846a}
#page .question{border-color:var(--me-line);box-shadow:var(--me-shadow)}
#page .question .q-number{background:#e7f1e1;border-color:#dce9d9;color:#2c5a44}
#page .choice:not([aria-pressed=true]):not(.selected):not(.active):not(.on){border-radius:10px}
#page .choice[aria-pressed=true],#page .choice.on{border-radius:10px;background:var(--me-green);border-color:var(--me-green);color:white}
#page :is(.clarification-card,.mini-group,.mini-request,.followup-answer,.submission-reminder){border-radius:14px}

/* Horse report: overview, supporting answers and utilities */
#page .horse-results{max-width:1120px;margin-inline:auto}
#page .horse-results .results-hero{background:radial-gradient(ellipse at 100% 5%,#3a6c53,#173c31 54%,#102e28);border:1px solid #416752;border-radius:26px;color:#edf7e9;box-shadow:var(--me-shadow);padding:clamp(1.3rem,4vw,2.7rem)}
#page .horse-results .results-hero h1{color:#fff;font-family:inherit;font-weight:780;line-height:1;letter-spacing:-.065em;font-size:clamp(2.2rem,5vw,4.6rem);overflow-wrap:anywhere}
#page .horse-results .results-hero .results-horse-meta{color:#e1f0de}
#page .horse-results .results-status{background:#d6e9b2;color:#224333;border:0;border-radius:8px}
#page .horse-results .respondent-summary{background:#ffffff0e;border:1px solid #a8c6ae5e;border-radius:13px;color:#e7f2e3}
#page .horse-results .respondent-summary :is(h3,p,small,strong,span){color:inherit}
#page .results-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(210px,260px);align-items:start;gap:1rem;margin-top:1rem}
#page .results-primary,#page .results-tools{min-width:0}
#page .results-workspace .result-overview,#page .results-workspace .request-management,#page .horse-results .test-all-answers,#page .horse-results .result-overview{border:1px solid var(--me-line);background:#fff;border-radius:18px;box-shadow:var(--me-shadow)}
#page .results-workspace .results-primary>.result-overview,#page .results-tools>.request-management{margin-top:0}
#page .results-tools .management-top,#page .results-tools .management-actions,#page .results-tools .management-controls{display:grid;justify-items:stretch;gap:.5rem}
#page .results-tools .management-actions .button{width:100%;white-space:normal;text-align:left;justify-content:flex-start;padding:.65rem .75rem}
#page .results-tools .compact-share{display:block;width:100%;margin:0}
#page .results-tools .management-controls{justify-items:start;margin-top:.7rem}
#page .horse-results .result-metric{background:#edf3ee;border:1px solid #dbe7dd;border-radius:12px}
#page .horse-results .result-metric.is-answered{background:#e7f2dc;border-color:#d6e6c7}
#page .horse-results .result-metric strong{font-variant-numeric:tabular-nums;color:var(--me-forest)}
#page .horse-results .result-attention{background:#f9f3e1;border:1px solid #e8d9ac;border-radius:13px}
#page .horse-results .test-all-answers>summary{background:#e9f2e6;border-radius:17px;color:var(--me-forest)}
#page .horse-results .test-all-answers[open]>summary{border-radius:17px 17px 0 0}
#page .horse-results .review-row:not(.review-attention){border-color:var(--me-line);border-radius:13px}
@media(max-width:800px){
 .test-hub #page .life-hero{grid-template-columns:minmax(0,1fr);border-radius:22px}
 .test-hub #page .life-hero-art{min-height:245px;height:245px}
 .test-hub #page .life-hero-copy h1{font-size:clamp(2.5rem,10vw,4rem)}
 #page .results-workspace{grid-template-columns:minmax(0,1fr)}
 #page .results-tools .management-actions{grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr))}
}
@media(max-width:440px){
 #page .dashboard-heading{align-items:flex-start}
 #page .dashboard-summary{gap:.35rem}
 #page .dashboard-summary>div{min-width:0;padding:.7rem .45rem}
 #page .dashboard-summary>div span{overflow-wrap:anywhere}
 #page .horse-results .result-metrics{gap:.35rem}
 #page .horse-results .result-metric{min-width:0;padding:.6rem .4rem}
 #page .horse-results .result-metric span{overflow-wrap:anywhere}
}
@media(prefers-reduced-motion:reduce){#page :is(.button,.button.secondary){transition:none}}

#page .dashboard-heading .button:not(.secondary):not(.danger-action){background:#d5eaaa;color:#173729;border-color:#d5eaaa}
#page .dashboard-heading .button:not(.secondary):not(.danger-action):hover{background:#e2f1c5;border-color:#e2f1c5}
#page .login-form-panel h2{font-family:inherit;font-weight:770;letter-spacing:-.058em;line-height:1.07}
body:not(.test-hub) .layout .sidebar{background:linear-gradient(155deg,#102e28,#1c4839);border-color:#416552}
body:not(.test-hub) .sidebar .step.active{background:#e8f1df;color:#163629;box-shadow:none;border:1px solid #b6d4a9}
body:not(.test-hub) .sidebar .step.active .step-number{background:#28563f;color:#fff}
#page .results-workspace{margin-top:0}
#page .results-primary{display:grid;gap:1rem}
#page .results-primary>.batch-selection-bar{margin-block:0}
#page .horse-results .respondent-summary{padding:.7rem .85rem}
#page .horse-results .test-all-answers>summary{box-shadow:none}
#page .result-scope,#page .horse-results .answer-author{color:var(--me-muted)}
#page .request-management .management-actions .button{font-size:.85rem}
#page .request-management .management-actions .compact-share .button{white-space:normal}
#page .admin-detail>h1{font-family:inherit;letter-spacing:-.055em;font-weight:770}
#page .clarification-card[open]{border-color:#a9c3b1;background:#fcfefa}
#page .mini-followup .mini-group{background:#fff;border-color:var(--me-line)}
#page .creator-step,#page .required-hint:not([role]){font-weight:750}
@media(max-width:680px){
 .topbar .brand-mark{border-radius:9px}
 #page .horse-results .results-hero{border-radius:18px}
 #page .horse-results .results-hero h1{font-size:clamp(2rem,10vw,3.25rem)}
 #page .horse-results .result-metric span{font-size:.74rem}
 #page .results-primary{gap:.65rem}
}

/* Home: clear first action and a preview of the report */
.test-hub #page .front-home{max-width:1150px;margin-inline:auto}
.test-hub #page .front-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,1fr);gap:0;min-height:490px;background:#fdfdf8;border:1px solid #d5e0d6;box-shadow:0 20px 58px #112f2513;isolation:isolate}
.test-hub #page .front-hero .life-hero-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(1.65rem,5vw,4.2rem);background:radial-gradient(ellipse at 0 0,#e9f0df,transparent 65%),#fdfdf8}
.test-hub #page .front-hero h1{max-width:100%;color:#173e31;font-size:clamp(2.2rem,4.9vw,4.35rem);font-weight:740;letter-spacing:-.043em;line-height:1.09;text-wrap:initial;margin:.3em 0 .39em}
.test-hub #page .front-hero h1 em{display:block;color:inherit;font-style:normal;font-weight:inherit}
.test-hub #page .front-hero .life-hero-copy p{font-size:clamp(.98rem,1.45vw,1.13rem);line-height:1.55;margin:0 0 1.35rem;color:#425a4e}
#page .front-actions{display:flex;flex-wrap:wrap;gap:.55rem;align-items:center}
#page .front-actions .button{min-height:49px;margin:0}
#page .front-actions .hero-action{gap:.7rem}
#page .front-hero .hero-small{margin-top:1rem;color:#4d6455;font-size:.84rem}
.test-hub #page .front-hero .front-art{min-height:0;height:auto;display:flex;justify-content:flex-start;align-items:flex-end;padding:clamp(1.25rem,4vw,2.4rem);background:linear-gradient(0deg,#0b221cf2 0%,#102e2844 47%,transparent 72%),var(--me-horse-photo) center 38%/cover no-repeat,#19372c;border:0}
.test-hub #page .front-art::before,.test-hub #page .front-art::after{content:none}
#page .front-home .how-section{scroll-margin-top:110px;margin:clamp(2rem,5vw,4rem) 0}
#page .front-home .how-section h2{max-width:22ch;font-size:clamp(1.8rem,4.1vw,3.05rem)}
#page .front-home .how-grid article{border-radius:17px;box-shadow:none}
#page .front-home .how-card-top{margin-bottom:.65rem}
#page .front-home .request-ticker:not([hidden]){margin:1.5rem 0 0;padding:1.1rem;background:#eaf1e5;border:1px solid #d4e1d3;border-radius:18px}
#page .front-home .request-ticker .section-heading{margin-top:0}
#page .front-home .front-footer{border-top:1px solid #d5e1d5;margin-top:1.35rem;padding-top:1rem}
#page .front-login-brand h1{font-family:inherit;letter-spacing:-.065em;line-height:.99;font-size:clamp(2.35rem,5vw,4.35rem);max-width:10ch}
#page .front-login-brand p{color:#edf6e9}
@media(max-width:800px){
 .test-hub #page .front-hero{grid-template-columns:1fr;min-height:0}
 .test-hub #page .front-hero h1{font-size:clamp(2.05rem,7.4vw,3.65rem)}
 .test-hub #page .front-hero .front-art{min-height:305px;background-position:center 34%}
}
@media(max-width:480px){
 .test-hub #page .front-hero .life-hero-copy{padding:1.25rem}
 .test-hub #page .front-hero .front-art{min-height:250px}
 #page .front-actions{width:100%}
 #page .front-actions .button{flex:1 1 auto}
}

#page .front-photo-caption{margin:0;max-width:19ch;color:#f8fcf2;font-size:clamp(1.15rem,2.4vw,1.8rem);line-height:1.16;font-weight:720;letter-spacing:-.035em;text-wrap:balance;text-shadow:0 2px 10px #0b221c}