/* Country Rules — flag hero + hub grid. Layers on top of site.css + blog.css. */

/* --- flag header on a guide page --- */
.rules-flag{font-size:64px;line-height:1;margin:0 0 14px;display:block;filter:drop-shadow(0 6px 18px rgba(0,0,0,.5))}
.rules-region{display:inline-block;font-size:12px;letter-spacing:.5px;text-transform:uppercase;color:var(--muted);border:1px solid var(--border2);border-radius:999px;padding:4px 11px;margin-top:2px}

/* --- hub --- */
.rules-hub-head{text-align:center;max-width:720px;margin:0 auto 8px}
.rules-hub-head h1{font-size:clamp(30px,6vw,46px);letter-spacing:-.5px;margin-bottom:14px}
.rules-hub-head p{color:var(--muted);font-size:17px;line-height:1.6}
.rules-hub-note{text-align:center;color:var(--faint);font-size:13px;margin:16px auto 0;max-width:640px}

.rules-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;margin:34px 0 10px}
.rules-card{display:flex;flex-direction:column;gap:8px;border:1px solid var(--border);border-radius:16px;background:var(--card);padding:22px 22px 20px;text-decoration:none;color:var(--text);transition:border-color .16s ease,transform .16s ease}
.rules-card:hover{border-color:var(--cyan);transform:translateY(-2px)}
.rules-card .fl{font-size:40px;line-height:1}
.rules-card .cn{font-size:18px;font-weight:600;letter-spacing:-.2px}
.rules-card .rg{font-size:11px;letter-spacing:.5px;text-transform:uppercase;color:var(--faint)}
.rules-card .st{font-size:13.5px;color:var(--muted);line-height:1.5;margin-top:2px}
.rules-card .go{margin-top:auto;padding-top:10px;color:var(--cyan);font-size:13.5px;font-weight:600}