:root{
  --nav-bg:#173455;
  --nav-text:#ffffff;
  --accent:#ffd84d;
  --accent-text:#173455;
  --muted:#f4f7fb;
  --card:#ffffff;
  --txt:#0f1b2a;
  --border:rgba(23,52,85,.12);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:Montserrat,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;background:#f5f7fb;color:var(--txt);}
.container{max-width:1200px;margin:0 auto;padding:0 16px}
/* Header */
.site-header{background:var(--nav-bg);color:var(--nav-text);position:sticky;top:0;z-index:10;border-bottom:4px solid var(--accent)}
.header-grid{display:flex;align-items:center;gap:16px;min-height:70px}
.brand img{height:44px;display:block}
.main-nav{display:flex;align-items:center;gap:28px;flex:1;flex-wrap:wrap}
.main-nav a{color:#e8f1ff;text-decoration:none;font-weight:700;opacity:.95;white-space:nowrap}
.main-nav a.active{background:var(--accent);color:var(--accent-text);padding:10px 16px;border-radius:14px}
.lang-switcher{display:flex;gap:8px;align-items:center;margin-left:auto}
.lang-switcher a,.lang-switcher span{color:#ffd84d;font-weight:800;text-decoration:none}
.lang-switcher .divider{color:#ffd84d;opacity:.6}
/* Optional "More" menu (hidden by default unless JS moves items) */
.more-wrap{position:relative;display:none}
.more-btn{background:#fff;color:#173455;border:0;border-radius:10px;padding:6px 10px;font-weight:700;cursor:pointer}
.more-menu{position:absolute;top:120%;left:0;background:#fff;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.15);padding:8px;min-width:210px;display:none}
.more-wrap.open .more-menu{display:block}
.more-menu a{display:block;color:#173455;text-decoration:none;padding:10px 12px;border-radius:8px}
.more-menu a:hover{background:#f0f5fb}
/* Notice */
.notice{background:#f0f5fb;border:1px solid var(--border);padding:16px;border-radius:12px;margin:18px 0}
.notice a{color:#0a77ff}
/* Cards */
h1{font-size:40px;margin:18px 0 8px}
.cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media (max-width:1000px){.cards-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:680px){.cards-grid{grid-template-columns:1fr}}
.card{background:var(--card);border-radius:18px;box-shadow:0 10px 30px rgba(10,34,61,.08);overflow:hidden;border:1px solid var(--border)}
.card-head{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:#eef3fa;border-bottom:1px solid var(--border)}
.card h2{margin:0;font-size:22px}
.badge{display:inline-block;background:#e8f0ff;color:#0a3d88;border-radius:999px;padding:6px 10px;font-weight:700}
.results-table{width:100%;border-collapse:separate;border-spacing:0}
.results-table th,.results-table td{padding:10px 12px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}
.results-table thead th{background:#eef3fa}
/* SEO block */
.seo-block{background:#fff;border:1px solid var(--border);border-radius:18px;padding:18px;margin:26px 0;box-shadow:0 10px 30px rgba(10,34,61,.06)}
.seo-block h2{margin-top:0}
/* Footer */
.site-footer{background:var(--nav-bg);color:#cfe3ff;margin-top:28px;border-top:4px solid var(--accent)}
.site-footer .footer-flex{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:18px 0;flex-wrap:wrap}
.site-footer a{color:#ffd84d;text-decoration:none;font-weight:700}
/* Helpers */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
/* prevent language hitting nav */
.header-grid .lang-switcher{order:2}
@media (max-width:900px){
  .main-nav{gap:18px}
}