/* Shared reading layout for the Beats archive. */
.collection-heading{padding:10px 0 32px;border-bottom:2px solid var(--orange);margin-bottom:30px}.collection-heading h1{margin:12px 0 18px}.collection-heading>p:last-child{max-width:600px;line-height:1.7}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 26px;margin-bottom:45px}.feature-grid h2{font:800 32px/1.05 var(--heading);text-transform:uppercase}.feature-grid .story-image{aspect-ratio:1.5}.feature-grid h2 a:hover{color:var(--orange)}
@media(max-width:900px){.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.feature-grid{grid-template-columns:1fr;gap:28px}.feature-grid h2{font-size:30px}}
.back-link{display:inline-flex;min-height:44px;align-items:center;font-size:14px;color:var(--orange);text-decoration:underline;text-underline-offset:4px;margin:0 0 20px}
.article-heading{display:grid;grid-template-columns:1.25fr 1fr;gap:70px;align-items:center;padding:10px 0 42px;border-bottom:2px solid var(--orange)}
.article-heading h1{font-size:clamp(45px,5.2vw,76px);line-height:1;overflow-wrap:anywhere;margin:16px 0 22px}
.article-heading h1 span{color:var(--orange)}
.article-meta{font-size:14px;color:#625b51;line-height:1.8}.article-summary{font-size:18px;line-height:1.7;max-width:460px;margin-top:16px}
.article-heading figure{margin:0;width:100%;max-width:420px;justify-self:end}.article-heading figure img{aspect-ratio:1;height:auto;border-radius:var(--radius);object-fit:cover}.article-heading figcaption{font-size:12px;color:#625b51;margin-top:10px}
.reading-layout{display:grid;grid-template-columns:220px minmax(0,680px);gap:70px;justify-content:center;margin:46px 0 60px}.article-context{align-self:start;border-top:1px solid var(--rule);padding-top:16px}.article-context>p:not(.section-label){font-size:14px;line-height:1.8;margin-bottom:8px}.article-context a{display:inline-flex;min-height:44px;align-items:center;color:var(--orange);text-decoration:underline;text-underline-offset:4px;font-size:14px}
.article-copy{font-size:18px;line-height:1.9;overflow-wrap:anywhere}.article-copy>p{margin:0 0 26px;max-width:65ch}.sample-notice{border-left:3px solid var(--orange);background:#ebe5d9;padding:20px 24px;border-radius:0 16px 16px 0;margin-bottom:30px;font-size:15px;line-height:1.7}.sample-notice strong{display:block;margin-bottom:7px}.sample-notice p{margin:0}
.related{border-top:1px solid var(--rule);padding:26px 0 40px}.related>h2{font:800 40px/1 var(--heading);text-transform:uppercase;margin:8px 0 25px}.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.related-item{display:flex;align-items:center;gap:18px;min-width:0}.related-item img{width:100px;height:100px;flex-shrink:0;border-radius:16px}.related-item h3{font:700 25px/1.1 var(--heading);text-transform:uppercase}.related-item p{color:var(--orange);font-size:15px;line-height:1.5;margin-top:6px}.related-item:hover h3{text-decoration:underline;text-underline-offset:4px}
@media(max-width:1000px){.article-heading{gap:35px}.reading-layout{gap:35px;grid-template-columns:180px minmax(0,650px)}.related-item{gap:12px}.related-item img{width:75px;height:75px}}
@media(max-width:740px){.article-heading{grid-template-columns:1fr;gap:25px;padding-bottom:26px}.article-heading h1{font-size:clamp(44px,10vw,65px);margin:12px 0 18px}.article-heading figure{justify-self:start;max-width:420px}.article-summary{font-size:16px}.reading-layout{grid-template-columns:1fr;gap:24px;margin:26px 0 38px}.article-context{display:flex;gap:8px 20px;flex-wrap:wrap;align-items:center}.article-context .section-label{width:100%;margin-bottom:0}.article-context>p:not(.section-label){margin:0}.article-copy{font-size:17px;line-height:1.85}.sample-notice{padding:16px 18px}.related-grid{grid-template-columns:1fr;gap:18px}.related-item{padding-bottom:18px;border-bottom:1px solid var(--rule);gap:18px}.related-item img{width:85px;height:85px}.related>h2{font-size:34px}}