/* Small-screen layout is the default; larger screens retain the wider composition. */
html{scroll-padding-top:24px}button,input,summary,a{touch-action:manipulation}input{font-size:16px!important}.icon{min-width:44px;min-height:44px}.topic-menu summary{min-height:44px}.filter{min-height:44px}.topic-dropdown a{min-height:44px;align-items:center}.story{min-width:0}.story h2{overflow-wrap:anywhere}.reading h1{overflow-wrap:anywhere}.reading .back,.reading-bottom a{min-height:44px;display:inline-flex;align-items:center}a:focus-visible,summary:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
@media(max-width:760px){header,main,footer{padding-left:20px;padding-right:20px}header{gap:8px}.logo,header .logo{font-size:21px;letter-spacing:-.8px;gap:5px}.brand-mark{width:21px;height:21px}header nav{gap:8px}.hero{padding:30px 20px 32px;margin-left:-20px;margin-right:-20px;min-height:0}.hero h1{font-size:42px;letter-spacing:-2px;max-width:100%;margin:18px 0}.hero p{font-size:15px;max-width:290px}.hero .search{margin-right:0;margin-top:22px;max-width:100%;min-height:48px}.hero-symbol{display:none}.orbit{right:-130px;opacity:.35}.toolbar{padding:24px 0 18px;min-width:0}.filters{flex-wrap:nowrap;overflow-x:auto;width:100%;padding:4px 2px 10px;scrollbar-width:thin}.filter{flex-shrink:0;padding:8px 13px}.section-label{gap:10px;flex-wrap:wrap}.grid{grid-template-columns:minmax(0,1fr);gap:24px}.feature{padding-right:0;border-right:0}.art{height:190px}.story h2{font-size:26px;line-height:1.25}.story p{font-size:16px;line-height:1.7}.list .story{padding:22px 0}.list h2{font-size:23px}.notes{padding:22px 18px;margin-top:36px}.notes h2{font-size:23px;line-height:1.3;letter-spacing:-.7px}.note-grid{grid-template-columns:1fr;gap:22px}.note{font-size:16px}.notes-head p{font-size:14px}.topic-dropdown{right:-52px;max-width:calc(100vw - 40px)}.reading{padding:26px 22px 60px}.reading h1{font-size:36px;letter-spacing:-1.2px;line-height:1.2}.reading .lead{font-size:19px;line-height:1.65}.reading .prose{font-size:18px;line-height:1.85}.reading .meta{font-size:10px;letter-spacing:.5px}footer{font-size:12px}}
@media(max-width:360px){header .logo{font-size:19px}.brand-mark{display:none}.hero h1{font-size:37px}.reading h1{font-size:32px}}
.bottom-nav,.mobile-topics-sheet{display:none}
@media(max-width:760px){body{padding-bottom:calc(82px + env(safe-area-inset-bottom,0px))}header .topic-menu,header nav>a{display:none}.bottom-nav{position:fixed;z-index:30;bottom:0;left:0;right:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding:7px 14px calc(7px + env(safe-area-inset-bottom,0px));background:var(--bg);border-top:1px solid var(--line);box-shadow:0 -6px 24px #15122708;transition:transform .2s ease}.bottom-nav a,.bottom-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:52px;background:none;border:0;color:var(--muted);font:11px/1.3 system-ui;border-radius:10px}.bottom-nav a[aria-current],.bottom-nav button:focus-visible{color:var(--accent);background:var(--soft)}.bottom-nav svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.bottom-nav.nav-hidden{transform:translateY(110%)}.mobile-topics-sheet[open]{display:block;position:fixed;inset:auto 0 0;width:100%;max-width:100%;max-height:80dvh;margin:0;padding:24px 24px calc(24px + env(safe-area-inset-bottom,0px));border-radius:24px 24px 0 0;border:1px solid var(--line);background:var(--bg);color:var(--fg);overflow:auto}.mobile-topics-sheet::backdrop{background:#10101866;backdrop-filter:blur(4px)}.sheet-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.sheet-heading h2{font-size:24px;margin:0}.sheet-heading button{border:0;border-radius:50%;background:var(--soft);width:44px;height:44px;font-size:25px}.sheet-links{display:grid}.sheet-links a{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:8px 4px;border-bottom:1px solid var(--line);font-size:16px}.sheet-links a span{color:var(--accent)}}
@media(prefers-reduced-motion:reduce){.bottom-nav{transition:none}}
/* Floating mobile dock */
@media(max-width:760px){.bottom-nav{left:16px;right:16px;bottom:calc(12px + env(safe-area-inset-bottom,0px));width:auto;max-width:440px;margin:0 auto;border:1px solid #ffffff80;border-radius:25px;padding:7px;background:color-mix(in srgb,var(--bg) 83%,transparent);backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%);box-shadow:0 12px 40px #23203820,0 2px 8px #2320380a;transition:transform .3s cubic-bezier(.2,.8,.2,1)}.bottom-nav a,.bottom-nav button{min-height:54px;border-radius:19px;font-size:10px;gap:5px;transition:background .2s,color .2s,transform .2s}.bottom-nav a[aria-current]{background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent)}.bottom-nav a:active,.bottom-nav button:active{transform:scale(.93);background:var(--soft)}.bottom-nav.nav-hidden{transform:translateY(calc(100% + 40px))}body.dark .bottom-nav{border-color:#ffffff15;box-shadow:0 12px 40px #0005}.bottom-nav svg{width:22px;height:22px}.bottom-nav button[aria-expanded="true"]{color:var(--accent);background:var(--soft)}}