/* Sudut Lapangan — tren dunia sepak bola.
   Slate gelap + hijau lapangan, judul kapital kondensasi, sporty. */
:root{
  --bg:#0f1620; --surface:#172230; --text:#eaf0f2; --muted:#8fa0ad;
  --accent:#18c95a; --accent-d:#0fa347; --border:#243447;
  --maxw:760px;
  --sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --cond: "Arial Narrow", "Roboto Condensed", "Segoe UI", sans-serif;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);
  font-size:18px;line-height:1.7}
a{color:var(--accent);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{background:var(--surface);border-bottom:3px solid var(--accent)}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;height:66px}
.brand{font-family:var(--cond);font-weight:700;font-size:1.5rem;text-transform:uppercase;
  letter-spacing:.04em;color:var(--text)}
.brand span{color:var(--accent)}
.nav a{color:var(--muted);font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700}

.hero{padding:56px 0 14px}
.hero h1{font-family:var(--cond);text-transform:uppercase;font-size:2.7rem;line-height:1.05;
  margin:0 0 12px;letter-spacing:.01em}
.hero p{color:var(--muted);margin:0;font-size:1.05rem}

.post-list{list-style:none;padding:0;margin:28px 0 72px;display:grid;gap:16px}
.post-list li{background:var(--surface);border:1px solid var(--border);border-top:4px solid var(--accent);
  border-radius:6px;padding:20px 22px}
.post-list h2{font-family:var(--cond);text-transform:uppercase;letter-spacing:.02em;margin:0 0 6px;font-size:1.5rem}
.post-list h2 a{color:var(--text)}
.post-meta{color:var(--accent);font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;font-weight:700;margin:0 0 8px}
.post-list p.excerpt{margin:0;color:var(--muted)}

.article{padding:44px 0 72px}
.breadcrumb{font-size:.78rem;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:18px}
.article h1{font-family:var(--cond);text-transform:uppercase;font-size:2.4rem;line-height:1.08;margin:0 0 12px}
.article .post-meta{margin-bottom:28px}
.article h2{font-family:var(--cond);text-transform:uppercase;font-size:1.7rem;margin:34px 0 12px;color:var(--accent)}
.article p{margin:0 0 18px}
.article blockquote{border-left:4px solid var(--accent);margin:24px 0;padding:8px 20px;color:var(--muted)}

.site-footer{background:var(--surface);border-top:1px solid var(--border);color:var(--muted);font-size:.85rem}
.site-footer .wrap{padding:26px 22px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}
@media(max-width:600px){.hero h1{font-size:2.1rem}.article h1{font-size:1.9rem}}

/* Sports-magazine cards: pitch-line energy without visual noise. */
.hero{padding-top:72px}.post-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.post-list li{padding:0 0 20px;overflow:hidden;border-top:1px solid var(--border);position:relative}.post-list li:before{content:"";display:block;height:4px;background:var(--accent)}.post-list li>*:not(.article-cover){margin-left:20px;margin-right:20px}.post-list .post-meta{margin-top:16px}.article-cover{margin:0;overflow:hidden;border-bottom:1px solid var(--border)}.article-cover img{width:100%;aspect-ratio:16/10;object-fit:cover}.article .article-cover{margin:0 0 30px;border:1px solid var(--border);border-top:4px solid var(--accent)}.article .article-cover img{aspect-ratio:16/8}.cat-grid a{background:linear-gradient(135deg,#172230,#0f1b21);border-left:4px solid var(--accent)}@media(max-width:640px){.post-list{grid-template-columns:1fr}.hero{padding-top:50px}}