.bb-calculator-page { margin:0; background:var(--bb-paper); color:var(--bb-text); font:16px/1.65 Nunito,system-ui,sans-serif; }
.bb-calculator-page main { max-width:1160px; margin:0 auto; padding:36px 24px 64px; }
.bb-calculator-page h1,.bb-calculator-page h2 { font-family:'Playfair Display',Georgia,serif; line-height:1.2; color:var(--bb-text); }
.bb-calculator-page h1 { font-size:clamp(32px,4.4vw,50px); max-width:800px; margin:12px 0 18px; }
.bb-calculator-page h2 { font-size:28px; margin:8px 0 18px; }
.bb-calculator-page h3 { font-size:17px; margin:0 0 8px; }
.bb-calculator-page a { color:var(--bb-accent); text-underline-offset:4px; }
.bb-calculator-page .bb-skip { position:absolute; left:-10000px; top:auto; }
.bb-calculator-page .bb-skip:focus { left:16px; top:12px; z-index:200; padding:12px; background:var(--bb-card); border:1px solid var(--bb-rule); border-radius:8px; }
.bb-calculator-page .bb-calc-intro { max-width:740px; font-size:18px; }
.bb-calc-kicker { color:var(--bb-accent); font-size:12px; font-weight:800; letter-spacing:.09em; margin:0; }
.bb-calc-meta { color:var(--bb-muted); font-size:14px; margin:22px 0 28px; }
.bb-calc-workspace { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(0,1fr); gap:24px; align-items:start; margin:30px 0 48px; }
.bb-calc-form,.bb-calc-results { min-width:0; padding:28px; border:1px solid var(--bb-rule); border-radius:20px; background:var(--bb-card); }
.bb-calc-results { background:var(--bb-tint); scroll-margin-top:100px; }
.bb-calc-form fieldset { min-width:0; margin:0 0 24px; padding:0; border:0; }
.bb-calc-form legend { font-size:17px; font-weight:800; margin:0 0 16px; padding:0; }
.bb-calc-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.bb-calc-form label { display:block; min-width:0; font-size:14px; font-weight:700; margin-bottom:14px; }
.bb-calc-form input,.bb-calc-form select { display:block; box-sizing:border-box; width:100%; min-width:0; max-width:100%; min-height:48px; margin-top:6px; padding:10px; font:inherit; font-size:16px; color:var(--bb-text); background:var(--bb-card); border:1px solid var(--bb-muted); border-radius:8px; }
.bb-calc-form .bb-calc-units { max-width:300px; margin-bottom:20px; }
.bb-calc-form input[aria-invalid="true"],.bb-calc-form select[aria-invalid="true"] { border:2px solid #a32222; }
.bb-calc-help { font-size:13px; color:var(--bb-muted); margin:8px 0 0; font-weight:400; }
.bb-calc-error { display:block; color:#a32222; font-size:14px; font-weight:700; margin:8px 0 0; }
.bb-calc-actions { display:flex; flex-wrap:wrap; gap:10px; margin:8px 0 16px; }
.bb-calc-actions button { cursor:pointer; min-height:48px; padding:12px 16px; border:1px solid var(--bb-rule); border-radius:10px; background:var(--bb-card); color:var(--bb-text); font:800 15px Nunito,system-ui,sans-serif; }
.bb-calc-actions .bb-calc-primary { background:#873344; border-color:#873344; color:#fff; }
.bb-calc-actions button:disabled { opacity:.6; cursor:wait; }
.bb-calc-reading { margin:20px 0; padding:20px; background:var(--bb-card); border:1px solid var(--bb-rule); border-radius:14px; }
.bb-calc-reading p { font-size:14px; margin:10px 0 0; }
.bb-calc-reading .bb-calc-percentile { font-size:34px; line-height:1.3; font-weight:800; margin:8px 0 18px; }
.bb-calc-percentile span { font-size:15px; font-weight:400; }
.bb-calc-scale { height:8px; border-radius:8px; background:var(--bb-rule); position:relative; margin:0 6px; }
.bb-calc-scale>span { position:absolute; top:50%; width:14px; height:14px; background:var(--bb-text); border:2px solid var(--bb-card); border-radius:50%; transform:translate(-50%,-50%); }
.bb-calc-ticks { display:flex; justify-content:space-between; font-size:12px; color:var(--bb-muted); margin-top:8px; }
.bb-calc-next { border-top:1px solid var(--bb-rule); margin-top:24px; padding-top:22px; }
.bb-calc-next a { display:inline-flex; align-items:center; min-height:44px; font-weight:800; }
.bb-calc-explainer { max-width:820px; }
.bb-calc-explainer section { margin:36px 0; }
.bb-calc-explainer details { padding:18px 0; border-bottom:1px solid var(--bb-rule); }
.bb-calc-explainer summary { cursor:pointer; font-weight:800; min-height:28px; }
.bb-calculator-page :focus-visible { outline:3px solid var(--bb-accent); outline-offset:4px; }
.bb-calc-results:focus { outline:2px solid var(--bb-accent); outline-offset:3px; }
[data-bb-theme="dark"] .bb-calc-error { color:#ffb4b4; }
[data-bb-theme="dark"] .bb-calc-form :is(input,select) { color-scheme:dark; }
[data-bb-theme="dark"] .bb-calc-form [aria-invalid="true"] { border-color:#ffb4b4; }
@media(max-width:850px) { .bb-calc-workspace { grid-template-columns:1fr; }.bb-calculator-page main { padding:24px 18px 48px; }.bb-calc-results { scroll-margin-top:170px; } }
@media(max-width:480px) { .bb-calc-grid { grid-template-columns:1fr; gap:0; }.bb-calc-form,.bb-calc-results { padding:20px; }.bb-calc-actions { flex-direction:column; }.bb-calc-form .bb-calc-units { max-width:none; } }