/* One quiet surface. No persistent pitch panel beside the questions. */
.audit-ui{color:#242c22;font:16px/1.5 Albert,sans-serif;--paper:#fffefa;--ink:#242c22;--line:#d9ded2;--muted:#65705f}
body[data-audit-page] .audit-shell.audit-ui{display:block;max-width:680px;min-height:0;grid-template-columns:1fr;margin:24px auto;border-radius:18px}
body[data-audit-page] .audit-header,body[data-audit-page] .audit-footer{max-width:680px;margin-inline:auto}
.audit-ui .audit-inline-head,.audit-ui .audit-modal-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 30px 17px;border-bottom:1px solid #e3e6dc;background:#fffefa}
.audit-ui .audit-inline-head h1,.audit-ui .audit-modal-head h2{font-size:14px;font-weight:550;letter-spacing:-.015em;line-height:1.4;margin:0;color:#293524}
.audit-ui .audit-inline-head>span,.audit-ui .audit-modal-head p{font-size:11px;color:#748267;margin:3px 0 0}
.audit-ui .audit-content{padding:24px 30px 26px}
.audit-ui form{display:block;margin:0;gap:0}
.audit-ui .choice>span:not(.choice-symbol){display:block}
.audit-ui .audit-progress ol{margin-bottom:22px;gap:5px}
.audit-ui .audit-progress li{font-size:10px;padding-top:8px;border-top-width:2px}
.audit-ui .step-count{display:none}
.audit-ui .audit-step h2{font-size:34px;line-height:1.12;letter-spacing:-.05em;font-weight:500;margin:0}
.audit-ui .step-intro{font-size:14px;margin:13px 0 22px;line-height:1.5}
.audit-ui .choice{padding:14px 13px;min-height:72px}
.audit-ui .choice-symbol{display:none}
.audit-ui .choice>span:not(.choice-symbol){font-size:14px;padding-right:16px;line-height:1.35}
.audit-ui .choice small{font-size:11px;margin-top:4px;line-height:1.4}
.audit-ui .choice-wide{min-height:60px}
.audit-ui .choice-wide small{display:block;margin-left:0}
.audit-ui .priority-grid .choice{min-height:78px}
.audit-ui .choice:has(input[type=checkbox]) i{border-radius:3px;width:15px;height:15px}
.audit-ui .choice:has(input[type=checkbox]:checked) i{box-shadow:none;background:#526e3d}
.audit-ui .choice:has(input[type=checkbox]:checked) i::after{content:'✓';display:block;color:#fff;text-align:center;font:11px/13px Albert,sans-serif}
.audit-ui .step-actions{margin-top:22px;padding-top:18px}
.audit-ui .quiet-note{font-size:11px;max-width:none}
.audit-ui .context-label{margin-top:20px}
.audit-ui .next-button{min-height:47px;font-size:13px}
.audit-ui .next-button:active,.audit-ui .audit-close:active{transform:scale(.97)}
body.audit-modal-open{overflow:hidden}
#audit-dialog{padding:0;border:1px solid #d9ded2;border-radius:18px;background:#fffefa;width:min(680px,calc(100vw - 40px));max-width:none;max-height:calc(100dvh - 40px);height:fit-content;overflow:auto;margin:auto;overscroll-behavior:contain;box-shadow:0 30px 100px #10201429;scrollbar-width:thin;scrollbar-color:#c2cdb6 transparent}
#audit-dialog::backdrop{background:#17221966;backdrop-filter:blur(4px)}
#audit-dialog[open]:not([data-keyboard]){animation:audit-appear 180ms cubic-bezier(.22,.75,.3,1) both}
#audit-dialog .audit-modal-head{position:sticky;top:0;z-index:3}
.audit-ui .audit-close{display:grid;place-items:center;width:38px;height:38px;flex-shrink:0;border:1px solid #d9ded2;border-radius:50%;background:transparent;color:#55654a;font-size:25px;font-weight:300;padding:0;line-height:1;transition:background .15s,transform .15s}
.audit-ui .audit-close:hover{background:#edf1e5}
#audit-dialog .audit-modal-head h2{font-size:14px;line-height:1.4;letter-spacing:-.015em}
#audit-dialog[data-keyboard] .audit-step,#audit-dialog[data-keyboard] .conditional{animation:none}
@keyframes audit-appear{from{opacity:0;transform:translateY(6px) scale(.99)}to{opacity:1;transform:none}}
@media(max-width:760px){
 body[data-audit-page] .audit-shell.audit-ui{margin:15px 12px}
 body[data-audit-page] .audit-header,body[data-audit-page] .audit-footer{margin-inline:20px}
 .audit-ui .audit-inline-head,.audit-ui .audit-modal-head{padding:16px 20px;align-items:center}
 .audit-ui .audit-inline-head{align-items:flex-start;flex-direction:column;gap:2px}
 .audit-ui .audit-content{padding:22px 20px}
 .audit-ui .audit-step h2{font-size:29px;line-height:1.12}
 .audit-ui .choice-grid{gap:8px}
 .audit-ui .choice{padding:13px 11px;min-height:80px}
 .audit-ui .choice>span:not(.choice-symbol){font-size:12px;padding-right:15px}
 .audit-ui .choice small{font-size:10px;line-height:1.4}
 .audit-ui .priority-grid .choice{min-height:88px}
 .audit-ui .choice-wide{min-height:64px}
 .audit-ui .step-intro{font-size:13px}
 .audit-ui .quiet-note{font-size:10px;max-width:140px}
 .audit-ui .step-actions{gap:10px}
 .audit-ui .next-button{padding:12px 16px;gap:18px}
 #audit-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);border-radius:15px}
}
@media(max-width:350px){
 .audit-ui .audit-content{padding-inline:16px}
 .audit-ui .audit-modal-head{padding-inline:16px}
 .audit-ui .audit-step h2{font-size:27px}
 .audit-ui .choice>span:not(.choice-symbol){font-size:11px}
 .audit-ui .choice small{font-size:9px}
 .audit-ui .quiet-note{max-width:100px}
}
@media(prefers-reduced-motion:reduce){#audit-dialog[open]{animation:none!important}.audit-ui *{scroll-behavior:auto!important}}