/* Use the viewport for site navigation and section layouts. */
:root { --acn-max:100%; --acn-page-gutter:clamp(14px,2vw,48px); }
.container { width:calc(100% - 2 * var(--acn-page-gutter)); max-width:none; }
.container.narrow { max-width:var(--acn-narrow); }
.vp-content > .container, .vp-page .vp-section { max-width:none; }
.vp-page .vp-section > p, .hero-copy > p { max-width:75ch; }
.header-inner { min-width:0; }
@media (min-width:1121px) {
  .header-inner { display:flex; flex-wrap:nowrap; gap:12px; padding-block:12px; }
  .brand-wrap { flex:0 0 clamp(180px,15vw,250px); }
  .header-social-links { flex:0 0 auto; margin:0; }
  .header-actions { flex:1 1 auto; width:auto; min-width:0; margin-left:auto; gap:8px; }
  .primary-navigation { flex:1 1 auto; min-width:0; justify-content:flex-end; }
  .primary-navigation .primary-menu { flex-wrap:nowrap; justify-content:flex-end; }
  .primary-menu > li > a, .nav-explore > summary { font-size:14px; padding-inline:7px; }
  .nav-mega { grid-template-columns:repeat(5,minmax(0,1fr)); }
}
@media (min-width:1121px) and (max-width:1439px) {
  .appearance-toggle { width:44px; min-width:44px; padding:8px; }
  .appearance-toggle-label { position:absolute!important; width:1px; height:1px; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); }
  .header-locale .uaixlr-switcher-form select, .header-locale .ns12lr-switcher-form select { width:104px; }
  .header-social-links a { padding-inline:10px; }
}
@media (min-width:1121px) and (max-width:1279px) {
  .header-social-links a { width:44px; min-width:44px; padding:8px; }
  .header-social-links .header-youtube-label, .header-social-links .header-facebook-label { position:absolute!important; width:1px; height:1px; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); }
}
.footer-grid { grid-template-columns:minmax(220px,.28fr) minmax(0,1fr); gap:clamp(24px,3vw,60px); }
.footer-link-groups { grid-template-columns:repeat(5,minmax(0,1fr)); gap:clamp(16px,2vw,36px); }
.footer-brand, .footer-link-group { min-width:0; }
.footer-brand p { max-width:50ch; }
.footer-link-group h2 { font-size:13px; line-height:1.4; }
.footer-link-group a { display:flex; align-items:center; min-height:44px; font-size:14px; overflow-wrap:anywhere; }
.footer-utility { flex-direction:row; flex-wrap:wrap; align-items:center; gap:16px 28px; }
.footer-utility a { display:inline-flex; align-items:center; min-height:44px; }
.footer-youtube-link { padding:8px 12px; border:1px solid #b82531; border-radius:5px; background:#6b101833; }
.footer-bottom { flex-wrap:wrap; gap:12px 24px; }
.footer-bottom p { overflow-wrap:anywhere; }
@media (max-width:1100px) {
  .footer-grid { grid-template-columns:1fr; }
  .footer-link-groups { grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr)); }
}
@media (max-width:420px) {
  .footer-link-groups { grid-template-columns:1fr; }
}

/* Compact controls leave more room for content on phones and tablets. */
@media (max-width:1120px) {
  .header-inner { padding-block:10px; row-gap:10px; }
  .brand-wrap { grid-column:1 / -1; grid-row:1; padding-right:88px; }
  .menu-toggle { grid-column:2; grid-row:1; justify-self:end; }
  .header-social-links { grid-column:1; grid-row:2; }
  .header-actions { grid-column:2; grid-row:2; width:auto; gap:8px; }
  .appearance-toggle { width:44px; min-width:44px; padding:8px; }
  .appearance-toggle-label { position:absolute!important; width:1px; height:1px; margin:-1px; clip:rect(0,0,0,0); overflow:hidden; }
  .no-js .header-actions { grid-column:1 / -1; grid-row:3; width:100%; }
  .no-js .brand-wrap { padding-right:0; }
}
.footer-link-group > summary { list-style:none; }
.footer-link-group > summary::-webkit-details-marker { display:none; }
.footer-link-group > summary h2 { margin-top:0; }
.footer-language-note select { min-height:44px; max-width:100%; font-size:14px; }
.footer-back-top { display:inline-flex; align-items:center; gap:8px; min-height:44px; font-size:14px; }
.footer-bottom { align-items:center; }
.acn-video-grid { grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr)); }
.link-support-cta-footer { width:calc(100% - 2 * var(--acn-page-gutter)); }
@media (max-width:700px) {
  .footer-link-groups { grid-template-columns:1fr; gap:0; }
  .footer-link-group { border-bottom:1px solid var(--acn-border); padding-block:4px; }
  .footer-link-group > summary { display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:52px; cursor:pointer; }
  .footer-link-group > summary h2 { padding:0; margin:0; border:0; font-size:14px; }
  .footer-link-group > summary::after { content:'+'; font-size:24px; color:var(--acn-gold); }
  .footer-link-group[open] > summary::after { content:'−'; }
  .footer-link-group > ul { padding-bottom:16px; }
  .footer-utility { align-items:flex-start; }
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }

/* Official resilience program: local artwork, native links, no extra scripts. */
.primary-menu .menu-item-survive > a { color:#f0d793; border:1px solid #947439; background:#342812; font-size:12px; letter-spacing:.015em; white-space:nowrap; }
.survive-feature { padding-block:clamp(36px,5vw,76px); background:radial-gradient(ellipse at 100% 0, #382012 0, transparent 65%),#110e0c; border-block:1px solid #7f642f; color:#f6f0e5; }
.survive-grid { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr); gap:28px clamp(28px,5vw,80px); }
.survive-copy, .survive-missions { min-width:0; }
.survive-feature .kicker { color:#e4c37b; }
.survive-copy h2 { margin:10px 0 20px; font-size:clamp(28px,3.2vw,56px); line-height:1.08; letter-spacing:-.025em; }
.survive-copy h2 span { display:block; }
.survive-copy h2 span + span { color:#e4c37b; margin-top:.12em; }
.survive-copy p { max-width:72ch; font-size:16px; line-height:1.65; }
.survive-copy .survive-subheading { font-size:clamp(18px,1.6vw,24px); font-weight:700; }
.survive-actions { margin-top:26px; gap:12px; }
.survive-actions .button { min-height:48px; padding:14px 18px; font-size:12px; line-height:1.5; white-space:normal; text-align:center; }
.survive-feature .button-ghost { color:#f6f0e5; border-color:#bba274; background:transparent; }
.survive-feature .button-ghost:hover { background:#342812; }
.survive-missions { align-self:center; padding:clamp(20px,2.5vw,36px); background:#080807; border:1px solid #625138; border-radius:8px; }
.survive-seal { display:block; width:clamp(90px,10vw,140px); height:auto; margin:0 0 24px; }
.survive-missions h3 { color:#e4c37b; font-family:inherit; font-size:15px; letter-spacing:.06em; margin:18px 0 8px; }
.survive-missions p { font-size:15px; line-height:1.65; }
.survive-missions .survive-status { border-top:1px solid #625138; padding-top:18px; color:#d5c9b8; font-size:14px; }
.survive-status a { color:#f0d793; text-decoration:underline; text-underline-offset:3px; }
.survive-principles { grid-column:1/-1; border-top:1px solid #625138; margin:0; padding-top:22px; font-size:12px; line-height:2; letter-spacing:.05em; color:#e4c37b; }
.survive-principles span { display:inline-block; margin-left:16px; }
.footer-survive-link { color:var(--acn-gold); font-weight:700; }
.survive-feature a:focus-visible, .footer-survive-link:focus-visible { outline:3px solid #f0d793; outline-offset:5px; }
@media (max-width:800px) {
 .survive-grid { grid-template-columns:1fr; }
 .survive-copy h2 { font-size:clamp(26px,5.4vw,42px); }
 .survive-seal { float:right; margin:0 0 16px 16px; width:90px; }
 .survive-missions .survive-status { clear:both; }
 .survive-principles span { margin-left:0; margin-right:12px; }
}
@media (max-width:420px) { .survive-actions .button { width:100%; } }