:where(html[data-site-page=sound]) .detail-breadcrumb{display:flex;gap:10px;flex-wrap:wrap;padding:24px 0;font:var(--weight-body) var(--text-sm)/1.8 var(--font-ui);color:var(--muted)}:where(html[data-site-page=sound]) .detail-breadcrumb a{text-underline-offset:4px}:where(html[data-site-page=sound]) .detail-hero{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:64px;align-items:center;padding:32px 0 48px}:where(html[data-site-page=sound]) .detail-situation{font:var(--weight-body) var(--text-base)/1.8 var(--font-ui);margin:20px 0 12px;color:var(--muted)}:where(html[data-site-page=sound]) .detail-hero h1{font:var(--weight-heading) var(--text-4xl)/1.5 var(--font-ui);max-width:24ch}:where(html[data-site-page=sound]) .detail-track-title{font:var(--weight-body) var(--text-lg)/1.8 var(--font-ui);margin-top:14px}:where(html[data-site-page=sound]) .detail-lead{font-size:var(--text-base);line-height:2.2;margin-top:24px;max-width:42em}:where(html[data-site-page=sound]) .detail-listen-jump{display:inline-flex;align-items:center;min-height:44px;margin-top:18px;font:var(--weight-body) var(--text-base)/1.8 var(--font-ui);text-underline-offset:6px}:where(html[data-site-page=sound]) #listen-heading{scroll-margin-top:24px}:where(html[data-site-page=sound]) .detail-facts{display:grid;gap:10px;margin:24px 0 0;font:var(--weight-body) var(--text-sm)/1.9 var(--font-ui)}:where(html[data-site-page=sound]) .detail-facts>div{display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px}:where(html[data-site-page=sound]) .detail-facts dt{color:var(--muted)}:where(html[data-site-page=sound]) .detail-facts dd{margin:0;font-variant-numeric:tabular-nums}:where(html[data-site-page=sound]) .detail-art{min-height:340px;position:relative;background:var(--tone);color:var(--paper-light);display:grid;place-items:center;border:12px double var(--paper-light)}:where(html[data-site-page=sound]) .detail-art b{font:var(--weight-body) 124px/1.5 var(--font-ui);font-weight:var(--weight-label);border:1px solid currentColor;border-radius:50%;width:200px;height:200px;text-align:center}:where(html[data-site-page=sound]) .detail-art>span,:where(html[data-site-page=sound]) .detail-art small{position:absolute;font:var(--weight-body) var(--text-sm)/1.8 var(--font-ui);left:20px}:where(html[data-site-page=sound]) .detail-art>span{top:20px}:where(html[data-site-page=sound]) .detail-art small{bottom:20px}:where(html[data-site-page=sound]) .detail-listen{padding:30px;display:grid;grid-template-columns:240px minmax(0,1fr);gap:32px;background:var(--paper-light);border:1px solid var(--line)}:where(html[data-site-page=sound]) .sound-detail h2{font:var(--weight-heading) var(--text-2xl)/1.5 var(--font-ui)}:where(html[data-site-page=sound]) .detail-listen h2{margin:10px 0}:where(html[data-site-page=sound]) .detail-listen p{font:var(--weight-body) var(--text-sm)/1.9 var(--font-ui);color:var(--muted)}:where(html[data-site-page=sound]) .detail-controls audio{width:100%;display:block;margin-top:14px}:where(html[data-site-page=sound]) .detail-controls>button{background:var(--ink);color:var(--paper-light);padding:12px 24px;border:1px solid var(--ink);font:var(--weight-body) var(--text-base) var(--font-ui)}:where(html[data-site-page=sound]) .detail-options{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;margin-top:16px;font:var(--weight-body) var(--text-sm)/1.8 var(--font-ui)}:where(html[data-site-page=sound]) .detail-options label{display:flex;gap:8px;align-items:center;min-height:44px}:where(html[data-site-page=sound]) .detail-options input{width:18px;height:18px;accent-color:var(--ink)}:where(html[data-site-page=sound]) .detail-options select,:where(html[data-site-page=sound]) .detail-options button{border:1px solid var(--line);background:var(--paper);color:var(--ink);min-height:44px;padding:8px;font:var(--weight-body) var(--text-sm) var(--font-ui)}:where(html[data-site-page=sound]) #detail-status{margin-top:12px;min-height:1.9em}:where(html[data-site-page=sound]) .detail-reading{max-width:760px;margin:48px auto 0;overflow-wrap:anywhere}:where(html[data-site-page=sound]) .detail-reading section{padding:28px 0;border-bottom:1px solid var(--line)}:where(html[data-site-page=sound]) .detail-reading h2{margin-bottom:20px}:where(html[data-site-page=sound]) .detail-reading .eyebrow{margin-bottom:10px}:where(html[data-site-page=sound]) .detail-reading p{font-size:var(--text-base);line-height:2.2;margin-top:16px}:where(html[data-site-page=sound]) .detail-reading a{text-underline-offset:5px}:where(html[data-site-page=sound]) .detail-boundary{border-left:2px solid var(--ink);padding:15px 20px;margin-top:22px;font:var(--weight-body) var(--text-sm)/2 var(--font-ui);color:var(--muted)}:where(html[data-site-page=sound]) .detail-source p,:where(html[data-site-page=sound]) .detail-source .detail-editorial{font:var(--weight-body) var(--text-sm)/2 var(--font-ui)}:where(html[data-site-page=sound]) .detail-source .detail-editorial{color:var(--muted)}:where(html[data-site-page=sound]) .detail-faq details{padding:16px 0;border-top:1px solid var(--line)}:where(html[data-site-page=sound]) .detail-faq summary{font-size:var(--text-base);cursor:pointer;min-height:32px;line-height:2}:where(html[data-site-page=sound]) .detail-faq p{font-size:var(--text-base)}:where(html[data-site-page=sound]) .detail-related{padding:48px 0}:where(html[data-site-page=sound]) .detail-related h2{margin:10px 0 24px}:where(html[data-site-page=sound]) .detail-related>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}:where(html[data-site-page=sound]) .detail-related a{display:block;border:1px solid var(--line);text-decoration:none;padding:24px;position:relative;min-width:0}:where(html[data-site-page=sound]) .detail-related a>span{font:var(--weight-body) var(--text-sm)/1.8 var(--font-ui);color:var(--muted)}:where(html[data-site-page=sound]) .detail-related h3{font:var(--weight-heading) var(--text-lg)/1.6 var(--font-ui);margin:10px 0}:where(html[data-site-page=sound]) .detail-related p{font:var(--weight-body) var(--text-sm)/2 var(--font-ui);padding-right:12px}:where(html[data-site-page=sound]) .detail-related b{display:block;margin-top:15px;font-weight:var(--weight-label)}:where(html[data-site-page=sound]) .track-detail-link{display:flex;align-items:center;justify-content:space-between;min-height:44px;margin-top:14px;border-top:1px solid var(--line);padding-top:10px;font:var(--weight-body) var(--text-sm)/1.8 var(--font-ui);text-decoration:none}:where(html[data-site-page=sound]) .track-life-note{font:var(--weight-body) var(--text-sm)/1.9 var(--font-ui);color:var(--muted);margin-top:10px}@media (max-width:900px){:where(html[data-site-page=sound]) .detail-hero{grid-template-columns:minmax(0,1fr) 220px;gap:32px}:where(html[data-site-page=sound]) .detail-art{min-height:280px}:where(html[data-site-page=sound]) .detail-art b{font-size:96px;width:160px;height:160px}:where(html[data-site-page=sound]) .detail-listen{grid-template-columns:1fr}}@media (max-width:640px){:where(html[data-site-page=sound]) .detail-breadcrumb{font-size:var(--text-sm);gap:8px}:where(html[data-site-page=sound]) .detail-hero{grid-template-columns:1fr;gap:24px;padding-top:12px}:where(html[data-site-page=sound]) .detail-hero h1{font-size:var(--text-3xl)}:where(html[data-site-page=sound]) .detail-lead{font-size:var(--text-base)}:where(html[data-site-page=sound]) .detail-art{min-height:200px}:where(html[data-site-page=sound]) .detail-art b{font-size:76px;width:130px;height:130px}:where(html[data-site-page=sound]) .detail-art>span,:where(html[data-site-page=sound]) .detail-art small{font-size:var(--text-sm)}:where(html[data-site-page=sound]) .detail-listen{padding:20px;gap:16px}:where(html[data-site-page=sound]) .sound-detail h2{font-size:var(--text-xl)}:where(html[data-site-page=sound]) .detail-reading{margin-top:22px}:where(html[data-site-page=sound]) .detail-reading p{font-size:var(--text-base)}:where(html[data-site-page=sound]) .detail-related>div{grid-template-columns:1fr}:where(html[data-site-page=sound]) .detail-related{padding:32px 0}:where(html[data-site-page=sound]) .detail-options{gap:8px 14px}:where(html[data-site-page=sound]) .detail-source p{font-size:var(--text-sm)}}:where(html[data-site-page=sound]) .detail-options{flex-wrap:wrap}:where(html[data-site-page=sound]) .detail-options label{min-height:44px;font-size:var(--text-base)}:where(html[data-site-page=sound]) .detail-options select{min-height:44px;max-width:100%;font-size:var(--text-base)}:where(html[data-site-page=sound]) .detail-controls{min-width:0}:where(html[data-site-page=sound]) .detail-controls audio{min-width:0;width:100%}@media (max-width:640px){:where(html[data-site-page=sound]) .detail-options select{font-size:var(--text-base)}:where(html[data-site-page=sound]) .detail-source p,:where(html[data-site-page=sound]) .detail-facts{font-size:var(--text-base)}:where(html[data-site-page=sound]) .detail-faq summary{min-height:44px}:where(html[data-site-page=sound]) .detail-related p{font-size:var(--text-base)}:where(html[data-site-page=sound]) .detail-listen{padding-inline:16px}}@media (max-width:720px){:where(html[data-site-page=sound]) body.sound-detail #page-actions{position:static;display:flex;width:auto;justify-content:flex-end;margin:12px 18px 24px;gap:10px}:where(html[data-site-page=sound]) body.sound-detail #page-actions button{width:auto;min-width:88px;font-size:var(--text-sm);padding:10px 14px}}