/* MOKLAV shared brand UI — extracted from panel ui.py THEME_CSS (jp-canonical 527eca8). Prefix .mk- so it never clashes with site CSS. */
:root{--mk-navy:#181F32;--mk-cyan:#50BDEB;
 --mk-brand:#181F32;--mk-brand-bg:#50BDEB;--mk-brand-ink:#181F32;--mk-brand-hover:#7fd0f1;--mk-brand-soft:#e3f5fc;--mk-ink:#181F32;--mk-mut:#5b6474;--mk-bg:#f6f7f9;--mk-line:#e3e6eb;--mk-card:#fff;
 --mk-font:"BIZ UDPGothic",-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Sans","Hiragino Kaku Gothic ProN","Noto Sans JP",Meiryo,Roboto,Helvetica,Arial,sans-serif;--mk-radius:12px}
/* Contrast: navy on cyan 7.67:1, navy on white 16.4:1, cyan on dark #0f1424 8.6:1. Never white text on cyan (2.1:1). */
@font-face{font-family:"BIZ UDPGothic";src:local("BIZ UDPGothic"),local("BIZUDPGothic-Regular"),url(/static/brand-ui/BIZUDPGothic-Regular.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"BIZ UDPGothic";src:local("BIZ UDPGothic Bold"),local("BIZUDPGothic-Bold"),url(/static/brand-ui/BIZUDPGothic-Bold.woff2) format("woff2");font-weight:700 800;font-display:swap}
@media(prefers-color-scheme:dark){:root{--mk-brand:#50BDEB;--mk-brand-hover:#7fd0f1;--mk-brand-soft:#15304a;--mk-ink:#e7eaf0;--mk-mut:#9aa3b2;--mk-bg:#0f1424;--mk-line:#2a3452;--mk-card:#181F32}}
.mk-header,.mk-footer{font-family:var(--mk-font);color:var(--mk-ink);box-sizing:border-box}
.mk-wrap{max-width:1120px;margin:0 auto;padding:0 20px}
.mk-header{background:var(--mk-card);border-bottom:1px solid var(--mk-line);position:sticky;top:0;z-index:50}
.mk-header .mk-wrap{display:flex;align-items:center;gap:20px;min-height:64px;flex-wrap:wrap}
.mk-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--mk-ink);font-weight:800;letter-spacing:.02em}
.mk-logo img{width:auto;height:36px}
.mk-nav{display:flex;gap:4px;flex-wrap:wrap;margin-left:auto}
.mk-nav a{color:var(--mk-ink);text-decoration:none;padding:8px 12px;border-radius:8px;font-size:15px}
.mk-nav a:hover,.mk-nav a[aria-current=page]{background:var(--mk-brand-soft);color:var(--mk-brand);box-shadow:inset 0 -2px 0 var(--mk-cyan)}
.mk-nav a.mk-cta{background:var(--mk-brand-bg);color:var(--mk-brand-ink)}.mk-nav a.mk-cta:hover{background:var(--mk-brand-hover);color:var(--mk-brand-ink)}
.mk-tagline{color:var(--mk-mut);font-size:14px;letter-spacing:.08em;margin:6px 0 0}
.mk-footer{background:var(--mk-navy);color:#c3c9d4;padding:40px 0 28px;margin-top:48px;font-size:14px}
.mk-footer a{color:#e7eaf0}.mk-footer .mk-logo{color:#fff}.mk-footer .mk-tagline{color:var(--mk-cyan)}
.mk-cols{display:grid;grid-template-columns:2fr 1fr 1fr;gap:28px}.mk-cols h4{color:#fff;margin:0 0 8px;font-size:14px}.mk-cols a{display:block;padding:3px 0;text-decoration:none}
@media(max-width:720px){.mk-nav{margin-left:0;width:100%}.mk-cols{grid-template-columns:1fr}}
.mk-copy{margin-top:24px}
.mk-pv-h{font-family:var(--mk-font);padding:16px;margin:0}.mk-pv-main{padding:40px 20px;font-family:var(--mk-font)}.mk-btn{display:inline-block;background:var(--mk-brand-bg);color:var(--mk-brand-ink);padding:8px 14px;border-radius:8px;text-decoration:none;font-weight:700}
.mk-footer .mk-logo img{background:#fff;border-radius:6px;padding:2px 6px}
body.mk-pv{margin:0;background:var(--mk-bg)}
.mk-co{margin-top:12px}.mk-inline{display:inline}