/* ============================================================
   HEAT ON 24/7 — mobile menu and skip link.

   Kept in its own file because it is needed on every page, and the home page
   carries all of its own CSS inline and never loads styles.css. Linked from
   every page by tools/build.py.
   ============================================================ */
:focus-visible{outline:3px solid var(--blue2,#2f80ed);outline-offset:2px;border-radius:4px}
.skip{position:absolute;left:-9999px;top:0;z-index:200;background:var(--navy-ink,#0d233f);color:#fff;
  padding:12px 20px;border-radius:0 0 10px 0;font-weight:700}
.skip:focus{left:0}

.burger{display:none;background:none;border:1.5px solid var(--line,#e2e8f1);border-radius:11px;
  width:46px;height:46px;color:var(--blue,#1b4f8a);cursor:pointer;place-items:center}
.burger svg{width:24px;height:24px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round}
@media(max-width:820px){.burger{display:grid}}

.drawer{position:fixed;inset:0;z-index:100;background:rgba(13,35,63,.55);backdrop-filter:blur(3px);display:none}
.drawer.on{display:block}
.drawer-panel{position:absolute;top:0;right:0;bottom:0;width:min(320px,86vw);background:#fff;
  padding:22px 22px calc(22px + env(safe-area-inset-bottom));display:flex;flex-direction:column;
  overflow-y:auto;box-shadow:0 30px 80px rgba(15,32,54,.3);animation:drawerin .25s cubic-bezier(.2,.7,.2,1)}
@keyframes drawerin{from{transform:translateX(100%)}to{transform:none}}
.drawer-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.drawer-top img{height:46px;width:auto}
.drawer-x{background:none;border:none;font-size:1.9rem;line-height:1;color:var(--ink-soft,#4a5a6e);
  cursor:pointer;padding:4px 10px}
.drawer-panel>a{padding:13px 4px;border-bottom:1px solid var(--line,#e2e8f1);font-family:'Sora',sans-serif;
  font-weight:600;font-size:1.05rem;color:var(--ink,#0f2036)}
.drawer-panel>a:hover{color:var(--blue,#1b4f8a)}
.drawer-panel>a[aria-current="page"]{color:var(--blue,#1b4f8a)}
.drawer-panel>a[aria-current="page"]::before{content:"› "}
.drawer-cta{margin-top:18px;display:grid;gap:10px}
.drawer-cta a{padding:14px;border-radius:12px;font-family:'Sora',sans-serif;font-weight:700;
  display:flex;align-items:center;justify-content:center;gap:9px;border-bottom:0}
.drawer-cta .d-call{background:var(--blue2,#2f80ed);color:#fff}
.drawer-cta .d-wa{background:#25D366;color:#fff}
.drawer-cta svg{width:19px;height:19px}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;
    transition-duration:.001ms!important;scroll-behavior:auto!important}
}