[hidden]{display:none!important}.image-section{position:relative;margin:0 auto;max-width:1024px}.image-section img{display:block;width:100%;height:auto}.image-hit{position:absolute;display:block;border-radius:20px}.image-hit:focus-visible{outline:5px solid #e7a133;outline-offset:3px}.hero-hit{left:5%;top:44.8%;width:90%;height:7.6%}.line-hit{left:4%;top:83.8%;width:92%;height:7.5%}#diagnosis{max-width:1024px;margin:auto}#diagnosis .container{max-width:780px}#diagnosis .question{margin:32px 0 48px}#diagnosis .optionrow{display:grid;grid-template-columns:1fr;gap:14px}#diagnosis .optionrow label{display:flex;align-items:center;min-height:60px;padding:16px;font-size:18px;cursor:pointer}#diagnosis input[type=radio]{width:22px;height:22px;flex-shrink:0;accent-color:var(--navy)}#diagnosis label:has(input:checked){outline:3px solid var(--navy);background:var(--cream)}#diagnosis .btn{white-space:normal;max-width:100%;font-size:18px}#diagnosis h3{font-size:24px}#diagnosis p,#diagnosis li{font-size:18px}#first-progress,#more-progress{font-weight:700}#dashboard-guide{max-width:780px;margin:48px auto;padding:28px}#first-back,#more-back{display:block;margin:20px auto;background:white;border:1px solid var(--navy);padding:12px 20px;color:var(--navy);font-size:18px;cursor:pointer}#diagnosis .result,#diagnosis .next-step,#diagnosis .second-result{scroll-margin-top:24px} .transcript{max-width:780px;margin:24px auto;padding:16px;font-size:18px}
:root{--navy:#147BB6;--deep:#203642;--gold:#e2bf38;--cream:#EEF9FD;--muted:#50616a}body{background:#eaf7fc;color:#203642}main{max-width:640px;margin:auto;background:#fff}#diagnosis{background:#eef9fd}#diagnosis .section-label{color:#147BB6}#diagnosis .diagnostic{box-shadow:none;border:1px solid #d6eaf3}#diagnosis .step{background:#ffe56b;color:#146c9d}#diagnosis .question h3{font-weight:700}#diagnosis .score{color:#146c9d}#diagnosis .alert{background:#fff9db;color:#203642;border-color:#e2bf38}#diagnosis .result,#diagnosis .next-step,#diagnosis .second-result{box-shadow:none}#diagnosis .optionrow label{font-weight:400}#diagnosis .optionrow label:has(input:checked){background:#e1f4fc}#dashboard-guide{padding:24px;font-size:18px}.transcript{margin:0;padding:24px}.credit{display:block;width:100%;height:auto}.image-section a{display:block}.image-section a:focus-visible{outline:4px solid #146c9d;outline-offset:-4px}@media(max-width:600px){#diagnosis .container{padding:24px}#diagnosis .diagnostic{padding:18px}#diagnosis h2{font-size:28px}#diagnosis .result,#diagnosis .next-step,#diagnosis .second-result{padding:20px}}
:root{--section-gap:64px}main{display:flex;flex-direction:column;gap:var(--section-gap)}main>section{margin:0!important;flex:0 0 auto;width:100%}.image-section{max-width:640px}.intro-group,.closing-group{display:flex;flex-direction:column;gap:24px}.slice{position:relative;overflow:hidden;width:100%;background:#fff}.slice img{position:absolute;left:0;top:0;width:100%;height:auto}.line-bounce{display:block;transform-origin:center;animation:none}.line-bounce.in-view{animation:line-bounce 6s ease-in-out infinite}.line-bounce:hover,.line-bounce:focus{animation-play-state:paused}@keyframes line-bounce{0%,65%,100%{transform:translateY(0)}72%{transform:translateY(-7px)}78%{transform:translateY(0)}83%{transform:translateY(-4px)}88%{transform:translateY(0)}}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}#diagnosis{padding:32px 0}#diagnosis .diagnostic{padding:0!important;background:white;border:none;box-shadow:none}#diagnosis .container{padding:0}#diagnosis .container>h2,#diagnosis .container>.intro,#diagnosis .container>.section-label{padding-inline:24px}#diagnosis .art-question{margin:0!important;position:relative;width:100%;padding:0!important;border:0!important}#diagnosis .art-question>img{display:block;width:100%;height:auto}.q-option{position:absolute!important;display:block!important;padding:0!important;margin:0!important;min-height:0!important;background:transparent!important;border:0!important;border-radius:7px!important;cursor:pointer}.q-option input{position:absolute!important;width:100%!important;height:100%!important;opacity:0!important;margin:0!important;cursor:pointer}.q-option:has(input:checked){outline:3px solid #147bb6!important;background:rgba(20,123,182,.06)!important}.q-option:has(input:checked)::after{content:'';position:absolute;left:7.6%;top:50%;width:3.2%;aspect-ratio:1;border-radius:50%;background:#147bb6;transform:translate(-50%,-50%);pointer-events:none}.q-option:has(input:focus-visible){outline:3px solid #147bb6!important;outline-offset:2px}.q-hit{position:absolute;bottom:2.6%;height:8.2%;border:0;background:transparent;cursor:pointer;padding:0}.q-hit.primary{left:43.3%;width:51.2%}.q-hit.back{left:5.8%;width:32%}.q-hit:focus-visible{outline:3px solid #147bb6;outline-offset:2px}#diagnosis-form>.center,#more-form>.center{display:none!important}#diagnosis .result,#diagnosis .next-step,#diagnosis .second-result{margin:32px 24px;padding:24px!important}#diagnosis #more-step{margin-inline:0;padding-inline:0!important;border:0;background:transparent}.flow-group{display:flex;flex-direction:column;gap:var(--section-gap)}.credit{margin:0}@media(max-width:600px){:root{--section-gap:48px}#diagnosis .container{padding:0}#diagnosis .diagnostic{padding:0!important}#diagnosis h2{font-size:28px}}@media(prefers-reduced-motion:reduce){.line-bounce.in-view{animation:none!important}html{scroll-behavior:auto}}
.image-section{width:100%;margin:0!important}#diagnosis .container>.section-label,#diagnosis .container>h2,#diagnosis .container>.intro{display:none}.line-bounce .slice{overflow:hidden}.closing-group a:focus-visible{outline:3px solid #147bb6;outline-offset:3px}
html{scroll-behavior:auto}

/* Result design follows the generated DesignNOW report/card reference. */
#diagnosis #result,#diagnosis #more-result{background:#fff;border:1px solid #d2e7f2;border-top:4px solid #147bb6;border-radius:12px;padding:24px!important;box-shadow:none}#result>.section-label{text-align:left;font-size:16px;letter-spacing:.08em;margin:0 0 16px}#result>h3,#more-result>h3{font-size:24px;line-height:1.55;color:#147bb6;margin:0 0 16px}#result-title{font-size:24px;line-height:1.6;margin:20px 0 24px}.finding-heading{display:flex;align-items:center;gap:12px;margin-bottom:14px}.finding-heading img{width:44px;height:44px;object-fit:contain;flex-shrink:0}#result .mini-finding{border:1px solid #d6e8f3;background:#fff;border-radius:10px;padding:20px;margin:20px 0}#result .mini-finding strong{font-size:18px;line-height:1.6;color:#147bb6;margin:0}#result .mini-finding p{font-size:18px;line-height:1.85;margin:0}#result-synthesis{background:#fffbea;border-left:3px solid #ffe56b;padding:16px;margin:24px 0;color:#203642!important}.report-kicker{display:inline-block;font-size:16px!important;color:#147bb6;background:#fff5af;border-radius:6px;padding:6px 10px;margin:0 0 16px!important;font-weight:700}.report-subtitle{font-size:16px!important;color:#50616a;margin:0 0 20px!important}#more-lead{background:#edf8fd;border-radius:8px;padding:16px;color:#146c9d;font-weight:700;margin:20px 0 24px}#more-points{list-style:none;padding:0;margin:0;display:grid;gap:20px}#more-points .report-card{display:grid;grid-template-columns:80px minmax(0,1fr);column-gap:20px;row-gap:8px;align-items:start;padding:20px;border:1px solid #cfe6f2;border-radius:10px;background:#fff;margin:0;min-width:0}.report-photo{width:80px;height:80px;border-radius:50%;object-fit:cover;grid-column:1;grid-row:1/3}.report-card h4{font-size:21px;line-height:1.5;color:#147bb6;margin:0;grid-column:2;align-self:center}.report-card p{font-size:18px;line-height:1.85;margin:0;grid-column:2;color:#203642}#more-next{margin:24px 0;font-size:18px;line-height:1.85}#more-result .note,#result .note{font-size:16px;line-height:1.8}#more-result .secondary-prompt,#result .secondary-prompt{color:#146c9d;font-size:18px;line-height:1.7;margin-top:28px}#more-result .btn,#result .btn{border-radius:8px;font-size:18px;line-height:1.6;font-weight:700;padding:16px 20px;box-shadow:none;min-height:56px}#more-result .small{font-size:16px;line-height:1.8}@media(max-width:480px){#diagnosis #result,#diagnosis #more-result{padding:20px!important;margin:24px 16px}#more-points .report-card{grid-template-columns:64px minmax(0,1fr);padding:16px;gap:14px}.report-photo{width:64px;height:64px;grid-row:1}.report-card h4{grid-column:2;font-size:20px}.report-card p{grid-column:1/-1}.finding-heading img{width:38px;height:38px}#result .mini-finding{padding:16px}}

#result-title{text-wrap:balance}.mobile-break{display:none}@media(max-width:480px){.mobile-break{display:block}}

/* v7: reuse the approved DesignNOW CTA artwork as a static fixed link. */
.line-bounce,.line-bounce.in-view{animation:none!important;transform:none!important}
body{padding-bottom:calc(130px + env(safe-area-inset-bottom,0px))}
.fixed-line{position:fixed;inset:auto 0 0;z-index:1000;background:rgba(255,255,255,.97);border-top:1px solid #d2e7f2;padding:8px 12px calc(8px + env(safe-area-inset-bottom,0px));}
.fixed-line-link{display:block;max-width:480px;margin:0 auto;line-height:0}
.fixed-line-link:focus-visible{outline:3px solid #147bb6;outline-offset:2px}
.fixed-line .slice{background:transparent}
html{scroll-padding-bottom:140px}

.approved-hero{position:relative}.hero-diagnosis-link{position:absolute;left:3.5%;top:84.8%;width:92.5%;height:8.1%;border-radius:48px}.hero-diagnosis-link:focus-visible{outline:3px solid #147bb6;outline-offset:2px}