:root{
  --navy:#1B2A6B;--navy-dark:#142057;--gold:#C9A84C;--gold-text:#8A6800;--gold-light:#FDF6E3;
  --bg:#F6F8FA;--surface:#FFFFFF;--border:#E8EBF0;--border-strong:#D1D5DB;
  --text:#374151;--text-head:#111827;--text-muted:#5C6470;
  --font-head:"Playfair Display",Georgia,serif;--font-body:"Inter",-apple-system,sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--font-body);font-size:15px;line-height:1.7;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}
a{color:var(--navy)}
header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--border);box-shadow:0 1px 3px rgba(0,0,0,.06)}
.nav{max-width:900px;margin:0 auto;padding:0 24px;height:64px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand{display:flex;align-items:center;gap:10px}
.brand img{height:34px;width:auto}
.brand span{font-weight:600;color:var(--navy);font-size:15px}
.nav a.back{font-size:14px;font-weight:600;color:var(--navy);white-space:nowrap}
.nav a.back:hover{color:var(--navy-dark)}
main{max-width:760px;margin:0 auto;padding:44px 24px 64px}
h1{font-family:var(--font-head);font-size:34px;color:var(--navy);line-height:1.2}
.bar{height:3px;width:80px;background:var(--gold);margin:14px 0 10px}
.updated{font-size:13px;color:var(--text-muted);margin-bottom:28px}
h2{font-family:var(--font-head);font-size:21px;color:var(--text-head);margin:30px 0 10px}
h3{font-size:16px;color:var(--text-head);margin:18px 0 6px;font-weight:600}
p,li{margin-bottom:10px}
ul,ol{padding-left:22px;margin-bottom:14px}
strong{color:var(--text-head)}
table{width:100%;border-collapse:collapse;margin:14px 0;font-size:13.5px}
th,td{border:1px solid var(--border);padding:9px 11px;text-align:left;vertical-align:top}
th{background:var(--navy);color:#fff;font-weight:600}
tbody tr:nth-child(even){background:#FAFBFD}
.box{background:#fff;border:1px solid var(--border);border-left:3px solid var(--gold);border-radius:8px;padding:16px 18px;margin:18px 0;font-size:14px}
.toc{background:#fff;border:1px solid var(--border);border-radius:10px;padding:16px 20px;margin:24px 0}
.toc strong{display:block;margin-bottom:8px;color:var(--navy)}
.toc ol{margin-bottom:0}
.disclaimer{font-size:12.5px;color:var(--text-muted);font-style:italic;border-top:1px solid var(--border);margin-top:36px;padding-top:18px}
footer{background:#EEF1FB;border-top:1px solid var(--border);color:var(--text-muted);font-size:13px;text-align:center;padding:26px 24px;line-height:1.7}
footer a{color:var(--navy);text-decoration:underline}
/* cookie banner */
.cookie-banner{display:none;position:fixed;left:16px;right:16px;bottom:16px;z-index:200;max-width:760px;margin:0 auto;background:#fff;border:1px solid var(--border);border-top:3px solid var(--gold);box-shadow:0 8px 24px rgba(0,0,0,.13);border-radius:10px;padding:14px 18px;align-items:center;justify-content:space-between;gap:16px;font-size:13.5px;color:var(--text)}
.cookie-banner a{color:var(--navy);text-decoration:underline}
.cookie-banner button{flex:none;background:var(--navy);color:#fff;border:none;border-radius:6px;padding:9px 18px;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit}
.cookie-banner button:hover{background:var(--navy-dark)}
@media(max-width:600px){.cookie-banner{flex-direction:column;align-items:stretch;text-align:center}h1{font-size:27px}}

html{overflow-x:clip}
:focus-visible{outline:3px solid var(--gold);outline-offset:2px;border-radius:4px}

/* MOBILE-PATCH */
@media(max-width:768px){body{font-size:16px}.cookie-banner button{min-height:44px}}
