/* ═══ ok-site-chrome: sitewide header + footer ═══ */

/* ── Header ── */
.ok-site-header{background:#fff;border-bottom:1px solid var(--ok-line);position:sticky;top:0;z-index:9999}
.ok-shead-in{display:flex;align-items:center;gap:26px;min-height:66px}
.ok-sitelogo{font-family:var(--ok-font-display);font-weight:700;font-size:19px;color:var(--ok-ink);white-space:nowrap}
.ok-sitelogo em{font-style:normal;color:var(--ok-green-deep)}
.ok-sitelogo .ok-se{color:var(--ok-muted);font-weight:600}
.ok-sitelogo--light{color:#fff}
.ok-head-cta{margin-left:auto;white-space:nowrap}

/* nav */
.ok-mainnav ul{list-style:none;display:flex;align-items:center;gap:2px;margin:0;padding:0}
.ok-mainnav li{position:relative;display:flex;align-items:center}
.ok-mainnav a{display:inline-flex;align-items:center;gap:5px;line-height:1;padding:24px 12px;font-weight:600;font-size:14px;color:var(--ok-ink-2);white-space:nowrap}
.ok-mainnav a:hover{color:var(--ok-green-deep)}
.ok-caret{font-size:9px;color:var(--ok-muted);line-height:1;transform:translateY(1px)}
.ok-mainnav a:hover .ok-caret{color:var(--ok-green-deep)}
.ok-sub-toggle{display:none !important;background:none;border:0;cursor:pointer;color:var(--ok-muted);font-size:12px;padding:6px}
.ok-mainnav .ok-sub{display:none;position:absolute;top:100%;left:0;flex-direction:column;gap:0;background:#fff;border:1px solid var(--ok-line);border-radius:var(--ok-r-md);box-shadow:var(--ok-shadow-lg);min-width:230px;padding:8px;z-index:10000}
.ok-mainnav .ok-sub li{width:100%}
.ok-mainnav .ok-sub a{padding:10px 14px;border-radius:9px;font-size:13.5px}
.ok-mainnav .ok-sub a:hover{background:var(--ok-bg);color:var(--ok-ink)}
.ok-mainnav li.ok-has-sub:hover > .ok-sub,
.ok-mainnav li.ok-has-sub:focus-within > .ok-sub{display:flex}

/* burger */
.ok-burger{display:none;background:none;border:1px solid var(--ok-line);border-radius:10px;width:42px;height:42px;cursor:pointer;position:relative;margin-left:auto}
.ok-burger span,.ok-burger span::before,.ok-burger span::after{content:"";display:block;position:absolute;left:10px;right:10px;height:2px;border-radius:2px;background:var(--ok-ink);transition:transform var(--ok-dur) var(--ok-ease),opacity var(--ok-dur) var(--ok-ease)}
.ok-burger span{top:20px}
.ok-burger span::before{top:-6px;left:0;right:0}
.ok-burger span::after{top:6px;left:0;right:0}
.ok-burger[aria-expanded="true"] span{background:transparent}
.ok-burger[aria-expanded="true"] span::before{transform:translateY(6px) rotate(45deg)}
.ok-burger[aria-expanded="true"] span::after{transform:translateY(-6px) rotate(-45deg)}

@media(max-width:1024px){
  .ok-shead-in{gap:14px;flex-wrap:wrap;padding-top:10px;padding-bottom:10px;min-height:60px}
  .ok-burger{display:block}
  .ok-head-cta{display:none}
  .ok-mainnav{display:none;width:100%;order:10}
  .ok-mainnav.is-open{display:block}
  .ok-mainnav ul{flex-direction:column;gap:0;border-top:1px solid var(--ok-line);padding-top:6px}
  .ok-mainnav a{padding:13px 6px;font-size:15px;white-space:normal}
  .ok-caret{display:none}
  .ok-mainnav li{display:block}
  .ok-mainnav li.ok-has-sub{display:flex;flex-wrap:wrap;align-items:center}
  .ok-mainnav li.ok-has-sub > a{flex:1}
  .ok-sub-toggle{display:block !important;font-size:14px;width:44px;text-align:center}
  .ok-sub-toggle[aria-expanded="true"] span{display:inline-block;transform:rotate(180deg)}
  .ok-mainnav .ok-sub{display:none;position:static;box-shadow:none;border:0;border-left:2px solid var(--ok-line);border-radius:0;min-width:100%;padding:0 0 6px 14px}
  .ok-mainnav li.ok-has-sub:hover > .ok-sub{display:none}
  .ok-mainnav li.ok-has-sub.is-open > .ok-sub{display:flex;width:100%}
}

/* ── Footer (brand band → 5 link groups → RG/legal bar) ── */
.ok-site-footer{background:var(--ok-ink);color:var(--ok-on-dark-faint);margin-top:40px;padding:44px 0 28px;font-size:14px;font-family:var(--ok-font-body)}
.ok-foot-brand{margin-bottom:30px;padding-bottom:24px;border-bottom:1px solid #1e2848}
.ok-foot-cols{display:grid;grid-template-columns:repeat(5,1fr);gap:28px}
.ok-scope.ok-site-footer h4,.ok-site-footer .ok-foot-cols h4{color:#fff;font-size:13px;line-height:1.3;margin:0 0 12px;font-family:var(--ok-font-display);letter-spacing:.07em;text-transform:uppercase}
.ok-site-footer a{color:#a9b4d0;display:block;padding:5px 0;font-size:14px}
.ok-site-footer a:hover{color:#fff}
.ok-foot-desc{color:#93a0c2;margin-top:10px;max-width:52ch;font-size:13.5px;line-height:1.7}
.ok-foot-18{display:inline-block;margin-top:8px;font-weight:700;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:6px;padding:2px 9px;font-size:12px}
.ok-foot-rg{margin-top:26px;border-top:1px solid #1e2848;padding-top:18px;font-size:12.5px;color:#93a0c2;line-height:1.75}
.ok-foot-rg a{display:inline;color:var(--ok-on-dark);padding:0}
@media(max-width:1024px){.ok-foot-cols{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.ok-foot-cols{grid-template-columns:1fr 1fr}}
@media(max-width:460px){.ok-foot-cols{grid-template-columns:1fr}}