/* Meja Merah — memoar meja judi keliling dunia.
   Tema gelap, merah anggur & emas, tipografi serif. */
:root{
  --bg:#14100f; --surface:#1d1715; --text:#efe7dd; --muted:#a99a8c;
  --accent:#b12034; --gold:#c9a24b; --border:#2c2320;
  --maxw:720px;
  --serif: Georgia, "Times New Roman", serif;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--serif);
  font-size:19px;line-height:1.75}
a{color:var(--gold);text-decoration:none} a:hover{text-decoration:underline}
img{max-width:100%;height:auto;display:block}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 22px}

.site-header{border-bottom:1px solid var(--border);background:var(--surface);text-align:center}
.site-header .wrap{padding:26px 22px}
.brand{font-size:1.7rem;font-weight:700;letter-spacing:.06em;color:var(--text);
  text-transform:uppercase;display:block}
.brand span{color:var(--accent)}
.nav{margin-top:8px} .nav a{color:var(--muted);font-size:.85rem;letter-spacing:.15em;text-transform:uppercase}

.hero{padding:64px 0 20px;text-align:center}
.hero h1{font-size:2.3rem;line-height:1.25;margin:0 0 14px;font-style:italic}
.hero p{color:var(--muted);margin:0 auto;max-width:520px}

.post-list{list-style:none;padding:0;margin:32px 0 72px}
.post-list li{padding:24px 0 24px 22px;border-left:3px solid var(--gold);margin-bottom:14px;background:linear-gradient(90deg,rgba(201,162,75,.05),transparent)}
.post-list h2{margin:0 0 6px;font-size:1.45rem}
.post-list h2 a{color:var(--text)}
.post-meta{color:var(--gold);font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;margin:0 0 8px}
.post-list p.excerpt{margin:0;color:var(--muted)}

.article{padding:48px 0 72px}
.breadcrumb{font-size:.8rem;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:22px}
.article h1{font-size:2.2rem;line-height:1.25;margin:0 0 14px;font-style:italic}
.article .post-meta{margin-bottom:32px}
.article h2{font-size:1.5rem;margin:40px 0 12px;color:var(--gold)}
.article p{margin:0 0 20px}
.article blockquote{border-left:3px solid var(--accent);margin:28px 0;padding:6px 20px;
  font-style:italic;color:var(--muted)}

.site-footer{border-top:1px solid var(--border);background:var(--surface);color:var(--muted);
  font-size:.85rem;text-align:center}
.site-footer .wrap{padding:30px 22px}
@media(max-width:600px){body{font-size:18px}.hero h1,.article h1{font-size:1.8rem}}

/* Museum-card rhythm, avoiding commercial casino cues. */
.hero{padding-top:76px}.post-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.post-list li{border:1px solid var(--border);border-left:1px solid var(--border);margin:0;padding:0 0 22px;background:linear-gradient(150deg,#211918,#161110);overflow:hidden}.post-list li>*:not(.article-cover){margin-left:20px;margin-right:20px}.post-list .post-meta{margin-top:18px}.article-cover{margin:0;overflow:hidden;border-bottom:1px solid rgba(201,162,75,.28)}.article-cover img{width:100%;aspect-ratio:16/10;object-fit:cover;filter:saturate(.83) contrast(1.04)}.article .article-cover{margin:0 0 32px;border:1px solid var(--border)}.article .article-cover img{aspect-ratio:16/8}.cat-grid a{border-color:rgba(201,162,75,.3);background:linear-gradient(135deg,#211918,#171111)}@media(max-width:640px){.post-list{grid-template-columns:1fr}.hero{padding-top:52px}}