.rd-hero{min-height:min(52svh,520px);background:radial-gradient(90% 70% at 70% 20%,rgba(95,191,110,.16),transparent 60%),radial-gradient(60% 50% at 15% 80%,rgba(242,193,78,.1),transparent 60%),#050b08}
.rd-hw{display:flex;gap:28px;align-items:center}
.rd-corgi{width:96px;height:96px;flex:none;filter:drop-shadow(0 8px 24px rgba(95,191,110,.3))}
.rd-h1 em,.rd-art h2 em{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--gold)}
.rd-hero .eyebrow{color:var(--leaf)}
.rd-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}
.rd-card{display:flex;flex-direction:column;gap:10px;text-align:left;font:inherit;color:inherit;cursor:pointer;border:1px solid var(--line);border-radius:var(--r);padding:24px;background:var(--surface);transition:border-color .3s,transform .3s}
.rd-card:hover,.rd-card:focus-visible{border-color:var(--leaf);transform:translateY(-2px)}
.rd-card time,.rd-art time{font:400 12px/1 var(--pix);color:var(--leaf);letter-spacing:.1em}
.rd-card h3{margin:0;font-size:20px;line-height:1.25}.rd-card p{margin:0;color:var(--muted)}
.rd-card .rd-go{color:var(--gold);font-size:14px;margin-top:auto}
.rd-art{max-width:760px;margin:0 auto;line-height:1.7}
.rd-art .rd-back{display:block;background:none;border:0;color:var(--gold);font:inherit;cursor:pointer;padding:0;margin-bottom:20px}
.rd-art h1{font-size:clamp(28px,4vw,44px);line-height:1.1;margin:10px 0 18px}
.rd-art h2{font-size:clamp(22px,3vw,30px);margin:34px 0 10px}.rd-art h3{margin:26px 0 8px}
.rd-art p,.rd-art li{color:var(--text,#e8efe9)}.rd-art a{color:var(--gold)}
.rd-art blockquote{border-left:3px solid var(--leaf);margin:16px 0;padding:4px 18px;color:var(--muted)}
.rd-art code{background:rgba(255,255,255,.06);padding:1px 6px;border-radius:6px}
.rd-box{border:1px solid var(--line);border-radius:var(--r);padding:20px 24px;background:var(--surface);margin-top:28px}
.rd-box h3{margin:0 0 10px;font-size:16px;color:var(--leaf)}.rd-box ul{margin:0;padding-left:20px}
.rd-box li{word-break:break-word}
.rv{opacity:0;transform:translateY(18px);transition:opacity .8s var(--ease,ease),transform .8s var(--ease,ease)}.rv.in{opacity:1;transform:none}
@media (max-width:640px){.rd-hw{flex-direction:column;align-items:flex-start;gap:16px}.rd-corgi{width:64px;height:64px}.rd-list{grid-template-columns:1fr}.rd-card{padding:18px}}
@media (prefers-reduced-motion:reduce){.rv{opacity:1!important;transform:none!important;transition:none}.rd-card{transition:none}.rd-card:hover{transform:none}}
