/* New audit UI extends the existing Allevic tokens and controls.
   The original site.css, page styles and motion scripts are unchanged. */
.quiz-shell{padding-top:30px;padding-bottom:40px;min-height:65vh}
.quiz-shell #audit-app{scroll-margin-top:calc(var(--nav) + 28px)}
.quiz-shell button,.quiz-shell input,.quiz-shell progress{font:inherit}
.quiz-shell [hidden],[hidden]{display:none!important}
.quiz-start{max-width:900px;padding:25px 0 45px}
.quiz-start h1,.quiz-panel h1,.quiz-panel h2{font-family:var(--display);font-weight:700;letter-spacing:-.022em;line-height:1.06;color:#fbf7f0;text-wrap:balance}
.quiz-start h1{font-size:clamp(2.4rem,5vw,4rem);margin:28px 0 22px}
.quiz-start .ac{font-family:var(--serif);font-style:italic;font-weight:500;background:linear-gradient(95deg,var(--rose),var(--champ) 40%,var(--champ-2));background-clip:text;-webkit-background-clip:text;color:transparent}
.quiz-lede{font-size:1.12rem;line-height:1.65;max-width:650px;color:var(--paper-dim)}
.quiz-meta{display:flex;gap:28px;flex-wrap:wrap;margin:30px 0;padding:22px 0;border-block:1px solid var(--line);font-family:var(--mono);font-size:.7rem;letter-spacing:.04em;color:var(--champ)}
.audit-area-preview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:720px;margin:0 0 30px}
.audit-area-preview span{border:1px solid var(--line);border-radius:12px;padding:13px 16px;background:rgba(244,238,227,.025);font-size:.9rem;color:var(--paper-dim)}
.quiz-panel>h1{font-size:clamp(2.2rem,4vw,3.2rem);margin:20px 0}
.audit-note,.quiz-shell .micro{font-size:.85rem;line-height:1.65;color:var(--paper-faint);margin:18px 0}
.quiz-layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:48px;align-items:start}
.quiz-sidebar{border:1px solid var(--line);border-radius:22px;background:rgba(244,238,227,.025);padding:24px 16px}
.quiz-sidebar .eyebrow{padding-left:12px;font-size:.65rem}
.quiz-sidebar ol{list-style:none;margin:22px 0 0;padding:0}
.area-nav{display:flex;gap:12px;width:100%;padding:13px 12px;text-align:left;color:var(--paper-dim);background:none;border:1px solid transparent;border-radius:12px;font-family:var(--sans);font-size:.88rem;line-height:1.5;cursor:pointer;transition:background .3s var(--ease),border-color .3s var(--ease),color .3s var(--ease)}
.area-nav:hover{background:rgba(244,238,227,.045);color:var(--paper)}
.area-nav[aria-current="step"]{background:rgba(233,205,169,.10);border-color:rgba(233,205,169,.32);color:var(--champ)}
.nav-num{font-family:var(--mono);font-size:.67rem;margin-top:3px}
.quiz-panel{min-width:0;max-width:940px}
.quiz-panel h2{font-size:clamp(2rem,3.8vw,3.2rem);margin:20px 0}
.quiz-panel p{line-height:1.65}
.quiz-panel .muted{color:var(--paper-dim)}
.progress-line{display:flex;justify-content:space-between;align-items:center;gap:16px;font-family:var(--mono);font-size:.7rem;letter-spacing:.02em;color:var(--paper-faint);margin-bottom:28px}
.progress-line progress{width:165px;height:5px;border:0;border-radius:999px;background:rgba(233,205,169,.14);accent-color:var(--champ-2)}
.progress-line progress::-webkit-progress-bar{background:rgba(233,205,169,.14);border-radius:999px}
.progress-line progress::-webkit-progress-value{background:linear-gradient(90deg,var(--rose),var(--champ-2));border-radius:999px}
.question-block{border:0;padding:0;margin:30px 0;min-width:0}
.question-block legend{font-family:var(--sans);font-size:1.06rem;line-height:1.6;font-weight:600;margin-bottom:16px;color:var(--paper)}
.answer-option{display:flex;gap:13px;align-items:flex-start;border:1px solid var(--line);border-radius:14px;padding:16px 18px;margin-bottom:10px;background:rgba(244,238,227,.025);font-size:.95rem;line-height:1.55;color:var(--paper-dim);cursor:pointer;transition:border-color .3s var(--ease),background .3s var(--ease),transform .3s var(--ease)}
.answer-option:hover{border-color:rgba(233,205,169,.4);background:rgba(244,238,227,.05)}
.answer-option:has(input:checked){border-color:var(--champ);color:var(--paper);background:rgba(233,205,169,.09)}
.answer-option input,.impact-scale input,.checkbox-label input{accent-color:var(--champ-2);width:17px;height:17px;flex-shrink:0;margin-top:4px}
.impact-scale{display:flex;gap:10px;flex-wrap:wrap}
.impact-scale label{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:999px;padding:9px 17px;font-size:.86rem;cursor:pointer;color:var(--paper-dim)}
.impact-scale label:has(input:checked){border-color:var(--champ);background:rgba(233,205,169,.08)}
.impact-scale input{margin-top:0}
.quiz-actions{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:18px;border-top:1px solid var(--line);padding-top:25px;margin-top:30px}
.plain-button{border:0;background:none;color:var(--champ);font-family:var(--sans);font-size:.85rem;line-height:1.5;padding:10px 0;cursor:pointer;text-decoration:underline;text-underline-offset:4px;transition:color .3s var(--ease)}
.plain-button:hover{color:var(--paper)}
.quiz-error{color:var(--rose);font-size:.88rem}
.quiz-shell :focus-visible,.contact-form :focus-visible{outline:2px solid var(--champ);outline-offset:4px}
.quiz-panel [data-heading]:focus{outline:none}
.quiz-shell .actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.quiz-shell .btn-primary svg{width:17px;height:17px}
.results-top{display:grid;grid-template-columns:minmax(0,1fr) 205px;gap:36px;align-items:center;margin-bottom:30px}
.results-top .lede{font-size:1.08rem;color:var(--paper-dim);line-height:1.65}
.score-box{border:1px solid rgba(233,205,169,.35);border-radius:22px;padding:26px;background:linear-gradient(145deg,rgba(233,205,169,.10),rgba(244,238,227,.02));box-shadow:var(--shadow-navy)}
.score-box .score{font-family:var(--display);font-size:4rem;color:var(--champ);letter-spacing:-.04em;line-height:1.1}
.score-box p{font-size:.8rem;color:var(--paper-dim);margin:14px 0 0}
.notice{padding:18px 22px;border:1px solid var(--line);border-radius:16px;background:rgba(244,238,227,.025);font-size:.9rem;line-height:1.65;color:var(--paper-dim)}
.results-list{border-top:1px solid var(--line);margin:30px 0 40px}
.result-row{display:grid;grid-template-columns:1.2fr 1fr 80px;gap:22px;align-items:center;padding:20px 0;border-bottom:1px solid var(--line);font-size:.9rem;color:var(--paper-dim)}
.result-row>span:last-child{text-align:right;color:var(--champ);font-family:var(--mono);font-size:.75rem}
.score-bar{display:block;background:rgba(233,205,169,.13);height:5px;border-radius:999px;overflow:hidden}
.score-bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--rose),var(--champ-2))}
.finding{padding:25px;border:1px solid var(--line);border-radius:18px;background:rgba(244,238,227,.025);margin:16px 0}
.finding .tag{display:block;font-family:var(--mono);font-size:.67rem;letter-spacing:.10em;text-transform:uppercase;color:var(--champ);margin-bottom:14px}
.finding h3{font-family:var(--display);font-weight:600;font-size:1.3rem;line-height:1.35;color:var(--paper);margin:0 0 12px}
.finding p{font-size:.95rem;color:var(--paper-dim);margin-bottom:10px}
.result-cta{padding:32px;border:1px solid rgba(233,205,169,.32);border-radius:22px;background:linear-gradient(145deg,rgba(233,205,169,.09),rgba(244,238,227,.015));margin-top:30px}
.result-cta h3{font-family:var(--display);font-weight:600;font-size:1.9rem;line-height:1.2;margin:18px 0;color:var(--paper)}
.result-cta p{font-size:.98rem;color:var(--paper-dim)}
.field textarea{width:100%;font-family:var(--sans);font-size:1rem;color:#fbf7f0;background:rgba(10,22,34,.4);border:1px solid var(--line);border-radius:12px;padding:13px 14px;min-height:110px;resize:vertical;transition:border-color .25s var(--ease)}
.field textarea::placeholder{color:rgba(244,238,227,.35)}
.checkbox-label{display:flex;align-items:flex-start;gap:12px;font-family:var(--sans);font-size:.85rem;line-height:1.6;color:var(--paper-dim);margin:20px 0;cursor:pointer}
.audit-summary{padding:18px;border:1px solid var(--line);border-radius:14px;background:rgba(244,238,227,.025);font-size:.86rem;margin:20px 0}
.audit-summary summary{cursor:pointer;padding:14px 0;color:var(--champ)}
.audit-summary pre{white-space:pre-wrap;font:inherit;line-height:1.65;color:var(--paper-dim);max-height:220px;overflow:auto}
.form-status.ok{color:var(--lime)}
.form-status.err,.turnstile-status.err{color:var(--rose)}
.quiz-shell .btn-primary{white-space:normal;text-align:center;justify-content:center}
/* Audit refinements use the site's existing champagne pills and navy surfaces. */
.dark.sec:has(.quiz-shell){padding-block:42px}
.quiz-start{max-width:none;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(310px,.85fr);gap:clamp(36px,6vw,88px);align-items:center;padding:12px 0 28px}
.quiz-start h1{margin:25px 0 22px}
.quiz-intro-copy{min-width:0}
.quiz-lede{max-width:540px;font-size:1.08rem}
.quiz-meta{gap:22px;margin:25px 0 28px;padding:0;border:0;font-size:.7rem;letter-spacing:0}
.quiz-meta span+span{padding-left:22px;border-left:1px solid var(--line)}
.quiz-intro-actions{display:flex;align-items:flex-start;flex-direction:column;gap:15px}
.quiz-intro-copy>.audit-note{max-width:470px;margin-top:24px;font-size:.8rem}
.quiz-intro-areas{padding:30px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,rgba(233,205,169,.065),rgba(244,238,227,.015))}
.quiz-intro-areas .eyebrow{font-size:.62rem;letter-spacing:.12em;line-height:1.7;margin:0 0 20px}
.audit-area-preview{display:block;margin:0;counter-reset:areas}
.audit-area-preview span{display:flex;align-items:center;gap:15px;border:0;border-bottom:1px solid rgba(233,205,169,.12);border-radius:0;padding:13px 0;background:none;font-size:.93rem;color:var(--paper-dim)}
.audit-area-preview span::before{counter-increment:areas;content:counter(areas,decimal-leading-zero);font-family:var(--mono);font-size:.62rem;color:var(--champ);opacity:.7}
.audit-area-preview span:last-child{border-bottom:0}
.audit-overview-note{border-top:1px solid var(--line);padding-top:22px;margin:18px 0 0;font-size:.93rem;line-height:1.65;color:var(--paper-dim)}
.quiz-intro-areas>.audit-note{font-size:.76rem;margin-bottom:0}
.quiz-shell .btn-primary{min-height:54px;padding:15px 26px;gap:16px;font-family:var(--sans);font-weight:600;font-size:.98rem;line-height:1.4;box-shadow:0 10px 28px -15px rgba(216,176,131,.5),inset 0 1px 0 rgba(255,255,255,.7)}
.quiz-shell .btn-primary:hover{box-shadow:0 15px 32px -15px rgba(216,176,131,.65),inset 0 1px 0 rgba(255,255,255,.7)}
.quiz-shell .btn-primary:active{transform:translateY(0);box-shadow:inset 0 1px 3px rgba(10,22,34,.12)}
.quiz-shell .btn-primary svg{flex-shrink:0;transition:transform .3s var(--ease)}
.quiz-shell .btn-primary:hover svg{transform:translateX(3px)}
.quiz-shell .plain-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 17px;border:1px solid var(--line);border-radius:999px;background:rgba(244,238,227,.025);color:var(--paper-dim);font-family:var(--sans);font-weight:500;font-size:.85rem;text-decoration:none;transition:background .3s var(--ease),border-color .3s var(--ease),color .3s var(--ease)}
.quiz-shell .plain-button:hover{background:rgba(233,205,169,.07);border-color:rgba(233,205,169,.45);color:var(--paper)}
.quiz-shell .audit-talk-link{border-color:transparent;background:none;padding:6px 0;min-height:36px;justify-content:flex-start;color:var(--champ);text-decoration:underline;text-decoration-color:rgba(233,205,169,.35);text-underline-offset:5px}
.quiz-shell .audit-talk-link:hover{background:none;border-color:transparent;text-decoration-color:var(--champ)}
.quiz-panel{padding:clamp(22px,3vw,38px);border:1px solid var(--line);border-radius:22px;background:linear-gradient(155deg,rgba(244,238,227,.035),rgba(244,238,227,.008))}
.quiz-sidebar{min-width:0;background:none;border-color:transparent;padding-top:24px}
.quiz-sidebar .plain-button{margin-left:0!important;margin-right:0!important;font-size:.8rem;line-height:1.5}
.progress-line{margin-bottom:24px;color:var(--paper-dim)}
.question-block legend{font-size:1.1rem;line-height:1.5;max-width:42ch;margin-bottom:20px}
.answer-option{padding:15px 17px;margin-bottom:9px;background:rgba(10,22,34,.18);border-color:rgba(233,205,169,.15);color:rgba(244,238,227,.8)}
.answer-option:has(input:checked){background:rgba(233,205,169,.11);box-shadow:inset 3px 0 0 var(--champ)}
.answer-option input{margin-top:3px}
.quiz-actions{gap:10px;padding-top:22px}
.quiz-actions .btn-primary{margin-left:auto}
.quiz-shell #skip-area,.quiz-shell #review-progress,.quiz-shell #reset-check{border-color:transparent;background:none}
.quiz-shell #review-progress{padding-left:0;min-height:36px}
.quiz-shell #reset-check{color:var(--paper-faint)}
.quiz-shell .micro{font-size:.78rem}
.impact-scale label{min-height:44px;background:rgba(10,22,34,.18);padding:10px 18px}
.quiz-error:empty{display:none}
@media(max-width:1000px){.quiz-layout{grid-template-columns:200px minmax(0,1fr);gap:24px}.quiz-sidebar{padding:20px 10px}.quiz-sidebar .eyebrow{font-size:.58rem;letter-spacing:.12em}.area-nav{font-size:.8rem;padding:12px 8px}.results-top{grid-template-columns:minmax(0,1fr) 180px}.score-box{padding:22px}.quiz-start{gap:32px;grid-template-columns:minmax(0,1.2fr) minmax(290px,1fr)}.quiz-start h1{font-size:3.1rem}.quiz-intro-areas{padding:24px}}
@media(max-width:860px){.quiz-layout{grid-template-columns:1fr;gap:30px}.quiz-sidebar{border-radius:18px;padding:18px 12px}.quiz-sidebar ol{display:flex;overflow-x:auto;gap:5px;margin:0;padding-bottom:5px}.quiz-sidebar .eyebrow{display:none}.quiz-sidebar li{flex-shrink:0;max-width:165px}.area-nav{max-width:165px;min-height:62px}.quiz-shell{padding-top:12px}.results-top{grid-template-columns:1fr}.score-box{max-width:245px}.quiz-actions .btn-primary{margin-left:auto}.result-row{grid-template-columns:1.2fr 1fr 65px;gap:16px}}
@media(max-width:520px){.quiz-start h1{font-size:2.6rem}.quiz-panel h2{font-size:2.2rem}.quiz-meta{gap:16px;font-size:.62rem}.quiz-actions{gap:12px}.quiz-actions .btn-primary{width:100%;margin-top:8px}.question-block legend{font-size:.98rem}.answer-option{padding:14px;font-size:.88rem}.progress-line{font-size:.62rem;gap:12px}.progress-line progress{width:85px}.result-row{grid-template-columns:1fr 70px;gap:10px}.result-row .score-bar{grid-column:1/-1;grid-row:2}.result-row>span:last-child{grid-column:2;grid-row:1}.finding,.result-cta{padding:22px}.quiz-shell .eyebrow{font-size:.61rem;letter-spacing:.15em}.result-cta .btn-primary{width:100%}}
@media(max-width:860px){.quiz-layout{grid-template-columns:minmax(0,1fr)}.quiz-panel{width:100%}}
@media(max-width:760px){.dark.sec:has(.quiz-shell){padding-block:28px}.quiz-start{grid-template-columns:1fr;gap:30px;padding-top:4px}.quiz-start h1{font-size:clamp(2.6rem,7.5vw,3.6rem)}.quiz-intro-areas{padding:24px}.quiz-intro-copy>.audit-note{margin-bottom:0}.quiz-panel{padding:24px}.quiz-sidebar{padding:0;border:0}.quiz-sidebar>a{display:none!important}.quiz-layout{gap:22px}}
@media(max-width:520px){.quiz-panel{padding:22px 18px;border-radius:18px}.quiz-intro-actions .btn-primary{width:100%}.quiz-intro-actions .audit-talk-link{align-self:center;font-size:.83rem}.quiz-meta{font-size:.64rem;gap:14px}.quiz-meta span+span{padding-left:14px}.quiz-shell .quiz-panel>h1{font-size:2rem}.quiz-actions #previous{padding-left:0}.quiz-actions #skip-area{margin-left:auto}.quiz-actions .btn-primary{order:3}.progress-line{gap:10px}.quiz-shell .actions{gap:8px}.quiz-shell .actions .plain-button{font-size:.78rem;padding:9px 13px}.quiz-shell .result-cta .btn-primary{font-size:.88rem}}
@media(prefers-reduced-motion:reduce){.quiz-shell *{transition:none!important}}
.discovery-context{max-width:760px;margin-inline:auto}
.discovery-context .field{margin-top:22px}
.discovery-context .field label{line-height:1.7}
.discovery-context .field input,.discovery-context .field select,.discovery-context .field textarea{display:block;margin-top:9px;text-transform:none;letter-spacing:normal}
.discovery-context .field.row{gap:20px}
.discovery-context textarea{min-height:130px}
.discovery-results{margin-inline:auto}
.matched-offer{margin-block:28px;padding:30px;background:linear-gradient(145deg,rgba(233,205,169,.055),rgba(10,22,34,.12))}
.matched-offer .offer-evidence{font-size:.88rem;border-bottom:1px solid var(--line);padding-bottom:23px;margin-bottom:25px;color:var(--paper-dim)}
.matched-offer .offer-type{font-family:var(--mono);font-size:.63rem;letter-spacing:.1em;text-transform:uppercase;color:var(--champ);margin-bottom:8px}
.matched-offer h2{font-size:clamp(1.6rem,3vw,2.2rem);margin:8px 0 14px}
.matched-offer .offer-task{font-family:var(--display);font-weight:600;font-size:1.3rem;line-height:1.35;color:var(--paper);margin:0 0 12px}
.matched-offer h3,.catalogue-item h3{font-family:var(--sans);font-size:.95rem;font-weight:600;color:var(--paper);margin:25px 0 12px}
.offer-columns{display:grid;grid-template-columns:1.2fr 1fr;gap:30px}
.matched-offer ul,.catalogue-item ul{padding-left:20px;color:var(--paper-dim);font-size:.92rem;line-height:1.7}
.matched-offer li,.catalogue-item li{margin:9px 0}
.offer-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;list-style:none;padding:0;counter-reset:flow}
.offer-flow li{border:1px solid var(--line);padding:16px;border-radius:14px;font-size:.85rem;line-height:1.6;color:var(--paper-dim);background:rgba(10,22,34,.2)}
.offer-flow li::before{counter-increment:flow;content:counter(flow,decimal-leading-zero);display:block;font: .65rem var(--mono);color:var(--champ);margin-bottom:10px}
.offer-checks,.catalogue-browser,.audit-score-details{border-block:1px solid var(--line);padding:18px 0;margin:24px 0;color:var(--paper-dim);font-size:.9rem;line-height:1.6}
.offer-checks summary,.catalogue-browser summary,.audit-score-details summary{cursor:pointer;color:var(--champ);padding:8px 0}
.offer-checks summary:focus-visible,.catalogue-browser summary:focus-visible,.audit-score-details summary:focus-visible{outline:2px solid var(--champ);outline-offset:4px}
.catalogue-item{border-bottom:1px solid var(--line);padding:13px 0}
.catalogue-item>summary{color:var(--paper);font-size:1rem}
.discovery-row{display:grid;gap:8px;border-bottom:1px solid var(--line);padding:20px 0;font-size:.88rem;line-height:1.6;color:var(--paper-dim)}
.discovery-row strong{color:var(--paper);font-weight:500}
#reset-confirm{margin-top:20px;border:1px solid var(--line);border-radius:14px;padding:20px}
@media(max-width:650px){.offer-columns,.offer-flow{grid-template-columns:minmax(0,1fr);gap:8px}.matched-offer{padding:20px}.matched-offer .btn-primary{width:100%;font-size:.85rem}.matched-offer h3{margin-top:20px}.discovery-context .field.row{grid-template-columns:minmax(0,1fr)}.discovery-results>.eyebrow{line-height:1.8}}
@media print{body{padding:0;background:#fff!important;color:#000!important}body::before,.topbar,footer,.quiz-sidebar,.quiz-actions,.result-cta,.plain-button,.matched-offer .btn-primary,.catalogue-browser{display:none!important}.quiz-layout{display:block}.quiz-shell,.wrap{padding:0;max-width:none}.quiz-panel p,.quiz-panel h1,.quiz-panel h2,.finding h3,.finding h4,.finding p,.finding li,.result-row,.notice,.score-box .score,.score-box p{color:#000!important}.finding,.score-box{break-inside:avoid;box-shadow:none;background:none;border-color:#bbb}.score-bar{print-color-adjust:exact;-webkit-print-color-adjust:exact}}

/* Keep the current multiple-choice audit controls separated on phones. */
@media screen and (max-width:760px){
  .quiz-shell{padding-top:0;padding-bottom:16px;min-height:0}
  #audit-app .quiz-sidebar ol{margin:0 0 16px;padding-bottom:8px;scrollbar-width:thin}
  #audit-app .quiz-sidebar #review{display:inline-flex;margin:0;min-height:44px}
  #audit-app .quiz-layout{gap:24px}
  #audit-app .quiz-panel>.progress-line{margin-bottom:20px}
  #audit-app .question-block{margin-block:24px}
  #audit-app .quiz-actions{margin-top:24px;padding-top:24px;gap:12px}
  #audit-app .quiz-actions .btn-primary{margin-top:0}
  #audit-app .quiz-panel>#skip{display:inline-flex;margin-top:16px;min-height:44px}
  #audit-app .quiz-panel>.micro{margin:20px 0 0}
}