:root{
  --red:#E21833; --gold:#FFD200; --ink:#111; --muted:#555; --bg:#fff; --line:#e9e9e9;
  --radius:16px; --shadow:0 2px 16px rgba(0,0,0,.06);
}
*{box-sizing:border-box} html,body{margin:0;padding:0}
body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6;color:var(--ink);background:var(--bg)}
.wrap{max-width:1100px;margin:0 auto;padding:0 20px}
.skip-link{position:absolute;left:-999px;top:auto;width:1px;height:1px;overflow:hidden}
.skip-link:focus{left:1rem;top:1rem;width:auto;height:auto;background:#000;color:#fff;padding:.5rem 1rem;border-radius:8px;z-index:999}
.site-header{border-bottom:1px solid var(--line);position:sticky;top:0;background:#fff;z-index:50}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0}
.brand{display:flex;align-items:center;text-decoration:none;color:var(--ink);gap:.6rem}
.brand-initials{background:var(--red);color:#fff;font-weight:800;padding:.25rem .5rem;border-radius:10px;letter-spacing:.5px}
.brand-name{font-weight:700}
.site-nav ul{display:flex;list-style:none;gap:18px;margin:0;padding:0;flex-wrap:wrap}
.site-nav a{color:var(--ink);text-decoration:none;padding:.4rem .6rem;border-radius:10px}
.site-nav a[aria-current="page"], .site-nav a:hover{background:var(--red);color:#fff}

/* Headings & lead */
h1,h2,h3{line-height:1.2}
h1{font-size:2.0rem;margin:0.2rem 0 0.8rem}
h2{margin-top:1.6rem}
h3{margin-top:1.1rem}
.content p{color:var(--muted)}
.content h1 + p{font-size:1.12rem;color:var(--ink)}

/* "Buttons": links in the first paragraph after h1 */
.content h1 + p a{display:inline-block;border:1px solid var(--ink);padding:.6rem .9rem;border-radius:12px;text-decoration:none;color:var(--ink);margin-right:.5rem}
.content h1 + p a:first-child{background:var(--red);border-color:var(--red);color:#fff}

/* Card-grid via Markdown tables */
.content table{width:100%;border-collapse:separate;border-spacing:18px 18px;margin:10px 0}
.content td{vertical-align:top;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 2px 16px rgba(0,0,0,.06);padding:16px}
.content td strong{display:block;margin-bottom:6px;color:#000}
.content td em{color:var(--muted)}

/* News list */
ul{padding-left:1.1rem}

/* Footer */
.site-footer{border-top:1px solid var(--line);margin-top:48px}
.footer-inner{padding:24px 0;color:var(--muted)}
.footnote{font-size:.85rem}

/* Responsive: convert 3-col table to 1-col on small screens (table can't reflow easily).
   We'll stack by making cells display:block on narrow viewports. */
@media (max-width:760px){
  .content table, .content tbody, .content tr, .content td{display:block;width:100%}
  .content td{margin-bottom:12px}
}