/* The masthead is a reading column; the banner owns its full-width rules. */
#root>.masthead:has(+.site-updates){border-bottom-color:transparent}
#root>.site-updates{position:relative}
#root>.site-updates::before{content:"";position:absolute;top:-1px;left:0;right:0;height:1px;background:rgba(131,145,167,.42);pointer-events:none}
/* Compact publisher links: eight recordings first, eight more on request. */
#marks-clips .video-archive-grid{display:block}
#marks-clips .video-archive-card{display:grid;grid-template-columns:120px minmax(0,1fr);gap:24px;padding:22px 0;border:0;border-top:1px solid #8391a744;background:transparent}
#marks-clips .marks-preview{aspect-ratio:16/9;align-self:start}
#marks-clips .marks-preview img{width:100%;height:100%;object-fit:cover}
#marks-clips .marks-preview span{display:none}
#marks-clips .video-card-copy{padding:0}
#marks-clips .video-card-copy h3{font-size:clamp(20px,1.7vw,26px);line-height:1.25;margin:8px 0}
#marks-clips .video-card-copy h3 a{color:inherit;text-decoration:none}
#marks-clips .video-card-copy h3 a:hover{color:var(--gold-dark,#81732d);text-decoration:underline}
#marks-clips .record-meta{margin:0;font-size:13px}
#marks-clips .marks-actions{margin-top:24px;display:flex;gap:24px;align-items:center;flex-wrap:wrap}
@media(max-width:600px){#marks-clips .video-archive-card{grid-template-columns:80px minmax(0,1fr);gap:16px}#marks-clips .video-card-copy h3{font-size:20px}}