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