:root{--paper:#f7f2e8;--ink:#16222e;--ink-soft:#5a6470;--blue:#1e4fa3;--blue-deep:#12305e;--amber:#b07a2e;--amber-soft:#d9a75f;--line:#e3d8c2;--card:#fffdf8;--display:'Fraunces',Georgia,'Times New Roman',serif}
.sgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:34px 0 10px}
@media(max-width:900px){.sgrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.sgrid{grid-template-columns:1fr}}
.scard{display:block;text-decoration:none;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:10px;overflow:hidden;box-shadow:0 10px 26px rgba(20,35,60,.08);transition:transform .25s ease,box-shadow .25s ease}
.scard:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(20,35,60,.14)}
.simg{display:block;background:#0e1926;aspect-ratio:4/3;overflow:hidden}
.simg img{width:100%;height:100%;object-fit:cover;display:block}
.sbody{display:block;padding:16px 18px 18px}
.stitle{display:block;font-family:var(--display);font-weight:400;font-size:1.25rem;line-height:1.3;color:var(--blue-deep)}
.scard:hover .stitle{color:var(--amber)}
.smeta{display:block;color:var(--ink-soft);font-size:.86rem;margin-top:6px}
.sprice{display:block;font-family:var(--display);font-style:italic;color:var(--amber);font-size:.98rem;margin-top:8px}
.serie-sub{color:var(--ink-soft);font-size:1.02rem;margin-top:4px;max-width:62ch}