.channel-page .connected-archive{display:block}
.archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:36px}
.archive-card{display:block;min-width:0;text-decoration:none;color:inherit;border-top:1px solid #444;padding-top:18px}
.archive-card img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:12px;display:block;margin-bottom:18px}
.archive-card h3{font-size:clamp(22px,2.2vw,34px);line-height:1.25;margin:12px 0;overflow-wrap:anywhere}
.archive-card p{color:#aaa;line-height:1.65;font-size:16px}
.archive-card:hover h3{color:#c6c6c6}
.archive-meta{display:block;color:#aaa;font-size:13px;letter-spacing:.06em;margin:16px 0}
.archive-filter{background:transparent;border:1px solid #666;border-radius:6px;padding:12px 18px;color:inherit;font:inherit;cursor:pointer;margin-top:18px}
.archive-filter:hover,.archive-filter[aria-pressed=true]{background:#eee;color:#111}
.revera-article{max-width:1100px;margin:auto;min-height:60vh}
.channel-page .revera-article h1{font-size:clamp(32px,6vw,78px);line-height:1.15;letter-spacing:-.02em;overflow-wrap:anywhere;margin:42px 0 20px}
.article-body{font-size:20px;line-height:1.8;margin-top:36px;overflow-wrap:anywhere}
.article-body p{margin:1.2em 0}.article-body a{color:inherit;text-decoration:underline}
.article-body img,.article-body video{max-width:100%;height:auto;border-radius:12px}
.article-body figure{margin:30px 0}.article-body iframe{width:100%;height:auto;aspect-ratio:16/9;border:0;border-radius:12px;display:block}
.article-body h2,.article-body h3{line-height:1.3;margin:1.5em 0 .5em}
.article-body blockquote{border-left:3px solid #777;padding-left:24px;margin-left:0}
.article-body table{display:block;max-width:100%;overflow:auto}
@media(max-width:900px){.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.archive-grid{grid-template-columns:1fr}.article-body{font-size:18px}.channel-page .connected-archive h2{font-size:10vw}.channel-nav{flex-wrap:wrap}.revera-article .text-cta{font-size:14px}}
/* Keep the topic heading inside the mobile content width. */
@media(max-width:650px){
  .channel-page .channel-topics .channel-section-head{min-width:0}
  .channel-page .channel-topics .channel-section-head h2{font-size:11vw;line-height:1.12;max-width:100%}
}