:root{--bg:hsl(309, 16%, 7%);--surface:hsl(309, 15%, 18%);--fg:hsl(309, 10%, 90%);--muted:hsl(309, 8%, 67%);--accent:hsl(99, 66%, 53%);--accent-fg:#fff;--r:0px}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.5 Verdana, Geneva, Tahoma, sans-serif}
h1,h2{font-family:'Trebuchet MS', 'Lucida Grande', sans-serif;line-height:1.2}
a{color:inherit;text-decoration:none}
a:hover{color:var(--accent)}
svg{display:block;width:100%;height:100%}
.ryd-top{display:flex;align-items:center;gap:1.25rem;padding:.75rem clamp(1rem,4vw,2.5rem);background:var(--surface);position:sticky;top:0;z-index:2;flex-wrap:wrap}
.ryd-brand{font-weight:700;font-size:1.2rem;display:flex;align-items:center;gap:.5rem;white-space:nowrap}
.ryd-mark{width:1.4rem;height:1.4rem;border-radius:calc(var(--r)/2);background:var(--accent)}
.ryd-nav{display:flex;gap:1rem;overflow-x:auto;flex:1;color:var(--muted);font-size:.95rem;scrollbar-width:none}
.ryd-nav a{white-space:nowrap}
.ryd-cta{display:inline-block;background:var(--accent);color:var(--accent-fg);padding:.5rem 1rem;border-radius:var(--r);font-weight:600;white-space:nowrap}
.ryd-cta:hover{color:var(--accent-fg);filter:brightness(1.1)}
.ryd-main{max-width:1400px;margin:0 auto;padding:1.5rem clamp(1rem,4vw,2.5rem) 3rem}
.ryd-hero{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:1.5rem;align-items:center;margin-bottom:2.5rem}
.ryd-hero-media{aspect-ratio:16/9;border-radius:var(--r);overflow:hidden}
.ryd-kicker{color:var(--accent);text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;margin:0}
.ryd-shelf{margin:2rem 0}
.ryd-shelf h2{font-size:1.25rem;display:flex;align-items:center;gap:.6rem}
.ryd-items{display:flex;flex-direction:column;gap:1rem}
.ryd-card{display:grid;grid-template-columns:minmax(140px,280px) 1fr;gap:1rem;align-items:start}
.ryd-thumb{position:relative;aspect-ratio:16/9;border-radius:var(--r);overflow:hidden;background:var(--surface)}
.ryd-dur{position:absolute;right:.4rem;bottom:.4rem;background:rgba(0,0,0,.75);color:#fff;font-size:.75rem;padding:.05rem .35rem;border-radius:3px}
.ryd-meta{display:flex;flex-direction:column;min-width:0}
.ryd-title{font-weight:600;line-height:1.3}
.ryd-sub{color:var(--muted);font-size:.85rem}
.ryd-avatar{display:inline-grid;place-items:center;width:2rem;height:2rem;border-radius:50%;color:#fff;font-size:1rem}
.ryd-watch{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:2rem}
.ryd-player{position:relative;aspect-ratio:16/9;border-radius:var(--r);overflow:hidden;background:#000}
.ryd-gate{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:1rem;text-align:center;background:rgba(0,0,0,.55);color:#fff}
.ryd-related .ryd-items,.ryd-related{display:flex;flex-direction:column;gap:1rem}
.ryd-related .ryd-card{display:grid;grid-template-columns:150px 1fr;gap:.75rem}
.ryd-prose{max-width:720px}
.ryd-foot{display:flex;flex-wrap:wrap;gap:1.25rem;padding:2rem clamp(1rem,4vw,2.5rem);color:var(--muted);font-size:.85rem;border-top:1px solid var(--surface)}
@media (max-width:860px){
.ryd-hero,.ryd-watch{grid-template-columns:1fr}
.ryd-card{grid-template-columns:120px 1fr}.ryd-cta{padding:.4rem .75rem}
}
@media (max-width:520px){
.ryd-top{flex-wrap:wrap}
.ryd-nav{order:3;flex-basis:100%}
}