:root{
  --card:#fff;--bg:#f5f7fb;--ink:#111;--muted:#667085;--brand:#1545FF;
  --border:#e5e7eb;--e:#16a34a;--p:#f59e0b;--s:#3b82f6;
}
*{box-sizing:border-box} html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:system-ui,Arial,sans-serif}
header{background:#111;color:#fff;padding:22px 16px;border-bottom:1px solid #000}
header .title{display:flex;gap:10px;align-items:center;font-weight:700;font-size:1.15rem}
nav a{color:#cbd5e1;text-decoration:none;margin-right:14px;font-size:.95rem}
nav a:hover{color:#fff;text-decoration:underline}
.container{max-width:1000px;margin:24px auto;padding:0 16px}
.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:22px;box-shadow:0 5px 24px rgba(0,0,0,.05);margin:14px 0}
.card h2{margin:0 0 8px}
.badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.badge{font-size:.75rem;border-radius:999px;padding:4px 10px;border:1px solid var(--border);color:#222;background:#fafafa}
.badge.e{border-color:#bbf7d0;color:#065f46;background:#ecfdf5}
.badge.p{border-color:#fde68a;color:#92400e;background:#fffbeb}
.badge.s{border-color:#bfdbfe;color:#1e40af;background:#eff6ff}
.footer{padding:22px 16px;color:var(--muted);text-align:center;font-size:.9rem}
.list a{display:block;color:#111;text-decoration:none;padding:18px 16px;border-radius:12px}
.list a:hover{background:#f0f2f7}
.small{color:var(--muted);font-size:.95rem;margin-top:6px}
.btn{display:inline-block;background:var(--brand);color:#fff;text-decoration:none;padding:10px 14px;border-radius:10px;margin-top:10px}
.back{display:inline-block;margin-bottom:12px}
hr{border:none;border-top:1px solid var(--border);margin:18px 0}