/* One shared Outfit family, including native controls and help text. */
body,body *,body input,body .expense .ename,body button,body select{font-family:Outfit,system-ui,sans-serif!important}
:root{--purple:#8b5cf6;--paper:#fffdf3;--ink:#1e293b}
body{background:var(--paper);color:var(--ink);font-size:17px;line-height:1.55}
.wrap{width:min(1120px,calc(100% - 40px))}
.hero h1{font-size:clamp(36px,5vw,64px);line-height:1.08}
.panel{padding:clamp(18px,3vw,32px);margin-bottom:22px}
.panel h2{font-size:clamp(24px,3vw,32px)}
.panel>p,.panel p[style],.meaning,.industry-note,.note{font-size:16px!important;line-height:1.6}
.row label,.opex-grid label,.wf,.statement-preview>div{font-size:16px}
.row small,.result span,.statement-head,.statement-group{font-size:14px;line-height:1.5}
input,select,button{font-size:16px!important;min-height:44px}
input,select{max-width:100%;min-width:0;padding:10px;border:2px solid #c8ced7;border-radius:9px}
.row input,.row select{font-size:16px}.result b{font-size:28px}
.result span{display:block}.wf{gap:16px}.wf strong{font-variant-numeric:tabular-nums}
.scenario-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:16px}
.scenario-controls label,#articleMode label{display:flex;flex-direction:column;gap:7px;font-weight:700}
#articleMode label{margin:18px 0}.scenario-controls select{width:100%}
#restoreDeal{padding:10px 16px;background:var(--purple);color:white;border:2px solid var(--ink);border-radius:10px;cursor:pointer}
#dealSearch{display:block;width:100%;margin-top:6px;background:var(--paper);color:var(--ink)}
#dealChooser,#ownerScenario{background:var(--paper);color:var(--ink);border:2px solid var(--ink);border-radius:10px;padding:12px;font-weight:600}
#dealChooser option,#ownerScenario option{background:var(--paper);color:var(--ink)}
select:focus-visible,input:focus-visible,button:focus-visible{outline:3px solid var(--purple);outline-offset:3px}
body[data-theme=dark] #dealChooser,body[data-theme=dark] #ownerScenario,body[data-theme=dark] #dealSearch{background:#111827;color:#f8fafc;border-color:#cbd5e1}
[hidden]{display:none!important}
.assessment{margin-top:16px;padding:18px;border:2px solid;border-radius:12px;font-size:16px;line-height:1.6}
.assessment[data-level=red]{background:#fee2e2;color:#7f1d1d;border-color:#b91c1c}
.assessment[data-level=amber]{background:#fef3c7;color:#78350f;border-color:#b45309}
.assessment[data-level=green]{background:#dcfce7;color:#14532d;border-color:#15803d}
.assessment[data-level=neutral]{background:#e2e8f0;color:#1e293b;border-color:#64748b}
.calc-nav-links a,.tool-name{font-size:15px}.andchill-home{font-size:25px}
nav .wrap{flex-wrap:wrap}.book-call{font-size:15px!important}
body[data-theme=dark] .panel>p,body[data-theme=dark] .row small,body[data-theme=dark] .hero p{color:#cbd5e1}
@media(max-width:600px){.wrap{width:calc(100% - 28px)}.scenario-controls{grid-template-columns:1fr}.row,.financial-row,.opex-grid label{grid-template-columns:1fr}.financial-row small{display:block}.expense{grid-template-columns:minmax(0,1fr) 100px 30px}.wf{flex-wrap:wrap}.wf strong{margin-left:auto}.calc-nav-links{margin-left:0;flex-wrap:wrap}.panel{box-shadow:3px 3px 0 var(--ink)}.note{padding-bottom:55px}}
