/* Universal header: independent of Tailwind and Alpine. */
.op-site-header{position:relative;z-index:100;background:#e9eff3;color:#374151;font-family:Arial,Helvetica,sans-serif;isolation:isolate}
.op-site-header *{box-sizing:border-box}
.op-site-header .op-header-inner{max-width:1240px;min-height:80px;padding:0 16px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px}
.op-site-header a{text-decoration:none}
.op-site-header .op-header-logo{display:flex;align-items:center;min-height:44px;width:140px;flex-shrink:0}
.op-site-header .op-header-logo img{display:block;width:140px;height:auto;max-width:100%;margin:0}
.op-site-header .op-header-nav{display:flex;align-items:center;justify-content:center;gap:26px}
.op-site-header .op-header-nav a,.op-site-header .op-header-menu nav a{display:flex;align-items:center;min-height:44px;color:#374151;font-size:13px;font-weight:800;letter-spacing:.2px;line-height:1.4}
.op-site-header .op-header-nav a:hover,.op-site-header .op-header-menu nav a:hover{color:#14479a}
.op-site-header .op-header-actions{display:flex;align-items:center;gap:10px}
.op-site-header .op-header-play{display:flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:0 24px;background:#194b9b;color:#fff;font-weight:800;font-size:14px;letter-spacing:1px;line-height:1.3;border-radius:4px;box-shadow:0 4px 12px #14479a40;white-space:nowrap}
.op-site-header .op-header-play:hover{background:#103b81}
.op-site-header a:focus-visible,.op-site-header summary:focus-visible{outline:3px solid #14479a;outline-offset:4px}
.op-site-header .op-header-menu{display:none}
.op-site-header .op-header-menu summary{display:flex;align-items:center;justify-content:center;width:44px;height:44px;list-style:none;cursor:pointer;border-radius:4px}
.op-site-header summary::-webkit-details-marker{display:none}
.op-site-header .op-header-menu[open] summary{background:#d7e2ed}
.op-site-header .op-header-menu nav{position:absolute;top:100%;left:0;right:0;padding:12px max(16px,calc((100% - 1208px)/2));background:#e9eff3;border-top:1px solid #cfdbe6;box-shadow:0 8px 12px #172b4d14;max-height:calc(100dvh - 80px);overflow:auto}
.op-site-header .op-header-menu nav a{padding:8px 12px}
@media(max-width:1023px){.op-site-header .op-header-nav{display:none}.op-site-header .op-header-menu{display:block}.op-site-header .op-header-inner{gap:12px}}
@media(max-width:380px){.op-site-header .op-header-inner{padding:0 12px;gap:8px}.op-site-header .op-header-logo,.op-site-header .op-header-logo img{width:116px}.op-site-header .op-header-play{padding:0 12px;font-size:12px;letter-spacing:.4px}.op-site-header .op-header-actions{gap:4px}}