/* The Red Dawn Show - Articles
   Loaded AFTER /assets/css/styles.css. Uses the site's own tokens
   (--pink, --gold, --cyan, --ink, --ink-soft, --panel, --stroke ...). Article typography only. */
.art-hero{padding-bottom:2rem}
.art-hero h1{font-size:clamp(2.2rem,6.4vw,4.4rem);overflow-wrap:break-word}
.byline{margin-top:1rem;color:var(--ink-mute);font-size:.92rem}
.byline b{color:var(--ink)}
.cover{width:min(980px,92vw);margin:0 auto}
.cover img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius);border:1px solid var(--stroke-hot);box-shadow:var(--shadow-lg)}
.art{padding:2.6rem 0 4rem}
.art .wrap{width:min(780px,92vw)}
.prose{font-size:1.07rem;overflow-wrap:break-word}
.prose p{margin:0 0 1.15em;color:var(--ink-soft)}
.prose h2{font-size:clamp(1.7rem,4.4vw,2.5rem);margin:1.6em 0 .55em;line-height:1.05}
.prose h3{font-size:clamp(1.2rem,2.6vw,1.5rem);margin:1.3em 0 .45em;color:var(--gold)}
.prose ul,.prose ol{margin:0 0 1.2em 1.3em;color:var(--ink-soft)}
.prose li{margin:.35em 0}
.prose li::marker{color:var(--pink)}
.prose b,.prose strong{color:var(--ink)}
.prose a{color:var(--cyan);border-bottom:1px solid rgba(36,229,255,.35)}
.prose a:hover{color:#fff;border-color:#fff}
.prose blockquote{margin:1.4em 0;padding:1.2rem 1.4rem;border-radius:var(--radius-sm);background:var(--panel);border-left:4px solid var(--pink);color:var(--ink);font-style:italic}
.prose table{width:100%;border-collapse:collapse;margin:0 0 1.3em;font-size:.95rem;display:block;overflow-x:auto}
.prose th,.prose td{border:1px solid var(--stroke);padding:.6rem .8rem;text-align:left;vertical-align:top;color:var(--ink-soft)}
.prose th{background:rgba(255,45,149,.14);color:var(--ink)}
.ask{margin:2.6rem 0 1.8rem;padding:1.8rem 1.6rem;border-radius:calc(var(--radius) + 4px);background:var(--grad-night);box-shadow:0 30px 60px -30px rgba(255,45,149,.6)}
.ask .eyebrow{background:rgba(0,0,0,.2);border-color:rgba(255,255,255,.35);color:#fff}
.ask p{font-family:var(--font-display);text-transform:uppercase;font-size:clamp(1.35rem,3.6vw,2rem);line-height:1.1;color:#fff;margin:0}
.art-cta{text-align:center;margin:.5rem 0 2.6rem}
.more-art{border-top:1px solid var(--stroke);padding-top:1.8rem}
.more-art h2{font-size:1.7rem;margin-bottom:.8rem}
.more-art ul{list-style:none}
.more-art li{padding:.75rem 0;border-bottom:1px solid var(--stroke)}
.more-art a{color:var(--ink);font-weight:600}
.more-art a:hover{color:var(--pink)}
.tle{margin-top:1.6rem;color:var(--ink-mute);font-size:.92rem}
.tle a{color:var(--gold)}
/* index */
.alist{display:grid;gap:1.2rem;padding:1rem 0 4rem}
.acard{display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr);gap:1.4rem;align-items:center;padding:1rem;border-radius:var(--radius);background:var(--panel);border:1px solid var(--stroke);transition:transform .3s,border-color .3s}
.acard:hover{transform:translateY(-4px);border-color:var(--stroke-hot)}
.acard img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:var(--radius-sm)}
.acard h2{font-size:clamp(1.35rem,3vw,1.9rem);margin:.35rem 0 .5rem}
.acard p{font-size:.96rem}
.acard time{font-size:.7rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--gold)}
.acard .go{display:inline-block;margin-top:.7rem;font-weight:700;color:var(--pink)}
@media(max-width:640px){.acard{grid-template-columns:1fr}}