﻿:root{--ink:#14213d;--accent:#c8102e;--bg:#f7f7f5}
*{box-sizing:border-box}
body{margin:0;font:16px/1.5 system-ui,-apple-system,Segoe UI,sans-serif;color:#222;background:var(--bg)}
#ep-nav{background:var(--ink);color:#fff;position:sticky;top:0;z-index:1000}
.ep-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;padding:10px 16px;max-width:1200px;margin:0 auto}
.ep-brand{color:#fff;text-decoration:none;font-weight:700;font-size:20px}
.ep-brand span{font-weight:400;opacity:.8}
.ep-ctl{display:flex;align-items:center;gap:6px;font-size:13px}
.ep-ctl select{font:inherit;padding:4px 6px;border-radius:6px;border:0}
.ep-spacer{flex:1}
.ep-lang{display:flex;gap:4px}
.ep-lang button{font:inherit;font-size:13px;padding:4px 10px;border-radius:6px;border:1px solid #fff6;background:none;color:#fff;cursor:pointer}
.ep-lang button[aria-pressed=true]{background:#fff;color:var(--ink)}
main{max-width:1200px;margin:0 auto;padding:24px 16px}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;padding:0;list-style:none}
.card{display:block;padding:16px;border-radius:10px;background:#fff;border:1px solid #ddd;color:inherit;text-decoration:none}
a.card:hover{border-color:var(--accent)}
.card.off{opacity:.55}
.card small{display:block;color:#666}
footer.ep-foot{max-width:1200px;margin:0 auto;padding:16px;font-size:12px;color:#555}