:root{--navy:#16324f;--navy-deep:#0f2438;--accent:#8c6d3f;--accent-light:#f3ede2;
--bg:#fafaf8;--text:#2b2d33;--muted:#5c6570;--white:#fff;--border:#e5e2db}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
color:var(--text);background:var(--bg);line-height:1.65}
h1,h2,h3,.brand{font-family:Georgia,"Times New Roman",serif;font-weight:600}
.container{max-width:1060px;margin:0 auto;padding:0 24px}
a{color:var(--navy)}

header{background:var(--white);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}
.nav{display:flex;align-items:center;justify-content:space-between;padding:18px 0;gap:16px}
.brand{font-size:1.2rem;color:var(--navy);text-decoration:none;letter-spacing:.2px;white-space:nowrap}
.brand span{color:var(--accent)}
.nav-right{display:flex;align-items:center;gap:24px}
.nav-links{display:flex;gap:24px}
.nav-links a{color:var(--muted);text-decoration:none;font-size:.95rem}
.nav-links a:hover{color:var(--navy)}
.lang-toggle{display:flex;border:1px solid var(--border);border-radius:4px;overflow:hidden}
.lang-toggle a{padding:6px 12px;font-size:.85rem;font-weight:600;color:var(--muted);
text-decoration:none;background:var(--white)}
.lang-toggle a.active{background:var(--navy);color:var(--white)}
@media(max-width:720px){.nav-links{display:none}}

main{padding:56px 0 72px}
.article{max-width:720px;margin:0 auto}
.eyebrow{font-size:.8rem;letter-spacing:2.5px;text-transform:uppercase;color:var(--accent);
font-weight:700;margin-bottom:16px}
.article h1{font-size:clamp(1.7rem,4vw,2.4rem);color:var(--navy);line-height:1.25}
.byline{color:var(--muted);font-size:.9rem;margin-top:12px}
.rule{width:56px;height:3px;background:var(--accent);margin:22px 0 34px;border-radius:2px}
.article h2{font-size:1.25rem;color:var(--navy);margin:38px 0 12px}
.article p{margin:0 0 16px}
.article strong{color:var(--navy)}

.callout{background:var(--accent-light);border-left:3px solid var(--accent);
border-radius:0 4px 4px 0;padding:18px 22px;margin:22px 0;font-size:.97rem}
.callout strong{color:var(--navy)}

table.data{width:100%;border-collapse:collapse;margin:20px 0;font-size:.97rem}
table.data th{text-align:left;overflow-wrap:break-word;hyphens:auto;font-size:.75rem;letter-spacing:.6px;text-transform:uppercase;
color:var(--muted);font-weight:600;padding:8px 12px 8px 0;border-bottom:1px solid var(--border)}
table.data td{padding:12px 12px 12px 0;border-bottom:1px solid var(--border);vertical-align:top;overflow-wrap:break-word;hyphens:auto}
@media(max-width:480px){table.data td,table.data th{font-size:.92rem;padding-right:8px}}
table.data td:last-child,table.data th:last-child{padding-right:0}
table.data tr:last-child td{border-bottom:1px solid var(--border)}

.note{margin:40px 0 0;padding-top:18px;border-top:1px solid var(--border);
color:var(--muted);font-size:.84rem;line-height:1.6}

.cta{margin:44px 0 0;background:var(--white);border:1px solid var(--border);
border-top:4px solid var(--accent);border-radius:6px;padding:32px}
.cta h2{margin:0 0 10px;font-size:1.15rem}
.cta p{color:var(--muted);font-size:.97rem;margin-bottom:22px}
.btn{display:inline-block;background:var(--navy);color:var(--white);padding:13px 30px;
border-radius:4px;text-decoration:none;font-weight:600;font-size:.96rem}
.btn:hover{background:var(--navy-deep)}
.back{margin-top:34px;font-size:.92rem}
.back a{color:var(--muted);text-decoration:none}
.back a:hover{color:var(--navy)}

.index-list{max-width:720px;margin:0 auto;list-style:none}
.index-list li{border-bottom:1px solid var(--border);padding:24px 0}
.index-list li:last-child{border-bottom:none}
.index-list .meta{font-size:.8rem;letter-spacing:1.6px;text-transform:uppercase;
color:var(--accent);font-weight:700;margin-bottom:8px}
.index-list h2{font-size:1.2rem;margin:0 0 8px}
.index-list h2 a{color:var(--navy);text-decoration:none}
.index-list h2 a:hover{text-decoration:underline}
.index-list p{color:var(--muted);font-size:.95rem;margin:0}

footer{background:var(--navy-deep);color:#b9c4d0;padding:40px 0;font-size:.9rem}
.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:28px}
footer h4{color:var(--white);font-family:Georgia,serif;font-size:1rem;margin-bottom:10px}
footer a{color:#cbb387;text-decoration:none}
footer a:hover{text-decoration:underline}

.icsbox{margin:30px 0;background:var(--accent-light);border:1px solid var(--border);
border-left:3px solid var(--accent);border-radius:0 6px 6px 0;padding:26px 28px}
.icsbox h2{margin:0 0 10px;font-size:1.12rem}
.icsbox p{margin:0 0 20px;color:#4a5260;font-size:.97rem}
.icsbox .icsnote{margin:14px 0 0;font-size:.86rem;color:var(--muted)}