body{margin:0;background:#f7f7f4;color:#17202a;font-family:Arial,Helvetica,sans-serif;line-height:1.58}
a{color:#b40019}
.topbar{display:flex;gap:18px;align-items:center;padding:14px 24px;background:#101010;color:#fff;position:sticky;top:0;z-index:2;flex-wrap:wrap}
.topbar a{color:#fff;text-decoration:none;font-weight:700}
.hero{padding:58px 24px 30px;max-width:1180px;margin:auto}
.eyebrow{font-weight:800;color:#b40019;text-transform:uppercase;letter-spacing:.08em}
.hero h1{font-size:clamp(2.2rem,5vw,4.7rem);line-height:1;margin:0 0 16px;max-width:1050px}
.hero p{font-size:1.2rem;max-width:860px}
.hero-actions,.button-row{display:flex;gap:12px;flex-wrap:wrap}
.button{display:inline-block;background:#b7192b;color:#fff;text-decoration:none;font-weight:800;padding:10px 14px;border-radius:6px;margin-top:12px}
.button.secondary{background:#0f766e}
.button.ghost{background:#fff;color:#9d1424;border:1px solid #d8c3c6}
.article-shell{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px;max-width:1180px;margin:20px auto 44px;padding:0 24px}
.article,.rail,.panel{background:#fff;border:1px solid #ddd;border-radius:8px;padding:24px;box-shadow:0 8px 24px rgba(0,0,0,.05)}
.article h2{font-size:clamp(1.45rem,3vw,2.2rem);line-height:1.12;margin:28px 0 10px}
.article h3{margin-top:22px}
.lede{font-size:1.2rem;color:#444}
.media-frame{margin:22px 0}
.media-frame img,.media-frame video{width:100%;border:1px solid #d7dde5;border-radius:8px;background:#111}
.media-frame figcaption{font-size:.92rem;color:#555;margin-top:8px}
.youtube-feature{display:grid;grid-template-columns:minmax(240px,.75fr) minmax(0,1.25fr);gap:18px;align-items:center;margin:18px 0 20px;padding:18px;background:#111827;color:#fff;border-radius:8px;border:1px solid #2f3b4d}
.youtube-copy h3{font-size:clamp(1.35rem,2.6vw,2rem);line-height:1.08;margin:6px 0 10px;color:#fff}
.youtube-copy p{color:#dce5ef;margin:0 0 12px}
.video-kicker{display:inline-flex;align-items:center;gap:8px;font-size:.78rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:#d8192f;border-radius:999px;padding:6px 10px}
.youtube-link{display:inline-flex;align-items:center;justify-content:center;background:#fff;color:#b7192b;text-decoration:none;font-weight:900;border-radius:6px;padding:10px 13px}
.youtube-poster{position:relative;display:block;aspect-ratio:16/9;background:#05070b;border-radius:8px;overflow:hidden;border:1px solid #3c4657;box-shadow:0 16px 34px rgba(0,0,0,.28);text-decoration:none}
.youtube-poster img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(1.06)}
.youtube-poster::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,7,18,.05),rgba(3,7,18,.25))}
.play-button{position:absolute;left:50%;top:50%;width:76px;height:52px;transform:translate(-50%,-50%);border-radius:16px;background:#d8192f;box-shadow:0 14px 34px rgba(0,0,0,.35);z-index:1}
.play-button::after{content:"";position:absolute;left:31px;top:15px;border-left:18px solid #fff;border-top:11px solid transparent;border-bottom:11px solid transparent}
.watch-strip{position:absolute;left:14px;right:14px;bottom:14px;z-index:1;display:flex;align-items:center;justify-content:center;min-height:38px;border-radius:6px;background:rgba(216,25,47,.92);color:#fff;font-weight:900;letter-spacing:.02em}
.quote-card{border-left:4px solid #0f766e;background:#eef8f5;border-radius:0 8px 8px 0;padding:14px 18px;margin:20px 0}
.submission{background:#101820;color:#fff;border-radius:8px;padding:18px;margin:24px 0}
.submission a{color:#9ee7d7}
.submission pre{white-space:pre-wrap;background:#0b1117;border:1px solid #31404d;border-radius:8px;padding:14px;overflow:auto;color:#fff}
.tagline,.tags{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}
.tagline span,.tags span{font-size:.78rem;border:1px solid #ccc;border-radius:999px;padding:3px 8px;background:#fafafa}
.steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:16px 0}
.steps article{border:1px solid #ddd;border-radius:8px;padding:14px;background:#fafafa}
.steps h3{margin:0 0 8px;font-size:1rem}
.rail{position:sticky;top:66px;align-self:start}
.rail ul{padding-left:20px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;max-width:1180px;margin:0 auto 60px;padding:0 24px}
.card{background:#fff;border:1px solid #ddd;border-radius:8px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.06)}
.card img{width:100%;aspect-ratio:16/9;object-fit:cover;background:#ddd}
.card div{padding:16px}
.card h2{font-size:1.1rem;line-height:1.2;margin:0 0 10px}
.site-footer{max-width:1180px;margin:0 auto 40px;padding:20px 24px;color:#555}
@media(max-width:840px){.article-shell{display:block}.rail{position:static;margin-top:18px}.steps{grid-template-columns:1fr}.hero{padding-top:36px}.youtube-feature{grid-template-columns:1fr;padding:14px}.youtube-copy h3{font-size:1.35rem}}