/* Shared navigation on all public pages; BI keeps paper, ink and violet. */
nav .menu{gap:10px;}
nav .navpill{white-space:nowrap;}
nav .media-drop:not(.open) .dropmenu{opacity:0;visibility:hidden;pointer-events:none;}
nav .media-drop.open .dropmenu{opacity:1;visibility:visible;pointer-events:auto;transform:none;}
nav .media-drop .dropmenu{width:360px;max-width:calc(100vw - 40px);padding:10px;background:#fbfaf6;border:2px solid #1a1a22;border-radius:14px;gap:8px;}
nav .media-drop .dropmenu a{display:grid;grid-template-columns:110px minmax(0,1fr);gap:14px;padding:10px;background:#eeeaf7;border-radius:8px;color:#1a1a22;align-items:center;text-decoration:none;}
nav .media-drop .dropmenu a:nth-child(2){background:#e8eeef;}
nav .media-drop .dropmenu a:hover{background:#e0d8f7;transform:none;}
nav .media-drop .dropmenu img{display:block;width:110px;height:62px;object-fit:cover;border-radius:4px;}
nav .media-drop .dropmenu strong{display:block;font-size:17px;line-height:1.3;color:#1a1a22;}
nav .media-drop .dropmenu small{display:block;font-size:11px;line-height:1.5;color:#4b4b5b;margin-top:5px;}
nav .media-drop .dropmenu a:focus-visible{outline:3px solid #6239d0;outline-offset:2px;}
/* Real covers with separate captions keep text readable and artwork intact. */
.media-line{background:#efedf5;color:#1a1a22;padding:72px 0;}
.media-line-head{display:block;margin-bottom:30px;}
.media-line h2{font-size:clamp(32px,4vw,48px);line-height:1.15;letter-spacing:-.04em;margin:0;}
.media-line-head p{font-size:16px;line-height:1.6;color:#555565;margin:12px 0 0;}
.media-links{grid-template-columns:.8fr 1.1fr 1.1fr;gap:20px;border:0;}
.media-links a.channel-card{display:block;min-height:0;padding:0;overflow:hidden;border:2px solid #1a1a22;border-radius:12px;background:#fbfaf6;color:#1a1a22;box-shadow:4px 4px 0 #7c4dff;transition:transform .18s ease;}
.media-links a.channel-card:hover{background:#fbfaf6;color:#1a1a22;transform:translateY(-3px);}
.media-links a.channel-card:focus-visible{outline:3px solid #6239d0;outline-offset:6px;}
.media-links a.channel-card:active{transform:translateY(1px);}
.channel-card>img{display:block;width:100%;aspect-ratio:16/9;height:auto;object-fit:cover;}
.channel-caption{display:block;padding:22px;}
.media-links .channel-caption small{font-size:10px;color:#555565;opacity:1;}
.media-links .channel-caption strong{font-size:28px;margin-top:8px;line-height:1.2;}
.channel-caption>span{display:block;font-size:14px;line-height:1.6;color:#555565;margin-top:8px;}
.channel-news-art{aspect-ratio:16/12.4;display:flex;flex-direction:column;justify-content:center;padding:24px;background:#fabb32;color:#1a1a22;font-size:clamp(40px,5vw,72px);font-weight:900;letter-spacing:-.06em;}
.channel-news-art span{font:600 9px/1.6 var(--f-mono);letter-spacing:.02em;margin-top:12px;}
@media(max-width:767px){
 .media-line{padding:48px 0;}
 .media-links{grid-template-columns:1fr;gap:22px;}
 .channel-news-art{aspect-ratio:16/7;}
 .media-links a.channel-card:last-child{border:2px solid #1a1a22;}
}
@media(min-width:601px) and (max-width:900px){
 nav .menu{gap:7px;}
 nav .navpill{font-size:12px;padding:10px 12px;}
 nav .brand-wordmark{width:130px;}
}
@media(max-width:600px){
 nav .media-drop:not(.open) .dropmenu{display:none;}
 nav .media-drop .dropmenu{width:100%;max-width:none;margin:10px 0;padding:8px;box-sizing:border-box;}
 nav .media-drop .dropmenu a{grid-template-columns:90px minmax(0,1fr);padding:8px;gap:10px;}
 nav .media-drop .dropmenu img{width:90px;height:51px;}
 nav .media-drop .dropmenu strong{font-size:16px;}
}
@media(prefers-reduced-motion:reduce){.media-links a.channel-card{transition:none;}}

/* Shared footer: semantic navigation without inheriting the sticky header. */
footer.site-footer{display:block;padding:42px 28px 30px;background:#efedf5;color:#1a1a22;border-top:2px solid #1a1a22;text-align:left;}
.site-footer-inner{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr auto;gap:30px;}
.site-footer a{color:#1a1a22;text-decoration:none;}
.site-footer .footer-brand{font-size:15px;line-height:1.6;align-self:center;}
.footer-brand strong{font-size:20px;font-weight:800;letter-spacing:-.04em;margin-left:5px;}
.footer-links{display:flex;flex-wrap:wrap;gap:8px 24px;align-items:center;}
.footer-links a{font-size:14px;font-weight:700;line-height:1.5;padding:10px 0;}
.footer-bottom{grid-column:1 / -1;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid #cfccd8;padding-top:20px;font-size:13px;line-height:1.6;color:#555565;}
.site-footer a:hover{text-decoration:underline;text-underline-offset:5px;}
.site-footer a:focus-visible{outline:3px solid #6239d0;outline-offset:5px;border-radius:2px;}
@media(max-width:600px){
 footer.site-footer{padding:32px 24px;}
 .site-footer-inner{grid-template-columns:1fr;gap:18px;}
 .footer-links{gap:8px 22px;}
 .footer-bottom{gap:12px;}
}
