/* The Rundown pages: site chrome copied from the site template + Rundown black/red/white */
:root { --bg: #0a0a0c; --bg-elevated: #121216; --card: #16161c; --card-hover: #1c1c24; --border: #2a2a35; --text: #e8e8ed; --text-muted: #9a9aa8; --accent: #c8102e; --accent-hover: #a00d25; --cyan: #00e5ff; --gold: #c5a26f; --radius: 12px; --shadow: 0 8px 32px rgba(0,0,0,0.45); }
* { box-sizing: border-box; margin: 0; padding: 0; }
header { background: linear-gradient(180deg, rgba(10,10,12,0.97) 0%, rgba(10,10,12,0.85) 100%); backdrop-filter: blur(12px); border-bottom: 1px solid var(--border); padding: 18px 20px 14px; position: sticky; top: 0; z-index: 100; }
.header-inner { max-width: 1140px; margin: 0 auto; position: relative; min-height: 120px; }
.header-center { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; width: 100%; max-width: 720px; pointer-events: none; }
.header-center h1 { font-family: 'Oswald', 'Impact', sans-serif; font-size: clamp(2.1rem, 5vw, 3.5rem); font-weight: 700; letter-spacing: 4px; color: #fff; text-shadow: 0 0 40px rgba(200,16,46,0.35); margin: 0; line-height: 1.05; }
.header-excerpt{pointer-events:auto;position:relative;z-index:5;cursor:pointer;display:inline-block;margin-top:6px;color:#e8c27a;font-size:.95rem;font-weight:600;text-decoration:none;border-bottom:1px solid rgba(232,194,122,.5)}
.header-excerpt:hover{color:#fff;border-bottom-color:#fff}
.header-tagline { font-size: 0.85rem; color: var(--text-muted); letter-spacing: 1.5px; text-transform: uppercase; margin-top: 4px; font-weight: 500; }
.container { max-width: 1040px; margin: 0 auto; padding: 0 18px 40px; position: relative; z-index: 2; }
.social-top { text-align: center; margin: 28px 0 8px; display: flex; justify-content: center; flex-wrap: wrap; gap: 18px; }
.social-top a { display: inline-flex; transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1); }
.social-top a:hover { transform: scale(1.18) translateY(-3px); }
.social-top img { width: 52px; height: 52px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.18); background: #000; padding: 9px; box-shadow: 0 4px 16px rgba(0,0,0,0.5); transition: border-color 0.25s, box-shadow 0.25s; }
.social-top a:hover img { border-color: var(--accent); box-shadow: 0 6px 22px rgba(200,16,46,0.4); }
.subscribe-btn { display: inline-block; background: var(--accent); color: #fff; padding: 14px 32px; font-size: 1.05rem; font-weight: 700; text-decoration: none; border-radius: 8px; letter-spacing: 0.5px; transition: background 0.2s, transform 0.2s, box-shadow 0.2s; box-shadow: 0 4px 18px rgba(200,16,46,0.35); }
.subscribe-btn:hover { background: var(--accent-hover); transform: translateY(-2px); box-shadow: 0 6px 24px rgba(200,16,46,0.45); }
footer { text-align: center; padding: 36px 20px 40px; background: #08080a; border-top: 1px solid var(--border); color: var(--text-muted); margin-top: 20px; }
footer p { margin: 0 0 14px; font-size: 0.95rem; font-weight: 600; color: var(--text); letter-spacing: 1px; text-transform: uppercase; }
footer a { color: var(--text-muted); margin: 0 10px; text-decoration: none; font-size: 0.92rem; transition: color 0.2s; }
footer a:hover { color: #fff; }
.header-center a.home-link{color:inherit;text-decoration:none;pointer-events:auto}

body{font-family:'Inter',system-ui,-apple-system,sans-serif;background:#000;color:var(--text);line-height:1.6;min-height:100vh}
a{color:inherit}
@media(max-width:700px){.header-inner{min-height:160px;padding-bottom:10px}.header-center h1{font-size:2.1rem;letter-spacing:2px}.social-top img{width:46px;height:46px}}
.rd-wrap{max-width:1040px;margin:0 auto}
.rd-crumbs{font-size:.85rem;color:var(--text-muted);margin:22px 0 14px}
.rd-crumbs a{color:var(--text-muted);text-decoration:none}.rd-crumbs a:hover{color:#fff}
.rd-bar{background:#b00d0d;color:#fff;text-align:center;font-family:'Oswald',Impact,sans-serif;font-weight:600;letter-spacing:3px;text-transform:uppercase;font-size:.9rem;padding:7px 10px}
.rd-masthead{background:#000;border:1px solid #2a2a35;border-top:0;text-align:center;padding:26px 16px 28px;margin-bottom:26px}
.rd-masthead img.logo{width:min(440px,86%);height:auto;display:block;margin:0 auto 12px}
.rd-masthead p{color:#e8e8ed;margin:0 auto 18px;max-width:640px}
.rd-masthead .tag{font-family:'Oswald',sans-serif;letter-spacing:2px;text-transform:uppercase;color:#fff;font-size:1.05rem}
.rd-btns{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.rd-btn{display:inline-block;padding:12px 22px;border-radius:8px;font-weight:700;text-decoration:none;color:#fff;background:#16161c;border:1px solid #3a3a46;letter-spacing:.4px}
.rd-btn.red{background:var(--accent);border-color:var(--accent)}
.rd-btn.orange{background:#FF6719;border-color:#FF6719}
.rd-btn:hover{filter:brightness(1.15)}
.rd-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}
.rd-card{display:flex;flex-direction:column;background:#000;border:1px solid #2a2a35;border-top:4px solid var(--accent);border-radius:10px;overflow:hidden;text-decoration:none;color:inherit;transition:transform .2s,box-shadow .2s,border-color .2s}
.rd-card:hover{transform:translateY(-3px);box-shadow:0 10px 28px rgba(200,16,46,.28);border-color:var(--accent)}
.rd-card img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;display:block;background:#111}
.rd-card .in{padding:14px 16px 18px}
.rd-card time{color:#ff3b3b;font-weight:700;font-size:.8rem;letter-spacing:1px;text-transform:uppercase}
.rd-card h2{font-family:'Oswald',Impact,sans-serif;color:#fff;font-size:1.35rem;line-height:1.2;margin:6px 0 8px;letter-spacing:.5px;text-transform:uppercase}
.rd-card p.ex{color:#b9b9c4;font-size:.95rem;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.rd-card .more{display:inline-block;margin-top:10px;color:#ff3b3b;font-weight:700;font-size:.85rem;letter-spacing:.5px}
.rd-h2{font-family:'Oswald',sans-serif;color:#fff;text-transform:uppercase;letter-spacing:2px;font-size:1.3rem;margin:38px 0 6px;border-left:4px solid var(--accent);padding-left:12px}
.rd-note{color:var(--text-muted);font-size:.9rem;margin:0 0 16px}
.rd-article{max-width:820px;margin:0 auto}
.rd-article h1{font-family:'Oswald',Impact,sans-serif;color:#fff;font-size:clamp(1.9rem,5vw,3rem);line-height:1.1;text-transform:uppercase;letter-spacing:1px;margin:18px 0 8px}
.rd-meta{color:#ff3b3b;font-weight:700;letter-spacing:1px;text-transform:uppercase;font-size:.85rem;margin-bottom:16px}
.rd-deck{font-size:1.2rem;color:#e8e8ed;font-weight:600;border-left:4px solid var(--accent);padding-left:14px;margin:0 0 20px}
.rd-hero{width:100%;height:auto;display:block;border:1px solid #2a2a35;border-radius:8px;margin-bottom:14px}
.rd-gfx{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin:0 0 26px;color:var(--text-muted);font-size:.85rem}
.rd-gfx b{color:#fff;letter-spacing:1px;text-transform:uppercase;font-size:.78rem}
.rd-gfx a{display:flex;align-items:center;gap:8px;color:var(--text);text-decoration:none;border:1px solid #2a2a35;border-radius:8px;padding:6px 10px;background:#0b0b0e}
.rd-gfx a:hover{border-color:var(--accent)}
.rd-gfx img{height:46px;width:auto;border-radius:3px;display:block}
.rd-body{font-size:1.12rem;line-height:1.75;color:#ececf1}
.rd-body p{margin:0 0 1.15em}
.rd-src{margin:30px 0 0;padding:16px 18px;border:1px solid #2a2a35;border-radius:8px;background:#0b0b0e}
.rd-src h2{font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:2px;font-size:1rem;color:#fff;margin:0 0 8px}
.rd-src ul{margin:0 0 0 20px;font-size:.92rem}.rd-src li{margin-bottom:4px}.rd-src a{color:#ff6b6b;text-decoration:none}.rd-src a:hover{text-decoration:underline}
.rd-cta{margin:32px 0 10px;padding:22px 20px;background:#2a0505;border:1px solid #8b0f0f;border-radius:10px;text-align:center}
.rd-cta h2{font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:2px;color:#fff;font-size:1.25rem;margin:0 0 6px}
.rd-cta p{color:#e8c9c9;margin:0 0 16px}
.rd-follow{text-align:center;margin:0 0 6px}.rd-follow a{color:var(--text-muted);font-size:.92rem;text-decoration:underline}.rd-follow a:hover{color:#fff}
.rd-pn{display:flex;justify-content:space-between;gap:14px;margin:26px 0 8px;flex-wrap:wrap}
.rd-pn a{flex:1 1 280px;padding:14px 16px;border:1px solid #2a2a35;border-radius:8px;text-decoration:none;color:#fff;background:#0b0b0e}
.rd-pn a:hover{border-color:var(--accent)}
.rd-pn small{display:block;color:#ff3b3b;font-weight:700;letter-spacing:1px;text-transform:uppercase;font-size:.72rem;margin-bottom:2px}
.rd-pn a.next{text-align:right}
@media(max-width:600px){.rd-body{font-size:1.05rem}.rd-pn a.next{text-align:left}}