@import url('/fonts/languages.css?v=rc50node48');
@import url('/styles/design-system.css?v=rc50node48');
:root{color-scheme:light;--app-canvas:#f5f7fb;--blue:#2456a5;--ink:#172945;--muted:#4d607b;--border:#dbe3ef;--paper:#fff;--surface:#f5f7fb;--soft:#eef3fa;--accent:#a85631}
.dark{color-scheme:dark;--app-canvas:#0c1930;--blue:#a1c4ff;--ink:#f2f6ff;--muted:#c0cee2;--border:#365273;--paper:#132744;--surface:#0c1930;--soft:#1a3457;--accent:#f1b08b}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--surface)}
body{margin:0;min-height:100vh;min-height:100dvh;background:var(--surface);color:var(--ink);font-family:var(--nano-font-stack);font-size:16px;line-height:var(--line-body);overflow-wrap:break-word}
a{color:var(--blue);text-underline-offset:4px}
:focus-visible{outline:3px solid var(--accent);outline-offset:4px;border-radius:6px}
.skip-link{position:absolute;inset-block-start:-100px;inset-inline-start:16px;z-index:100;background:var(--paper);color:var(--blue);padding:8px 16px}
.skip-link:focus{inset-block-start:10px}
.topbar{background:var(--paper);border-block-end:1px solid var(--border)}
.topbar-inner,.subbar-inner,.wrap{width:min(100% - 48px,1040px);margin-inline:auto;min-width:0}
.topbar-inner{min-height:84px;padding-block:14px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand{display:inline-flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;min-width:0}
.brand img{width:40px;height:40px;flex-shrink:0}
.brand strong,.brand small{display:block}
.brand strong{font-size:22px;letter-spacing:-.02em;line-height:1.4;direction:ltr;unicode-bidi:isolate}
.brand small{font-size:12px;color:var(--muted);line-height:1.6}
.return-link,.primary-action,.secondary-action{min-height:48px;display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;border-radius:12px;text-decoration:none;font-size:16px;font-weight:700;line-height:1.5;text-align:center;max-width:100%}
.return-link{border:1px solid var(--border);color:var(--blue)}
.return-link:hover,.secondary-action:hover{background:var(--soft)}
.subbar{background:var(--paper);border-block-end:1px solid var(--border)}
.subbar nav{display:flex;gap:4px 12px;flex-wrap:wrap;padding-block:6px}
.nav-link{min-height:44px;display:inline-flex;align-items:center;padding:8px 12px;color:var(--muted);text-decoration:none;font-size:16px;font-weight:400;line-height:1.5;border-block-end:2px solid transparent}
.nav-link:hover,.nav-link.active,.nav-link[aria-current=page]{color:var(--blue)}
.nav-link.active,.nav-link[aria-current=page]{border-color:var(--accent);font-weight:700}
main.wrap{padding-block:36px 48px}
.eyebrow{font-size:14px;font-weight:700;color:var(--accent)}
.hero{margin-block:4px 24px}
.hero h1{font-size:var(--type-page-title);line-height:var(--line-heading);letter-spacing:var(--tracking-heading);margin:0 0 16px}
.hero .intro{max-width:65ch;margin:0;color:var(--muted);font-size:18px;line-height:var(--line-body)}
.revision{color:var(--muted);font-size:14px;margin:16px 0 0}
.language-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-block:24px;padding:16px;background:var(--paper);border:1px solid var(--border);border-radius:16px}
.language-bar>span{font-size:14px;font-weight:700;color:var(--muted)}
.language-options{display:flex;flex-wrap:wrap;gap:8px;max-height:220px;overflow-y:auto}
.locale-choice{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px;border-radius:9px;border:1px solid var(--border);color:var(--ink);text-decoration:none;font-size:14px;font-weight:400;line-height:1.7}
.locale-choice:hover,.locale-choice.selected,.locale-choice[aria-current=page]{border-color:var(--blue);background:var(--soft);color:var(--blue)}
.content-stack{display:grid;gap:16px}
.paper{position:relative;background:var(--paper);padding:24px 28px;border:1px solid var(--border);border-radius:16px;min-width:0}
.paper h2{font-size:22px;line-height:var(--line-heading);margin:0 0 14px;padding-inline-start:40px}
.paper p{margin:0;color:var(--muted);line-height:var(--line-body);font-size:16px}
.section-count{position:absolute;inset-block-start:25px;inset-inline-start:27px;display:inline-grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--soft);color:var(--blue);font-size:13px;font-weight:700;line-height:1}
.cross-links{padding:12px 2px}
.secondary-action{border:1px solid var(--border);color:var(--blue);background:var(--paper)}
.primary-action{background:#2456a5;color:white}
.primary-action:hover{background:#173b73}
.contact-card{background:var(--soft);border:1px solid var(--border);border-inline-start:4px solid var(--accent);padding:20px 24px;border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.contact-card strong{font-size:18px;font-weight:700;line-height:1.6;direction:ltr;unicode-bidi:isolate;overflow-wrap:anywhere}
.contact-card p{font-size:14px;margin:8px 0 0;color:var(--muted)}
.hub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.hub-card{background:var(--paper);border:1px solid var(--border);border-radius:16px;padding:24px;min-width:0}
.hub-card-link{font-size:22px;font-weight:700;text-decoration:none;line-height:var(--line-heading)}
.hub-card-link:hover{text-decoration:underline}
.hub-card p{color:var(--muted);font-size:16px;margin:12px 0 0;line-height:var(--line-body)}
.gateway h2{padding:0}
.footer{border-block-start:1px solid var(--border);background:var(--paper)}
.footer-inner{padding-block:24px calc(24px + env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;color:var(--muted);font-size:14px}
.footer p{margin:0}
.footer-inner>div{display:flex;flex-wrap:wrap;gap:8px 20px}
.footer a{text-decoration:none;display:inline-flex;align-items:center;min-height:44px}
.footer a:hover{text-decoration:underline}
@media(max-width:640px){.topbar-inner,.subbar-inner,.wrap{width:calc(100% - 32px)}.topbar-inner{flex-wrap:wrap;justify-content:center}.brand{justify-content:center}.return-link{font-size:16px}.nav-link{padding-inline:8px;font-size:15px}.subbar nav{gap:4px 8px;justify-content:center}main.wrap{padding-block:28px 36px}.hero .intro{font-size:16px}.paper{padding:20px}.section-count{inset-inline-start:19px;inset-block-start:21px}.paper h2{font-size:20px;padding-inline-start:40px}.paper p{font-size:16px}.hub-grid{grid-template-columns:1fr}.language-bar{align-items:flex-start}.hub-card{padding:20px}.footer-inner{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{body{background:white;color:#172945}.subbar,.language-bar,.return-link,.cross-links,.contact-card .primary-action{display:none}.paper{break-inside:avoid;box-shadow:none;background:white}.paper p{color:#172945}main.wrap{padding:0}.footer{border:0}}

.info-language-menu { margin-block: 24px; border: 1px solid var(--border); border-radius: 12px; background: var(--paper); }
.info-language-menu>summary { cursor: pointer; padding: 12px 16px; min-height: 48px; font-size: 16px; color: var(--blue); }
.info-language-menu>summary span { margin-inline-end: 12px; }
.info-language-menu>summary bdi { font-weight: 700; }
.info-language-menu .language-bar { border: 0; border-top: 1px solid var(--border); border-radius: 0 0 12px 12px; margin: 0; }
@media print { .info-language-menu { display: none; } }
