/* Detail pages share the homepage's typography, colors and responsive shell. */
.detail-page{padding-top:120px;padding-bottom:40px}
.detail-breadcrumb{display:flex;gap:12px;flex-wrap:wrap;font-size:13px;color:var(--body);margin-bottom:42px}
.detail-breadcrumb a,.detail-languages a{text-decoration:underline;text-underline-offset:4px}
.detail-hero{display:grid;grid-template-columns:1fr 1.1fr;gap:64px;align-items:center;margin-bottom:80px}
.detail-hero h1,.detail-editorial h1{font-size:clamp(38px,5vw,68px);margin:16px 0 24px;line-height:1.12}
.detail-lead{font-size:clamp(17px,1.5vw,21px);color:var(--body);max-width:720px}
.detail-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.detail-hero .button{margin-top:22px}
.detail-actions .button{margin-top:0}
.detail-hero figure{min-width:0;background:var(--soft);padding:24px;border-radius:16px}
.detail-hero img{width:100%;height:auto;object-fit:contain;aspect-ratio:4/3}
.detail-hero figcaption,.detail-cover figcaption{font-size:12px;color:var(--body);margin-top:16px;line-height:1.5}
.detail-block{padding:52px 0;border-top:1px solid var(--line)}
.detail-block h2{font-size:clamp(26px,3vw,38px);margin-bottom:24px}
.detail-block p{max-width:840px;color:var(--body);margin:16px 0;line-height:1.85}
.detail-specs{display:grid;grid-template-columns:repeat(3,1fr);gap:24px 40px}
.detail-specs dt{font-size:13px;color:var(--body)}
.detail-specs dd{font-size:24px;line-height:1.4;margin-top:8px}
.detail-block .detail-note{font-size:13px;max-width:900px}
.detail-related{display:flex;gap:16px;flex-wrap:wrap}
.detail-related a{padding:14px 24px;border:1px solid var(--line);border-radius:6px}
.detail-related a:hover{background:var(--soft)}
.detail-screen,.detail-block video{width:100%;height:auto;border-radius:12px;margin-top:32px;background:#171a20}
.detail-editorial{max-width:900px;margin-bottom:40px}
.detail-cover img{width:100%;height:auto;max-height:720px;object-fit:contain;background:var(--soft);border-radius:12px}
.detail-languages{display:flex;gap:20px;padding-bottom:24px;font-size:13px}
.detail-section-link{display:inline-flex;margin-bottom:24px}
.series-bottom{flex-wrap:wrap;gap:14px}
@media(max-width:900px){.detail-hero{grid-template-columns:1fr;gap:32px;margin-bottom:48px}.detail-hero figure{max-width:680px}.detail-specs{grid-template-columns:repeat(2,1fr)}.detail-page{padding-top:100px}.detail-block{padding:36px 0}}
@media(max-width:480px){.detail-specs{grid-template-columns:1fr}.detail-actions{flex-direction:column;align-items:stretch}.detail-breadcrumb{margin-bottom:26px}.detail-hero figure{padding:16px}.detail-related a{padding:12px 16px}}