.reading-controls{display:flex;align-items:center;gap:8px;flex-shrink:0}.reading-controls button{font:600 13px/1.2 system-ui,sans-serif;letter-spacing:0;min-width:44px;min-height:44px;padding:8px;border:1px solid var(--line);border-radius:24px;background:var(--paper,var(--bg));color:var(--ink);cursor:pointer;margin:0}.reading-controls button:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.shell>header{flex-wrap:wrap}.shell>header nav{margin-left:auto}
body:has(.page-shell),body:has(.desk-shell){background-color:var(--paper,var(--bg));background-image:url('trails.svg');background-repeat:repeat;background-size:640px auto}
[data-theme="dark"] body:has(.page-shell),[data-theme="dark"] body:has(.desk-shell){background-image:url('trails-dark.svg')}
[data-theme="dark"]:has(.page-shell){color-scheme:dark;--paper:#202420;--ink:#f0f1e8;--muted:#bac2b4;--line:#454e41;--accent:#f4a271;--blue:#b6cce0}
[data-theme="dark"] .site-header{background:#202420ed}[data-theme="dark"] .chapter-visual img{mix-blend-mode:normal;border-radius:18px}.chapter-caption{background:transparent}
html[lang="en"]{letter-spacing:normal}html[lang="en"] #intro-title{font-size:clamp(42px,6vw,78px);letter-spacing:-.04em}html[lang="en"] .card-title{font-size:clamp(25px,3vw,38px)}html[lang="en"] .intro h1{font-size:clamp(30px,4vw,48px)}html[lang="en"] .intro-copy{max-width:42em}html[lang="en"] .sidebar button{white-space:normal}html[lang="en"] .chapter{min-height:650px}html[lang="en"] .chapter-caption h2{font-size:26px;line-height:1.5}
@media(max-width:700px){.site-header{height:auto;min-height:110px;flex-wrap:wrap;gap:4px;padding:10px 0}.site-header nav{order:3;width:100%;justify-content:space-between;gap:8px}.site-header .reading-controls{margin-left:auto}.desk-header{flex-wrap:wrap;gap:8px}.desk-header .reading-controls{margin-left:auto}.shell>header{gap:6px;padding:12px 0}.shell>header nav{gap:12px}.shell>header .reading-controls{margin-left:auto}html[lang="en"] .chapter{min-height:0}html[lang="en"] .intro h1{font-size:32px}html[lang="en"] .desk-buddy{margin-right:0}html[lang="en"] .intro-copy{font-size:14px}.reading-controls{gap:6px}}
[data-theme="dark"] .chapter-lead{color:var(--muted)}[data-theme="dark"] .replay-steps{background:#30382e;color:var(--ink);border-color:var(--line)}[data-theme="dark"] .replay-steps:hover{background:#3c4738}
/* Phone layouts keep prose full-width and controls comfortable to touch. */
button,a,summary{-webkit-tap-highlight-color:transparent}dialog{max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain}dialog .dialog-top button{min-width:44px;min-height:44px}.task-card>.drag-grip{width:44px;height:44px}.task-card small{max-width:calc(100% - 38px)}
@media(max-width:720px){.desk-shell>.intro{display:grid;grid-template-columns:minmax(0,1fr) 100px;align-items:start;gap:10px 12px}.desk-shell>.intro>div:first-child{display:contents}.desk-shell>.intro .eyebrow{grid-column:1/-1;margin-bottom:0}.desk-shell>.intro h1{grid-column:1;grid-row:2;align-self:center}.desk-shell>.intro .desk-buddy{grid-column:2;grid-row:2;margin:0;min-width:0;max-width:100px}.desk-shell>.intro .buddy-portrait img{width:94px;height:94px}.desk-shell>.intro .desk-buddy>span{max-width:100px}.desk-shell>.intro .intro-copy{grid-column:1/-1;grid-row:3;max-width:none;font-size:15px;line-height:1.9;margin-top:10px}.desk-header .home-link{font-size:12px}.topbar{flex-wrap:wrap}.topbar button{min-height:44px}.sidebar nav button{min-height:44px}.site-header~main .chapter{scroll-margin-top:135px}.site-header nav a{font-size:12px;min-height:44px}.desk-shell dialog{max-width:calc(100% - 24px)}dialog{padding:20px;overflow-wrap:anywhere}.primary{white-space:normal;min-height:48px}#result label{display:flex;align-items:flex-start;gap:10px;padding:8px 0;min-height:44px}#confirm-result{flex-shrink:0;min-width:20px;min-height:20px}.shell>header nav a{font-size:13px}footer{flex-wrap:wrap}}