*{box-sizing:border-box}
:root{color-scheme:dark;--bg:#071017;--surface:#0b1821;--surface-2:#08151d;--ink:#dceef4;--muted:#91a7af;--line:#24414d;--accent:#8ddcff;--accent-strong:#153642;--soft:#102b36}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65}
.site-header,main,footer,.hero-content{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.site-header{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-block:28px}
.site-nav{display:flex;gap:18px;flex-wrap:wrap}
.site-nav a,footer a,.secondary{color:var(--accent);font-weight:700}
.site-nav a[aria-current="page"]{color:#eaffff}
.language-control{display:flex;align-items:center;gap:10px;font-size:.9rem;font-weight:700}
.language-control select{min-width:150px;border:1px solid #3a6774;background:var(--surface-2);color:#eaffff;padding:10px 12px;font:inherit}
.hero{padding:72px 0;border-block:1px solid var(--line);background:linear-gradient(135deg,#08151d 0%,#0b1821 55%,#071017 100%)}
.hero-content{max-width:1180px}
.eyebrow{margin:0 0 10px;color:#7eb8c8;font-size:.78rem;font-weight:800;letter-spacing:.14em}
.hero h1{max-width:920px;margin:0;font-size:clamp(2.5rem,7vw,5.5rem);line-height:1.02;letter-spacing:-.045em}
.lead{max-width:820px;margin:24px 0 0;color:#b8d1da;font-size:clamp(1.1rem,2.4vw,1.45rem)}
.hero-actions{display:flex;gap:16px;flex-wrap:wrap;align-items:center;margin-top:30px}
.cta{display:inline-block;padding:13px 20px;border:1px solid #3a6774;background:var(--accent-strong);color:#eaffff;text-decoration:none;font-weight:800}
.cta:hover{border-color:#79bfd3;background:#1a4655}
.secondary{padding:12px 2px}
main{padding-block:20px 70px}
section{margin:54px 0}
section h2{margin-bottom:14px;font-size:clamp(1.65rem,3vw,2.35rem);line-height:1.2}
section p{max-width:900px}
.intro{padding:30px;border:1px solid var(--line);background:var(--surface)}
.principles{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.principles span{padding:6px 11px;border:1px solid #3a6774;background:var(--soft);font-size:.9rem;font-weight:750}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px}
.card{background:var(--surface);border:1px solid #203d49;padding:24px}
.card h3{margin-top:0}
.notice{border-inline-start:4px solid #3a6774;padding:15px 20px;background:var(--surface)}
.audience{padding:28px;border:1px solid var(--line);background:#102f3a;color:#eef9fc}
.audience h2{color:#fff}
footer{padding-block:28px 46px;border-top:1px solid var(--line);color:var(--muted)}
footer p{margin:.75rem 0 0;font-size:.9rem}
.footer-links{display:flex;gap:.55rem;flex-wrap:wrap}
.project-credit{color:var(--ink);line-height:1.55}
.citation-box{max-width:900px;padding:20px;border:1px solid var(--line);background:var(--surface);overflow-wrap:anywhere}
.citation-box code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.95rem;color:#eaffff}
[dir="rtl"] .eyebrow{letter-spacing:0}
@media(max-width:760px){.site-header{align-items:flex-start;flex-direction:column}.hero{padding:52px 0}.intro{padding:22px}.language-control{width:100%;justify-content:space-between}.language-control select{flex:1;max-width:230px}}

/* Canonical public navigation: all destinations remain visible. */
.site-header{gap:18px;flex-wrap:wrap}.site-nav{justify-content:flex-end;row-gap:8px}.site-nav a{white-space:nowrap}@media(max-width:980px){.site-header{align-items:flex-start;flex-direction:column}.site-nav{width:100%;justify-content:flex-start}}