/* International pages extend the shared website primitives; see DESIGN.md. */
:root { --intl-reading: 48rem; --intl-control: 44px; }
.intl-page { overflow-wrap: anywhere; }
.intl-page a:focus-visible, .intl-page summary:focus-visible, .intl-page video:focus-visible { outline: 3px solid var(--accent); outline-offset: 3px; }
.intl-skip { position: absolute; top: var(--gap-sm); left: var(--gap-sm); padding: var(--gap-sm); background: var(--bg-page); z-index: 100; transform: translateY(-200%); }
.intl-skip:focus { transform: none; }
.intl-nav { border-bottom: 1px solid var(--border); }
.intl-nav-inner { display: flex; flex-wrap: wrap; gap: var(--gap-sm) var(--gap-md); align-items: center; padding-block: var(--gap-sm); }
.intl-nav-links { margin-inline-start: auto; display: flex; flex-wrap: wrap; align-items: center; gap: var(--gap-xs) var(--gap-sm); }
.intl-nav a, .intl-languages a { display: inline-flex; align-items: center; min-height: var(--intl-control); }
.intl-nav a:hover, .intl-footer a:hover, .intl-guide-list a:hover { text-decoration: underline; }
.intl-languages { display: flex; flex-wrap: wrap; align-items: center; gap: var(--gap-sm); font-size: var(--fs-small); }
.intl-languages [aria-current] { font-weight: 700; text-decoration: underline; text-underline-offset: .3em; }
.intl-hero { color: var(--text-on-dark); background: linear-gradient(145deg,var(--bg-dark),var(--bg-darker)); padding-block: clamp(var(--gap-md),6vw,var(--gap-lg)); }
.intl-hero-layout { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); align-items: center; gap: var(--gap-lg); }
.intl-eyebrow { font-size: var(--fs-small); font-weight: 600; letter-spacing: .04em; margin-bottom: var(--gap-sm); }
.intl-keep { white-space: nowrap; }
.intl-page h1 { font-size: var(--fs-h1); line-height: 1.12; letter-spacing: -.02em; max-width: 20ch; }
.intl-page h2 { font-size: var(--fs-h2); line-height: 1.2; letter-spacing: -.02em; }
.intl-page h3 { font-size: var(--fs-h3); line-height: 1.3; }
.intl-lead { font-size: var(--fs-lead); line-height: 1.6; margin-top: var(--gap-md); max-width: 60ch; }
.intl-actions { display: flex; flex-wrap: wrap; gap: var(--gap-sm); margin-top: var(--gap-md); }
.intl-page .btn { white-space: normal; min-height: var(--intl-control); text-align: center; }
.intl-hero .btn-ghost { color: var(--text-on-dark); border-color: var(--text-on-dark-soft); }
.intl-hero .btn-ghost:hover { color: var(--text); background: var(--bg-page); }
.intl-note { font-size: var(--fs-small); margin-top: var(--gap-sm); color: var(--text-soft); }
.intl-hero .intl-note { color: var(--text-on-dark-soft); }
.intl-section { padding-block: clamp(var(--gap-md),6vw,var(--gap-lg)); }
.intl-soft { background: var(--bg-soft); }
.intl-reading { max-width: var(--intl-reading); margin-inline: auto; }
.intl-prose { line-height: 1.7; }
.intl-prose p, .intl-prose ul, .intl-prose ol, .intl-prose details { margin-top: var(--gap-sm); }
.intl-prose ul { list-style: disc; padding-inline-start: var(--gap-md); }
.intl-prose ol { padding-inline-start: var(--gap-md); }
.intl-prose li + li { margin-top: var(--gap-xs); }
.intl-prose a:not(.btn), .intl-toc a, .intl-downloads a:not(.btn), .intl-footer a { text-decoration: underline; text-underline-offset: .2em; }
.intl-prose section + section { margin-top: var(--gap-lg); }
.intl-prose h2 { font-size: var(--fs-h3); }
.intl-toc { margin-block: var(--gap-md); padding: var(--gap-md); background: var(--bg-soft); border-radius: var(--radius); }
.intl-toc ol { list-style: decimal; padding-inline-start: var(--gap-sm); }
.intl-toc li + li { margin-top: var(--gap-xs); }
.intl-guide-list { margin-top: var(--gap-md); }
.intl-guide-item { padding-block: var(--gap-md); border-top: 1px solid var(--border); }
.intl-guide-item:last-child { border-bottom: 1px solid var(--border); }
.intl-guide-item p { color: var(--text-soft); margin-top: var(--gap-xs); max-width: 70ch; }
.intl-guide-item a { display: inline-flex; min-height: var(--intl-control); align-items: center; margin-top: var(--gap-xs); color: var(--accent); font-weight: 600; }
.intl-downloads { display: grid; gap: var(--gap-sm); margin-top: var(--gap-md); }
.intl-platform { display: flex; flex-wrap: wrap; align-items: center; gap: var(--gap-sm); border-top: 1px solid var(--border); padding-top: var(--gap-sm); }
.intl-platform strong { min-width: 7rem; }
.intl-platform a { display: inline-flex; min-height: var(--intl-control); align-items: center; }
.intl-video { margin-top: var(--gap-md); }
.intl-video video, .intl-evidence-image { width: 100%; height: auto; border: 1px solid var(--border); border-radius: var(--radius); background: var(--bg-darker); }
.intl-video figcaption { font-size: var(--fs-small); color: var(--text-soft); margin-top: var(--gap-xs); }
.intl-video summary { cursor: pointer; min-height: var(--intl-control); padding-block: var(--gap-xs); font-weight: 600; }
.intl-footer { border-top: 1px solid var(--border); padding-block: var(--gap-md); color: var(--text-soft); font-size: var(--fs-small); }
.intl-footer-links { display: flex; flex-wrap: wrap; gap: var(--gap-sm); margin-block: var(--gap-sm); }
.intl-footer a { min-height: var(--intl-control); display: inline-flex; align-items: center; }
@media (max-width: 900px) { .intl-hero-layout { grid-template-columns: minmax(0,1fr); gap: var(--gap-md); } }
@media (max-width: 640px) { .intl-nav-links { margin-inline-start: 0; width: 100%; } .intl-toc { padding: var(--gap-sm); } }
@media (prefers-reduced-motion: reduce) { html:has(.intl-page) { scroll-behavior: auto; } .intl-page *, .intl-page *::before, .intl-page *::after { transition: none; } }