/* One mobile breakpoint, stable player rows, and space for device safe areas. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
.ui-arrow{display:inline-block;width:1em!important;height:1em!important;min-width:1em;vertical-align:-.12em;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;margin-inline:3px;flex-shrink:0}
:root{--mobile-nav-height:calc(64px + env(safe-area-inset-bottom,0px));--active-player-height:0px}
#audio-dock>div:first-child{min-width:0}
#audio-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#audio-title a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#audio-dock .part-controls[hidden]{display:none}
.mobile-nav-label,.shellnav .nav .mobile-more{display:none}
.mobile-menu-list{display:grid;gap:12px;max-width:600px}.mobile-menu-list a{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);padding:18px;min-height:48px}
@media(max-width:760px){
 body{min-height:100vh;min-height:100dvh}
 .shellnav{position:fixed;inset:auto 0 0;width:100%;height:var(--mobile-nav-height);padding:4px max(8px,env(safe-area-inset-right)) env(safe-area-inset-bottom,0px) max(8px,env(safe-area-inset-left));border-top:1px solid var(--line);border-right:0;z-index:45;background:var(--bg)}
 .shellnav .brand,.shellnav .navlabel,.shellnav .navbottom{display:none}
 .shellnav .nav{display:flex;justify-content:space-around;align-items:center;gap:0;height:60px;margin:0}
 .shellnav .nav a{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1;min-width:0;min-height:52px;gap:4px;padding:5px 2px;font-size:10px;line-height:1.15;text-align:center}
 .shellnav .nav a svg{width:20px;height:20px;flex-shrink:0}
 .shellnav .nav a.active:after{display:none}
 .shellnav .nav a[href="#series"],.shellnav .nav a[href="#story"],.shellnav .nav a[href="#practice"],.shellnav .nav a[href="#studio"],.desktop-nav-label{display:none}
 .mobile-nav-label{display:inline}.shellnav .nav .mobile-more{display:flex}
 .main{margin-left:0;min-width:0}
 header{height:58px;padding:0 max(16px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left));gap:10px}
 .headright>.localstatus{display:none}.mobiletheme{display:grid}
 header .headright{gap:8px}header .headleft{min-width:0}
 #breadcrumb{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:46vw;display:inline-block;vertical-align:middle}
 .content{padding:22px max(18px,env(safe-area-inset-right)) calc(var(--mobile-nav-height) + var(--active-player-height) + 32px) max(18px,env(safe-area-inset-left))!important;min-width:0}
 .content input:not([type=checkbox]):not([type=radio]),.content textarea,.content select,dialog input,dialog select,dialog textarea{font-size:16px}
 button,.btn,select,.textlink{touch-action:manipulation}
 .btn{min-height:44px}.textlink{display:inline-flex;align-items:center;min-height:44px}
 .personal-welcome{padding:4px 0 18px}.personal-welcome .eyebrow{font-size:10px;letter-spacing:1.5px}
 .personal-welcome h1{font-size:clamp(31px,8.6vw,42px);line-height:1.12;margin:14px 0 20px}
 .personal-welcome>p:not(.eyebrow){font-size:16px;line-height:1.65;margin-bottom:16px}
 .start-reading .sectionhead{margin-top:20px;align-items:start;gap:4px}.start-reading .sectionhead>span{display:block;width:100%}
 .start-cards{gap:12px}.start-cards>a{padding:20px}.start-cards h3{font-size:25px;margin:12px 0}
 .article-topline{gap:12px;margin-bottom:24px}.article-topline .btn{padding:9px 12px;font-size:12px}
 .article-heading>.eyebrow{font-size:10px;letter-spacing:1px;line-height:1.7}
 .article-heading h1{font-size:clamp(30px,8.4vw,42px);line-height:1.13;letter-spacing:-.6px;margin:14px 0 18px;overflow-wrap:break-word}
 .article-deck{font-size:20px;line-height:1.45}.article-context{font-size:13px}
 .article-tools{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:18px;padding-top:18px}
 .article-tools .btn{justify-content:center;padding:10px;font-size:12px}.article-tools .original-recording{grid-column:1/-1;width:100%;margin:0}
 .article-tools>.textlink{font-size:12px}.audio-distinction{line-height:1.6}
 .article-contents{margin:24px 0 30px;padding:16px}.article-contents ol{gap:0}.article-contents a{min-height:44px;align-items:center;font-size:14px}
 .article-prose{font-size:18px;line-height:1.75;overflow-wrap:break-word}.article-prose h2{font-size:27px;margin-top:36px;scroll-margin-top:76px}
 .reader-correspondence,.conversation-return{padding:20px 16px}.buttons{flex-wrap:wrap}
 .audience-signup{margin:30px 0;padding:24px 0}.audience-signup h2{font-size:28px}
 #audio-dock{left:0;right:0;bottom:var(--mobile-nav-height);display:grid;grid-template-columns:minmax(0,1fr) 64px 44px;gap:8px;padding:10px max(12px,env(safe-area-inset-right)) 10px max(12px,env(safe-area-inset-left));align-items:center}
 #audio-dock[hidden]{display:none}
 #audio-dock>div:first-child{grid-column:1;max-width:none;min-width:0;width:auto}
 #audio-series{display:block;font-size:10px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 #audio-title{font:16px/1.4 var(--serif);margin-top:3px}
 #audio-speed{grid-column:2;grid-row:1;width:64px;height:44px;font-size:16px;padding:4px}
 #audio-close{grid-column:3;grid-row:1;width:44px;height:44px;font-size:26px}
 #audio-dock #podcast-audio{grid-column:1/-1;grid-row:2;width:100%;min-width:0;max-width:100%;height:44px;display:block;order:0}
 #audio-dock .part-controls{grid-column:1/-1;grid-row:3;justify-content:center}
 #audio-dock .part-controls button{width:44px;height:44px}
 .player{left:0;right:0;bottom:var(--mobile-nav-height);grid-template-columns:minmax(0,1fr) auto;padding:10px 14px;gap:10px}
 .playermeta{min-width:0}.playerbuttons{gap:4px}.playerbuttons button{min-width:44px;min-height:44px}.playerbuttons .skipword,.playerend{display:none}
 .toast{bottom:calc(var(--mobile-nav-height) + var(--active-player-height) + 12px);max-width:calc(100vw - 32px)}
 dialog{max-width:calc(100vw - 28px);max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px);overflow:auto}
 .footer{flex-wrap:wrap;gap:12px}
}