:root{--ink:#2E2340;--deep:#211830;--main:#5B3F73;--acc:#F2A65A;--acc-ink:#3A2207;--soft:#F3EEF6;--paper:#FBF8F3;--line:#E4DCEA;--text:#2A2530;--mute:#625A6B;
--serif:Georgia,'Iowan Old Style','Times New Roman',serif;--sans:system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif}
.wrap{max-width:1180px;margin:0 auto;padding:0 20px}.narrow{max-width:820px}
.skip{position:absolute;left:-999px}.skip:focus{left:10px;top:10px;z-index:99;background:#fff;padding:8px 12px}
.top{position:sticky;top:0;z-index:50;background:var(--ink);color:#fff;box-shadow:0 2px 10px rgba(0,0,0,.18)}
.top .wrap{display:flex;align-items:center;gap:14px;min-height:64px;flex-wrap:nowrap;padding-top:6px;padding-bottom:6px}
.brand{min-height:44px;display:flex;align-items:center;gap:9px;color:#fff;text-decoration:none;font-family:var(--serif);font-weight:700;font-size:1.3rem;white-space:nowrap}
.brand .mark{width:30px;height:30px;color:var(--acc)}.brand b{color:var(--acc);font-weight:700}
.nav{display:flex;flex-wrap:nowrap;gap:2px 4px;margin-left:auto;align-items:center}
.nav a{color:#fff;text-decoration:none;font-size:.92rem;padding:8px 9px;border-radius:6px;white-space:nowrap}.nav a:hover,.nav a[aria-current]{background:rgba(255,255,255,.12)}
.btn-try{background:var(--acc);color:var(--acc-ink)!important;font-weight:700}
.menu-btn{background:none;border:1.5px solid rgba(255,255,255,.55);color:#fff;border-radius:8px;padding:8px 12px;font-size:.92rem;cursor:pointer;min-height:40px}
@media(max-width:1120px){.nav .nv-lg{display:none}}@media(max-width:960px){.nav a:not(.keep):not(.nv-mid){display:none}}@media(max-width:900px){.nav a.nv-mid{display:none}}
@media(max-width:700px){.nav a:not(.keep){display:none}.brand{font-size:1.12rem}}
@media(max-width:460px){.nav a.login{display:none}.nav a,.menu-btn{padding:8px 10px}.brand .mark{width:26px;height:26px}}
.drawer{position:fixed;inset:0;background:rgba(0,0,0,.45);display:none;z-index:60}.drawer.open{display:block}
.drawer-in{position:absolute;right:0;top:0;bottom:0;width:min(420px,92vw);background:var(--paper);overflow-y:auto;padding:22px 22px 40px}
.drawer h4{color:var(--main);margin:18px 0 6px;font-size:1.02rem}
.drawer a{display:block;padding:9px 4px;color:var(--text);text-decoration:none;border-bottom:1px solid var(--line);min-height:40px}
.drawer .close{float:right;background:none;border:1px solid var(--line);border-radius:8px;padding:6px 12px;font-size:.95rem;cursor:pointer;min-height:36px}
.foot{background:var(--deep);color:rgba(255,255,255,.82);padding:56px 0 30px;font-size:.93rem}
.foot .cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr));gap:26px}.foot h5{color:#fff;font-family:var(--serif);font-size:1rem;margin-bottom:10px}
.foot a{display:block;color:rgba(255,255,255,.82);text-decoration:none;padding:5px 0;min-height:30px}.foot a:hover{color:#fff}
.foot .base{border-top:1px solid rgba(255,255,255,.15);margin-top:34px;padding-top:18px;display:flex;flex-wrap:wrap;gap:10px 22px;justify-content:space-between}.foot .base a{display:inline-block;padding:6px 2px;min-height:32px}
.top a,.foot a,.drawer a{font-family:var(--sans)}
.top,.top *,.foot,.foot *,.drawer,.drawer *{box-sizing:border-box}
.top,.foot,.drawer{font-family:var(--sans);line-height:1.6}