/* Shared site styles for E-E-A-T / policy / author pages.
   Header + footer values mirror the casino page so the masthead is identical. */
:root{
  --primary-dark:#333300;
  --header-bg:#336699;
  --text:#333;
  --light-bg:#f4f0e6;
  --cream:#d4c8ac;
}
html,body{margin:0;padding:0;}
body{font-family:'Segoe UI',Tahoma,Arial,sans-serif;line-height:1.6;color:var(--text);background:#eee;}
img{max-width:100%;height:auto;}

/* ── Masthead ─────────────────────────────────────────────── */
.site-header{background:#fff;border-bottom:3px solid var(--primary-dark);}
.site-header__bar{max-width:1000px;margin:0 auto;display:flex;align-items:center;justify-content:flex-start;gap:18px;padding:14px 18px 12px;flex-wrap:wrap;}
.brand{flex:0 0 auto;display:flex;align-items:center;gap:12px;text-decoration:none;}
.brand__mark{flex:0 0 auto;display:block;}
.brand__name{font-family:Georgia,'Times New Roman',serif;font-weight:700;font-size:1.1rem;line-height:1.15;color:var(--primary-dark);white-space:nowrap;}
.brand__tag{display:block;font-family:'Segoe UI',Tahoma,Arial,sans-serif;font-weight:400;font-size:.7rem;letter-spacing:.05em;color:var(--header-bg);text-transform:uppercase;margin-top:2px;}
.site-nav{flex:1 0 100%;margin:12px 0 0;padding:12px 0 0;background:none;border:0;border-top:1px solid var(--cream);}
.site-nav ul{list-style:none;display:flex;flex-wrap:wrap;gap:4px 8px;margin:0;padding:0;justify-content:center;}
.site-nav a{display:inline-block;margin:0;padding:7px 12px;border-radius:6px;font-family:Georgia,'Times New Roman',serif;font-weight:700;font-size:.92rem;color:var(--primary-dark);text-decoration:none;}
.site-nav a:hover,.site-nav a:focus{background:var(--light-bg);color:var(--header-bg);}

/* ── Content ──────────────────────────────────────────────── */
.container{max-width:900px;margin:0 auto;background:#fff;padding:28px 22px 40px;}
main h1{color:var(--primary-dark);font-size:1.7rem;line-height:1.22;margin:6px 0 12px;}
main h2{color:var(--primary-dark);font-size:1.25rem;border-bottom:2px solid var(--cream);padding-bottom:6px;margin:28px 0 12px;}
main h3{color:var(--primary-dark);font-size:1.05rem;margin:20px 0 8px;}
main p,main li{font-size:1rem;}
main a{color:var(--header-bg);}
main ul{padding-left:1.2em;}
.page-meta{color:#777;font-size:.85rem;margin:0 0 22px;}

/* ── Author card ──────────────────────────────────────────── */
.author-card{display:flex;gap:20px;align-items:flex-start;flex-wrap:wrap;background:var(--light-bg);border:1px solid var(--cream);border-radius:10px;padding:18px;margin:4px 0 24px;}
.author-photo{width:128px;height:128px;border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:0 1px 5px rgba(0,0,0,.2);flex:0 0 auto;}
.author-card__body{flex:1 1 260px;min-width:240px;}
.author-card__body h1{margin:0 0 4px;}
.author-role{color:var(--header-bg);font-weight:700;font-size:.95rem;margin:0 0 10px;}
.tag-list{list-style:none;display:flex;flex-wrap:wrap;gap:6px;padding:0;margin:10px 0 0;}
.tag-list li{background:#fff;border:1px solid var(--cream);border-radius:999px;padding:4px 12px;font-size:.82rem;color:var(--primary-dark);}

/* ── Footer ───────────────────────────────────────────────── */
.site-footer{background:var(--header-bg);color:#fff;margin-top:48px;padding:28px 18px;}
.site-footer__inner{max-width:900px;margin:0 auto;text-align:center;}
.footer-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;margin:0 0 16px;padding:0 0 16px;background:none;border:0;border-bottom:1px solid rgba(255,255,255,.25);}
.footer-nav a{margin:0;color:#fff;text-decoration:none;font-family:Georgia,'Times New Roman',serif;font-weight:700;font-size:.92rem;}
.footer-nav a:hover,.footer-nav a:focus{text-decoration:underline;}
.footer-nav--sub{gap:5px 16px;margin:0 0 18px;padding:0;border:0;}
.footer-nav--sub a{font-weight:600;font-size:.84rem;color:rgba(255,255,255,.92);}
.footer-rg{font-size:.85rem;line-height:1.6;margin:0 0 12px;}
.footer-rg a{color:#fff;text-decoration:underline;}
.footer-meta{font-size:.78rem;color:rgba(255,255,255,.82);margin:0 0 8px;}
.footer-copy{font-size:.8rem;margin:0;color:rgba(255,255,255,.9);}

@media (max-width:720px){.brand{flex:0 1 auto;min-width:0;}.brand__name{font-size:1.05rem;white-space:normal;}.site-nav a{padding:7px 9px;font-size:.86rem;}}
@media (max-width:430px){.brand__mark{width:98px;height:72px;}}