.binary-hero{padding:clamp(3rem,8vw,6rem) 0;border-bottom:1px solid var(--c-line)}
.binary-hero h1{max-width:54rem}.binary-hero p:last-child{max-width:48rem;font-size:clamp(1.05rem,2vw,1.25rem)}
.binary-section{padding:clamp(2.5rem,6vw,4.5rem) 0}.binary-section--muted{background:rgba(255,255,255,.018);border-block:1px solid var(--c-line)}
.binary-copy{max-width:52rem}.binary-copy>p{color:var(--c-muted)}
.number-examples{display:grid;gap:.4rem;max-width:32rem;margin:1.5rem 0}.number-examples div{display:grid;grid-template-columns:3rem 1fr;gap:1rem;padding:.55rem .8rem;border:1px solid var(--c-line);border-radius:var(--radius-sm)}
.number-examples code,.word-example code,.calculation code{color:var(--c-gold-strong);font-family:var(--font-mono);letter-spacing:.08em}
.word-example,.decode-chain{display:flex;align-items:center;justify-content:center;gap:.65rem;flex-wrap:wrap;margin:1.5rem 0;padding:1.25rem;border:1px solid var(--c-gold);border-radius:var(--radius-md);background:var(--c-panel);font-weight:700;text-align:center}.word-example span,.decode-chain span{padding:.45rem .65rem}.word-example b,.decode-chain b{color:var(--c-gold)}
.power{margin:1.25rem 0;color:var(--c-gold-strong);font-family:var(--font-mono);font-size:clamp(1.5rem,4vw,2.3rem);font-weight:700}
.bit-values{display:grid;grid-template-columns:repeat(11,minmax(2.5rem,1fr));gap:.3rem;margin:1.2rem 0;overflow-x:auto;padding-bottom:.4rem}.bit-values span{display:grid;place-items:center;min-height:2.8rem;padding:.25rem;border:1px solid var(--c-line);border-radius:4px;font-family:var(--font-mono);font-size:.78rem}
.bit-values--example span.is-on{border-color:var(--c-gold);background:rgba(215,189,131,.14);color:var(--c-gold-strong)}
.calculation{padding:1rem;border-left:3px solid var(--c-gold);background:var(--c-panel)}
.converter{display:grid;gap:1rem;max-width:48rem;margin-top:1.5rem}.converter__row{display:grid;gap:.7rem;align-items:end;padding:1rem;border:1px solid var(--c-line);border-radius:var(--radius-md);background:var(--c-panel)}.converter label{display:grid;gap:.4rem;color:var(--c-muted)}.converter input{width:100%;min-width:0;min-height:3rem;padding:.7rem .8rem;border:1px solid var(--c-line);border-radius:var(--radius-sm);background:var(--c-graphite);color:var(--c-text);font:inherit}.converter input[data-binary-input]{font-family:var(--font-mono);letter-spacing:.08em}.converter__arrow{color:var(--c-gold);font-size:1.5rem;text-align:center}.converter__message{min-height:1.5rem;margin:0;color:var(--c-gold)}.converter__message.is-error{color:var(--c-danger)}
.binary-links{display:grid;gap:.7rem}.binary-links a{padding:1rem;border:1px solid var(--c-line);border-radius:var(--radius-sm);text-decoration:none}.binary-links a:hover{border-color:var(--c-gold)}
@media(min-width:700px){.converter__row{grid-template-columns:1fr auto 1fr}.binary-links{grid-template-columns:repeat(4,1fr)}}