.bip39-hero{padding:1.5rem 0 .75rem}.bip39-hero .eyebrow{margin-bottom:.45rem}.bip39-hero h1{max-width:22ch;margin-bottom:.65rem;font-size:clamp(2rem,5vw,3.5rem)}.bip39-hero__intro{max-width:55rem;margin:0;color:var(--c-muted)}
.bip39-page{padding-bottom:var(--s-7)}.bip39-flow{display:grid;gap:1rem;max-width:64rem;margin-inline:auto}.principle-intro{display:grid;gap:.55rem}.principle-intro p{max-width:58rem;margin:0}.hero-example{display:flex;align-items:center;flex-wrap:wrap;gap:.45rem;padding:.65rem .8rem;border:1px solid var(--c-line);border-radius:var(--radius-sm);font-family:var(--font-mono);color:var(--c-gold-strong)}
.converter-card{padding:clamp(1.1rem,4vw,2rem);border-color:var(--c-gold)}.converter-card h2{margin-bottom:.35rem;font-size:clamp(1.8rem,5vw,3rem)}.tool-form{display:grid;gap:.75rem;margin-top:1rem}.tool-form label{font-weight:700}.tool-form input{position:relative;width:100%;min-height:3.6rem;padding:.8rem 1rem;font:inherit;font-size:1.1rem;color:var(--c-text);background:var(--c-graphite);border:1px solid var(--c-line);border-radius:var(--radius-sm);user-select:text;-webkit-user-select:text;touch-action:auto;pointer-events:auto;caret-color:var(--c-gold)}.tool-form .button{width:100%}.error{min-height:1.5rem;margin:0;color:var(--c-danger);font-weight:650}.tool-result{margin-top:1rem;padding:clamp(1rem,3vw,1.5rem);border:1px solid var(--c-line);border-radius:var(--radius-md);background:var(--c-ink)}.tool-result[hidden]{display:none}.result-facts{display:grid;gap:.8rem}.result-fact{display:grid;gap:.15rem}.result-label{color:var(--c-muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.1em}.result-value{font-size:1.3rem}.binary-result{font-family:var(--font-mono);font-size:clamp(1.35rem,6vw,2.5rem);letter-spacing:.08em;color:var(--c-gold-strong)}.converter-security-note{max-width:48rem;margin:.65rem 0 0 auto;padding-top:.55rem;border-top:1px solid color-mix(in srgb,var(--c-gold) 30%,transparent);color:var(--c-muted);font-size:.78rem;line-height:1.45;text-align:right}
.bit-grid{display:grid;grid-template-columns:repeat(11,minmax(0,1fr));gap:clamp(.12rem,1vw,.4rem);margin:1.1rem 0}.bit{aspect-ratio:1;display:grid;place-items:center;min-width:0;border:1px solid var(--c-line);border-radius:.25rem;font:700 clamp(.65rem,2.5vw,1rem)/1 var(--font-mono)}.bit.is-punched{background:var(--c-gold);color:var(--c-ink);border-color:var(--c-gold)}.binary-key{display:flex;flex-wrap:wrap;gap:.5rem}.binary-key strong{padding:.45rem .65rem;border:1px solid var(--c-gold);border-radius:var(--radius-sm);font-size:.85rem}
.offline-card,.security-reminder,.next-step,.learning-card{padding:clamp(1.1rem,3vw,1.5rem)}.offline-card{border-color:var(--c-gold)}.offline-card h2,.security-reminder h2,.next-step h2,.learning-card h2{font-size:clamp(1.4rem,4vw,2.15rem)}.learning-section{display:grid;gap:1rem;padding-top:1rem}.learning-section>h2{margin:0;font-size:clamp(1.8rem,5vw,3rem)}.mechanism-flow{display:grid;gap:.45rem}.mechanism-step{padding:.75rem;text-align:center;border:1px solid var(--c-line);border-radius:var(--radius-sm)}.mechanism-step strong,.mechanism-step span{display:block}.mechanism-step strong{color:var(--c-gold);font-size:.76rem;letter-spacing:.1em}.mechanism-arrow{text-align:center;color:var(--c-gold)}.learning-grid{display:grid;gap:1rem}.example-list{display:grid;gap:.4rem;margin:1rem 0;font-family:var(--font-mono)}.why-number{margin:.5rem 0;color:var(--c-gold-strong);font:700 clamp(2rem,6vw,3.5rem)/1 var(--font-mono)}.equation{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center;color:var(--c-text);font-weight:700}.equation span{padding:.4rem .55rem;border:1px solid var(--c-line);border-radius:var(--radius-sm)}.security-reminder{border-left:3px solid var(--c-gold)}.next-step .button{margin:.25rem 0 1rem}.visualizer-note{padding-top:1rem;border-top:1px solid var(--c-line)}.visualizer-note p{margin:.35rem 0 0;font-size:.85rem}
@media(min-width:700px){.bip39-hero{padding:2rem 0 .8rem}.principle-intro{grid-template-columns:minmax(0,1fr) auto;align-items:center}.principle-intro p:last-child{grid-column:1/-1}.tool-form{grid-template-columns:minmax(0,1fr) auto;align-items:end}.tool-form label{grid-column:1/-1}.tool-form .button{width:auto;min-height:3.6rem}.tool-form .error{grid-column:1/-1}.result-facts{grid-template-columns:.8fr .75fr 1.65fr;align-items:end}.mechanism-flow{grid-template-columns:repeat(7,auto);align-items:stretch}.mechanism-step{display:grid;align-content:center;min-width:0}.mechanism-arrow{align-self:center}.learning-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.learning-card--wide{grid-column:1/-1}}
@media(max-width:699px){.converter-security-note{max-width:none;margin-left:0;text-align:left}}