.bedu-size-translator main{max-width:1180px;margin:0 auto;padding:0 clamp(1rem,3vw,2.4rem) 5rem}.bedu-st-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:2rem;margin-top:1.5rem;padding:clamp(1.5rem,4vw,3.5rem);border-radius:var(--bedu-radius-lg);background:var(--bedu-linen-100);border:1px solid rgb(39 36 31/.16)}.bedu-st-hero h1{font:550 clamp(2.8rem,7vw,6rem)/.94 var(--bedu-font-display);letter-spacing:-.045em;margin:.4rem 0 1rem;max-width:12ch}.bedu-st-hero>div>p{max-width:72ch;line-height:1.7}.bedu-st-stats{display:flex;gap:.7rem 1rem;flex-wrap:wrap;font:700 .7rem/1.4 var(--bedu-font-mono);text-transform:uppercase;letter-spacing:.08em}.bedu-st-axis{display:grid;align-content:center;grid-template-columns:auto 1fr auto 1fr auto;gap:.7rem;align-items:center;font:800 .66rem/1 var(--bedu-font-mono);letter-spacing:.1em}.bedu-st-axis i{height:1px;background:var(--bedu-measurement-line);position:relative}.bedu-st-axis i:after{content:"";position:absolute;right:0;top:-3px;border-left:6px solid var(--bedu-measurement-line);border-top:3px solid transparent;border-bottom:3px solid transparent}.bedu-st-workspace{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:1rem;margin:3rem 0}.bedu-st-controls,.bedu-st-result{padding:clamp(1.2rem,3vw,2rem);border:1px solid rgb(39 36 31/.16);border-radius:var(--bedu-radius-md);background:var(--bedu-surface-raised)}.bedu-st-result{background:var(--bedu-linen-100)}.bedu-st-controls h2,.bedu-st-principles h2,.bedu-st-examples h2,.bedu-st-method h2{font:550 clamp(2rem,4vw,3.5rem)/1 var(--bedu-font-display);letter-spacing:-.03em;margin:.3rem 0 1rem}.bedu-st-controls form{display:grid;gap:.9rem}.bedu-st-controls label{display:grid;gap:.35rem;font-weight:800}.bedu-st-controls select{min-height:44px;border:1px solid rgb(39 36 31/.24);padding:.6rem;background:var(--bedu-paper-white);border-radius:.45rem}.bedu-st-helper{font-size:.88rem;color:var(--bedu-text-secondary);line-height:1.5}.bedu-st-principles,.bedu-st-examples,.bedu-st-method{margin:clamp(4rem,8vw,7rem) 0}.bedu-st-principles>div{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.bedu-st-principles article{padding:1.3rem;border-top:4px solid var(--bedu-measurement-line);background:var(--bedu-surface-raised)}.bedu-st-principles article>span,.bedu-st-source>span,.bedu-st-compare>span{font:800 .62rem/1 var(--bedu-font-mono);letter-spacing:.12em;color:var(--bedu-text-secondary)}.bedu-st-principles h3{font:600 1.65rem/1.05 var(--bedu-font-display);margin:.5rem 0}.bedu-st-scenario{padding:1.5rem 0;border-top:1px solid rgb(39 36 31/.18)}.bedu-st-scenario>h3{font:600 clamp(1.8rem,3vw,2.8rem)/1 var(--bedu-font-display);margin:.3rem 0 1rem}.bedu-st-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}.bedu-st-source,.bedu-st-compare{padding:1rem;border:1px solid rgb(39 36 31/.16);background:var(--bedu-surface-raised)}.bedu-st-source h3,.bedu-st-compare h3{margin:.5rem 0;font:600 1.35rem/1.08 var(--bedu-font-display)}.bedu-st-source>strong,.bedu-st-compare>strong{font:800 1rem/1.2 var(--bedu-font-mono)}.bedu-st-relation{font-weight:800}.bedu-st-exact{color:var(--bedu-moss-600)}.bedu-st-not-exact{color:var(--bedu-oxblood-600)}.bedu-st-note{font-size:.88rem;color:var(--bedu-text-secondary)}.bedu-st-method ol{display:grid;gap:.7rem;max-width:900px;line-height:1.6}.bedu-st-method aside{margin-top:1rem;padding:1.1rem 1.3rem;border-left:4px solid var(--bedu-brass-500);background:var(--bedu-linen-100)}.bedu-st-live>h2{font:600 2rem/1.05 var(--bedu-font-display)}.bedu-st-live>strong{font:800 1.1rem/1.2 var(--bedu-font-mono)}.bedu-st-live-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem;margin-top:1rem}.bedu-st-live-grid article{padding:1rem;background:var(--bedu-paper-white);border:1px solid rgb(39 36 31/.14)}.bedu-st-live-grid h3{font:600 1.25rem/1 var(--bedu-font-display);margin:.4rem 0}.bedu-st-live-note{font-size:.84rem;color:var(--bedu-text-secondary)}.bedu-size-translator :focus-visible{outline:3px solid var(--bedu-brass-500);outline-offset:3px}@media(max-width:820px){.bedu-st-hero,.bedu-st-workspace{grid-template-columns:1fr}.bedu-st-principles>div,.bedu-st-mini{grid-template-columns:1fr}.bedu-st-axis{max-width:420px}.bedu-fit-tools{grid-template-columns:1fr}}@media(max-width:560px){.bedu-st-live-grid{grid-template-columns:1fr}.bedu-st-axis{grid-template-columns:1fr;gap:.35rem}.bedu-st-axis i{width:40px}.bedu-st-hero h1{font-size:clamp(2.7rem,15vw,4.8rem)}}@media(prefers-reduced-motion:reduce){.bedu-size-translator *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}