.atlas{max-width:990px}.atlas h1{font-size:clamp(2rem,4.7vw,3.8rem)}.at-nav,.at-choices,.at-actions,.at-axis{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.at-nav{border-bottom:1px solid var(--edge);margin:.8rem 0 1.6rem}.at-nav a{padding:.65rem .4rem;text-decoration:none;font-weight:650}.at-nav a[aria-current]{border-bottom:3px solid var(--teal)}.at-work h2{font:900 clamp(1.45rem,3vw,2.15rem)/1.2 TonSerif,Georgia,serif}.at-work h2+p{margin:.5rem 0 1.2rem;max-width:68ch}.at-spread,.at-synth{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:clamp(1rem,3vw,2rem);background:#fff;border:1px solid var(--edge);border-radius:16px;padding:clamp(.9rem,2.5vw,2rem)}.at-board,.at-plot{background:#e8f3ed;border-radius:12px;padding:1rem}.at-axis{justify-content:space-between;color:#375653;font-size:.85rem}.at-field{position:relative;height:clamp(170px,18vw,245px)}.at-field svg{width:100%;height:100%;fill:none;stroke:#88a49a;stroke-width:.6}.at-field button{position:absolute;transform:translate(-50%,-50%);border-radius:50%;font:italic bold 1.6rem Georgia,serif;width:44px;height:44px}.atlas button:not(.btn){border:1px solid #a9bcb2;background:white;color:#164d49}.atlas button[aria-pressed=true]:not(.btn){background:#185b56;color:white;border-color:#185b56}.at-profile{display:flex;align-items:center;gap:1rem}.at-profile svg{width:46%;max-height:105px}.at-profile span,.at-letters{font:italic 3.8rem Georgia,serif;color:#195d57}.at-read h3{margin:.6rem 0 .35rem}.at-actions,.at-choices{margin:.8rem 0}.at-listen,.at-choices button{border-radius:8px;padding:.5rem .8rem;min-height:44px;font-weight:650}.at-listen b{font-size:.8em}.at-choices button{min-width:44px}.at-read small,.at-caption{display:block;color:var(--muted);margin-top:.5rem}.at-note{margin-top:.85rem}.at-note p{max-width:76ch;margin-bottom:.5rem}.at-work input[type=range]{width:100%;accent-color:var(--teal);min-height:32px}.at-work output{font-weight:bold}.at-plot svg{width:100%;display:block}.at-wordlab{background:#f0f2e9;border-radius:16px;padding:clamp(1rem,3vw,2rem)}.at-letters{margin:0 0 1rem}.at-letters mark{color:#803c1c;background:#f6d7bb;border-radius:5px}.at-beats i{display:inline-block;margin:.25rem;padding:.15rem .6rem;border-bottom:3px solid #1c675c;background:white;font-size:1.15rem}.at-feedback p{margin-top:.4rem}@media(max-width:700px){.at-spread,.at-synth{grid-template-columns:1fr}.at-nav{gap:0}.at-nav a{font-size:.9rem}.at-profile svg{max-height:85px}}