/* olk-nav.css - per-template modern navs (batch 4). Markup: navx.py, behaviour: olk-nav.js.
   Mobile first: phones + tablets (<=1024px, or touch <=1200px) every style shows logo + menu toggle and uses its own menu panel (data-mnav).
   No layout shift: header/panel are fixed; moving parts use transform. Reduced motion: no transitions. */
#nav[hidden],#nav[hidden] *{display:none!important}
:root{--olkn-tile:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cg fill='none' stroke='%23fff' stroke-width='1.6'%3E%3Cpath d='M20 4c5 6 10 11 16 16-6 5-11 10-16 16-5-6-10-11-16-16 6-5 11-10 16-16z'/%3E%3Ccircle cx='20' cy='20' r='4.5'/%3E%3Cpath d='M0 0l7 7M40 0l-7 7M0 40l7-7M40 40l-7-7'/%3E%3C/g%3E%3C/svg%3E")}
.olkn{position:fixed;z-index:1000;top:0;left:0;right:0;pointer-events:none;font-family:var(--k-body);color:var(--k-text)}
.olkn-bar{pointer-events:auto;display:flex;align-items:center;gap:12px;transition:transform .45s cubic-bezier(.2,.8,.2,1),padding .35s,background-color .35s,box-shadow .35s,width .35s}
.olkn a{text-decoration:none;color:inherit}
.olkn ul,.olkn ol{list-style:none;margin:0;padding:0}
.olkn-svg,.olkn-bi{width:18px;height:18px;flex:none}
.olkn-logo{white-space:nowrap;line-height:1;margin:0!important}
.olkn-book{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:var(--k-btn-radius,999px);background:var(--k-cta);color:var(--k-on-cta)!important;font:700 14px/1 var(--k-body);white-space:nowrap;transition:transform .2s,filter .2s}
.olkn-book:hover{filter:brightness(1.07);transform:translateY(-1px)}
.olkn-toggle{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-width:46px;min-height:46px;padding:0 14px;border:0;border-radius:999px;cursor:pointer;background:var(--k-dark);color:#fff;font:700 13px/1 var(--k-body);letter-spacing:.04em}
.olkn-tl{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.olkn-burger{position:relative;display:inline-block;width:18px;height:12px}
.olkn-burger i{position:absolute;left:0;right:0;height:2px;border-radius:2px;background:currentColor;transition:transform .3s,opacity .2s}
.olkn-burger i:nth-child(1){top:0}.olkn-burger i:nth-child(2){top:5px}.olkn-burger i:nth-child(3){top:10px}
.olkn-toggle[aria-expanded=true] .olkn-burger i:nth-child(1){transform:translateY(5px) rotate(45deg)}
.olkn-toggle[aria-expanded=true] .olkn-burger i:nth-child(2){opacity:0}
.olkn-toggle[aria-expanded=true] .olkn-burger i:nth-child(3){transform:translateY(-5px) rotate(-45deg)}
.olkn a:focus-visible,.olkn button:focus-visible,.olkn-panel a:focus-visible,.olkn-panel button:focus-visible{outline:3px solid var(--k-ring,var(--k-accent));outline-offset:3px}
.olkn-nav{display:none}
.olkn-bar>.olkn-book,.olkn-right{display:none}
.olkn-cur{display:none}
/* mobile bar: floating card with logo + toggle */
.olkn-bar{margin:10px 12px 0;padding:6px 6px 6px 16px;border-radius:999px;background:color-mix(in srgb,var(--k-bg) 90%,transparent);-webkit-backdrop-filter:blur(12px) saturate(1.2);backdrop-filter:blur(12px) saturate(1.2);box-shadow:0 10px 30px -14px rgba(0,0,0,.35);justify-content:space-between}
.olkn-bar .olkn-logo{font-size:clamp(17px,4.6vw,21px)}
/* ---------- menu panel (shared) ---------- */
.olkn-panel{position:fixed;inset:0;z-index:1200;--olkn-modal:1;font-family:var(--k-body);color:var(--k-text)}
.olkn-panel[hidden]{display:none}
.olkn-pbg{position:absolute;inset:0;background:rgba(8,10,18,.5);opacity:0;transition:opacity .35s}
.olkn-panel.is-open .olkn-pbg{opacity:1}
.olkn-pin{position:absolute;display:flex;flex-direction:column;gap:14px;overflow:auto;overscroll-behavior:contain;padding:18px 20px calc(22px + env(safe-area-inset-bottom,0px));transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .35s,clip-path .55s cubic-bezier(.6,0,.2,1)}
.olkn-phead{display:flex;align-items:center;justify-content:space-between;gap:12px}
.olkn-plogo{font:600 18px/1.1 var(--k-head)}
.olkn-close{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:999px;border:1px solid color-mix(in srgb,currentColor 22%,transparent);background:transparent;color:inherit;cursor:pointer}
.olkn-close .olkn-svg{width:20px;height:20px}
.olkn-plinks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
.olkn-pa,.olkn-pbook,.olkn-pwa{display:flex;align-items:center;gap:12px;min-height:50px;text-decoration:none;color:inherit}
.olkn-pa{font:600 clamp(20px,5.4vw,26px)/1.1 var(--k-head);padding:6px 4px}
.olkn-pn{font:600 11px/1 var(--k-body);letter-spacing:.12em;opacity:.55;min-width:22px}
.olkn-pic{display:none}
.olkn-psub{display:none}
.olkn-pimg{display:none}
.olkn-pa.is-active .olkn-pt{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}
.olkn-pbook{justify-content:center;gap:10px;margin-top:10px;padding:14px 20px;border-radius:var(--k-btn-radius,999px);background:var(--k-cta);color:var(--k-on-cta)!important;font:700 16px/1 var(--k-body)}
.olkn-pfoot{margin-top:auto}
.olkn-pwa{justify-content:center;gap:10px;padding:12px 18px;border-radius:999px;border:1.5px solid color-mix(in srgb,currentColor 30%,transparent);font:600 15px/1 var(--k-body)}
.olkn-plinks li{opacity:0;transform:translateY(14px);transition:opacity .4s calc(var(--i,0)*50ms + 140ms),transform .55s cubic-bezier(.2,.8,.2,1) calc(var(--i,0)*50ms + 140ms)}
.olkn-panel.is-open .olkn-plinks li{opacity:1;transform:none}
.olkn-prev{display:none}
html.olkn-open .mbar,html.olkn-open #wa-btn,html.olkn-open #tp-fab,html.olkn-open .tp-fab{opacity:0!important;pointer-events:none!important;visibility:hidden}
html.olkn-lock,html.olkn-lock body{overflow:hidden}
/* doors (31) */
.olkn-panel[data-mnav=doors] .olkn-pbg{background:transparent;opacity:1}
.olkn-panel[data-mnav=doors] .olkn-pbg i{position:absolute;top:0;bottom:0;width:50.5%;background:var(--k-dark);transition:transform .55s cubic-bezier(.7,0,.2,1)}
.olkn-panel[data-mnav=doors] .olkn-pbg i:first-child{left:0;transform:translateX(-101%);box-shadow:inset -1px 0 0 var(--k-accent)}
.olkn-panel[data-mnav=doors] .olkn-pbg i:last-child{right:0;transform:translateX(101%);box-shadow:inset 1px 0 0 var(--k-accent)}
.olkn-panel[data-mnav=doors].is-open .olkn-pbg i{transform:none}
.olkn-panel[data-mnav=doors] .olkn-pin{inset:0;color:#fff;text-align:center;opacity:0;transition:opacity .35s .3s}
.olkn-panel[data-mnav=doors].is-open .olkn-pin{opacity:1}
.olkn-panel[data-mnav=doors] .olkn-pin::before{content:"";position:absolute;inset:14px;border:1px solid color-mix(in srgb,var(--k-accent) 70%,transparent);outline:1px solid color-mix(in srgb,var(--k-accent) 40%,transparent);outline-offset:-7px;pointer-events:none}
.olkn-panel[data-mnav=doors] .olkn-phead{padding:10px 8px 0}
.olkn-panel[data-mnav=doors] .olkn-plinks{margin:auto 0;align-items:center;gap:2px}
.olkn-panel[data-mnav=doors] .olkn-pa{justify-content:center;font-size:clamp(24px,7vw,34px);letter-spacing:.04em}
.olkn-panel[data-mnav=doors] .olkn-pn{display:none}
.olkn-panel[data-mnav=doors] .olkn-plinks li:not(:last-child)::after{content:"";display:block;width:8px;height:8px;margin:4px auto;transform:rotate(45deg);border:1px solid var(--k-accent)}
.olkn-panel[data-mnav=doors] .olkn-pfoot{padding:0 18px}
/* sheet (32) */
.olkn-panel[data-mnav=sheet] .olkn-pin{left:0;right:0;bottom:0;max-height:86vh;border-radius:26px 26px 0 0;background:var(--k-bg);transform:translateY(102%);box-shadow:0 -20px 50px -20px rgba(0,0,0,.4)}
.olkn-panel[data-mnav=sheet] .olkn-pin::before{content:"";align-self:center;width:44px;height:5px;border-radius:5px;background:color-mix(in srgb,var(--k-text) 25%,transparent);margin:-6px 0 2px}
.olkn-panel[data-mnav=sheet].is-open .olkn-pin{transform:none}
.olkn-panel[data-mnav=sheet] .olkn-plinks{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.olkn-panel[data-mnav=sheet] .olkn-pa{flex-direction:column;align-items:flex-start;gap:4px;padding:8px;border-radius:18px;background:var(--k-surface,#fff);font-size:17px;box-shadow:0 6px 20px -12px rgba(0,0,0,.3)}
.olkn-panel[data-mnav=sheet] .olkn-pimg{display:block;width:100%;aspect-ratio:4/3;border-radius:12px;overflow:hidden;margin-bottom:4px}
.olkn-panel[data-mnav=sheet] .olkn-pimg img{width:100%;height:100%;object-fit:cover;display:block}
.olkn-panel[data-mnav=sheet] .olkn-pn{display:none}
.olkn-panel[data-mnav=sheet] .olkn-psub{display:block;font:500 12px/1.2 var(--k-body);opacity:.65}
.olkn-panel[data-mnav=sheet] .olkn-pli-book{grid-column:1/-1}
/* side (33) */
.olkn-panel[data-mnav=side] .olkn-pin{top:0;right:0;bottom:0;width:min(86vw,380px);background:var(--k-dark2,var(--k-dark));color:#fff;transform:translateX(102%);border-left:1px solid color-mix(in srgb,var(--k-accent) 45%,transparent);box-shadow:-20px 0 60px -20px color-mix(in srgb,var(--k-accent) 40%,transparent)}
.olkn-panel[data-mnav=side].is-open .olkn-pin{transform:none}
.olkn-panel[data-mnav=side] .olkn-pa{border-left:2px solid transparent;padding-left:14px}
.olkn-panel[data-mnav=side] .olkn-pa.is-active{border-left-color:var(--k-accent);text-shadow:0 0 18px color-mix(in srgb,var(--k-accent) 60%,transparent)}
.olkn-panel[data-mnav=side] .olkn-pa.is-active .olkn-pt{text-decoration:none}
/* drawer (34) */
.olkn-panel[data-mnav=drawer] .olkn-pin{top:0;left:0;bottom:0;width:min(88vw,370px);background:var(--k-dark);color:#fff;transform:translateX(-102%)}
.olkn-panel[data-mnav=drawer] .olkn-pin::after{content:"";position:absolute;top:0;bottom:0;right:0;width:6px;background:repeating-linear-gradient(135deg,var(--k-bg) 0 4px,color-mix(in srgb,var(--k-bg) 40%,transparent) 4px 8px);opacity:.8}
.olkn-panel[data-mnav=drawer].is-open .olkn-pin{transform:none}
.olkn-panel[data-mnav=drawer] .olkn-pic{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;border:1.5px dashed color-mix(in srgb,#fff 55%,transparent)}
.olkn-panel[data-mnav=drawer] .olkn-pn{display:none}
.olkn-panel[data-mnav=drawer] .olkn-plinks li+li{border-top:1px dashed color-mix(in srgb,#fff 22%,transparent)}
/* circle (35) */
.olkn-panel[data-mnav=circle] .olkn-pbg{display:none}
.olkn-panel[data-mnav=circle] .olkn-pin{inset:0;background:linear-gradient(160deg,var(--k-bg),var(--k-bg2,var(--k-bg)));clip-path:circle(0 at calc(100% - 40px) 38px)}
.olkn-panel[data-mnav=circle].is-open .olkn-pin{clip-path:circle(150vmax at calc(100% - 40px) 38px)}
.olkn-panel[data-mnav=circle] .olkn-plinks{gap:10px;margin:auto 0}
.olkn-panel[data-mnav=circle] .olkn-pa{border-radius:999px;padding:10px 20px;background:color-mix(in srgb,var(--k-accent) 22%,var(--k-bg));font-size:22px}
.olkn-panel[data-mnav=circle] .olkn-plinks li:nth-child(3n+2) .olkn-pa{background:color-mix(in srgb,var(--k-primary) 18%,var(--k-bg))}
.olkn-panel[data-mnav=circle] .olkn-plinks li:nth-child(3n) .olkn-pa{background:color-mix(in srgb,var(--k-bg2,#fff3b0) 80%,var(--k-bg))}
/* morph (36) */
.olkn-panel[data-mnav=morph] .olkn-pin{top:10px;left:10px;right:10px;max-height:calc(100svh - 20px);border-radius:28px;background:color-mix(in srgb,var(--k-dark) 94%,transparent);color:#fff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transform-origin:50% 0;transform:scale(.3,.1);opacity:0}
.olkn-panel[data-mnav=morph].is-open .olkn-pin{transform:none;opacity:1}
.olkn-panel[data-mnav=morph] .olkn-pic{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:12px;background:color-mix(in srgb,#fff 12%,transparent)}
.olkn-panel[data-mnav=morph] .olkn-pn{display:none}
/* bars (38) */
.olkn-panel[data-mnav=bars] .olkn-pbg{background:var(--k-bg)}
.olkn-panel[data-mnav=bars] .olkn-pin{inset:0;padding-left:0;padding-right:0}
.olkn-panel[data-mnav=bars] .olkn-phead{padding:0 20px}
.olkn-panel[data-mnav=bars] .olkn-plinks{margin:auto 0;gap:6px}
.olkn-panel[data-mnav=bars] .olkn-plinks li{transform:translateX(104%);opacity:1}
.olkn-panel[data-mnav=bars].is-open .olkn-plinks li{transform:none}
.olkn-panel[data-mnav=bars] .olkn-pa{padding:12px 22px;font:400 clamp(30px,9vw,44px)/1 var(--k-head);text-transform:uppercase;background:var(--k-primary);color:#fff}
.olkn-panel[data-mnav=bars] .olkn-plinks li:nth-child(3n+2) .olkn-pa{background:var(--k-accent);color:var(--k-dark)}
.olkn-panel[data-mnav=bars] .olkn-plinks li:nth-child(3n) .olkn-pa{background:var(--k-dark);color:var(--k-bg)}
.olkn-panel[data-mnav=bars] .olkn-pbook{margin:10px 20px 0;border-radius:0;box-shadow:5px 5px 0 var(--k-dark)}
.olkn-panel[data-mnav=bars] .olkn-pfoot{padding:0 20px}
/* topsheet (39) */
.olkn-panel[data-mnav=topsheet] .olkn-pin{top:0;left:0;right:0;max-height:88vh;background:var(--k-bg);border-radius:0 0 26px 26px;transform:translateY(-102%);box-shadow:0 20px 50px -20px rgba(0,0,0,.4)}
.olkn-panel[data-mnav=topsheet].is-open .olkn-pin{transform:none}
.olkn-panel[data-mnav=topsheet] .olkn-plinks{gap:0;padding-left:6px}
.olkn-panel[data-mnav=topsheet] .olkn-plinks li{position:relative;padding-left:44px}
.olkn-panel[data-mnav=topsheet] .olkn-plinks li::before{content:"";position:absolute;left:15px;top:0;bottom:0;width:2px;background:color-mix(in srgb,var(--k-text) 16%,transparent)}
.olkn-panel[data-mnav=topsheet] .olkn-pn{position:absolute;left:0;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--k-bg);border:2px solid var(--k-primary,var(--k-accent));opacity:1;font-size:10px;color:var(--k-primary,var(--k-accent))}
.olkn-panel[data-mnav=topsheet] .olkn-pa.is-active .olkn-pn{background:var(--k-primary,var(--k-accent));color:#fff}
.olkn-panel[data-mnav=topsheet] .olkn-pa{flex-direction:column;align-items:flex-start;gap:2px;font-size:20px;padding:10px 0}
.olkn-panel[data-mnav=topsheet] .olkn-psub{display:block;font:500 12.5px/1.2 var(--k-body);opacity:.6}
.olkn-panel[data-mnav=topsheet] .olkn-pli-book{padding-left:0}.olkn-panel[data-mnav=topsheet] .olkn-pli-book::before{display:none}
/* slide (40) */
.olkn-panel[data-mnav=slide] .olkn-pbg{display:none}
.olkn-panel[data-mnav=slide] .olkn-pin{inset:0;background:var(--k-dark);color:var(--k-accent,#d8ff36);transform:translateY(-102%);padding:20px clamp(20px,4vw,56px)}
.olkn-panel[data-mnav=slide].is-open .olkn-pin{transform:none}
.olkn-panel[data-mnav=slide] .olkn-plinks{margin:auto 0;gap:0}
.olkn-panel[data-mnav=slide] .olkn-pa{font:400 clamp(38px,11vw,112px)/.95 var(--k-head);text-transform:uppercase;letter-spacing:-.02em;gap:16px;border-bottom:2px solid color-mix(in srgb,currentColor 25%,transparent);padding:6px 0}
.olkn-panel[data-mnav=slide] .olkn-pa:hover .olkn-pt,.olkn-panel[data-mnav=slide] .olkn-pa:focus-visible .olkn-pt{transform:translateX(18px)}
.olkn-panel[data-mnav=slide] .olkn-pt{transition:transform .3s}
.olkn-panel[data-mnav=slide] .olkn-pn{font-size:13px;opacity:.8;align-self:flex-start;margin-top:10px}
.olkn-panel[data-mnav=slide] .olkn-pbook{border-radius:0;background:var(--k-accent,#d8ff36);color:var(--k-dark)!important;max-width:420px}
.olkn-panel[data-mnav=slide] .olkn-close{border-radius:0;border-width:2px}
/* radial (37) - mobile and desktop */
.olkn-panel[data-mnav=radial]{--r:min(300px,78vw)}
.olkn-panel[data-mnav=radial] .olkn-pbg{background:rgba(10,20,50,.28)}
.olkn-panel[data-mnav=radial] .olkn-pbg i:first-child{position:absolute;top:calc(var(--r) * -1.28);right:calc(var(--r) * -1.28);width:calc(var(--r) * 2.56);height:calc(var(--r) * 2.56);border-radius:50%;
  background:radial-gradient(circle,transparent 0 30%,color-mix(in srgb,var(--k-primary) 92%,transparent) 30.4% 100%);transform:scale(0);transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.olkn-panel[data-mnav=radial] .olkn-pbg i:first-child::after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--olkn-tile) center/64px 64px;opacity:.16;mask:radial-gradient(circle,transparent 0 30%,#000 30.4%);-webkit-mask:radial-gradient(circle,transparent 0 30%,#000 30.4%)}
.olkn-panel[data-mnav=radial].is-open .olkn-pbg i:first-child{transform:scale(1)}
.olkn-panel[data-mnav=radial] .olkn-pin{inset:0;overflow:visible;padding:0;background:none;pointer-events:none}
.olkn-panel[data-mnav=radial] .olkn-phead{position:absolute;top:14px;right:14px;pointer-events:auto}
.olkn-panel[data-mnav=radial] .olkn-plogo{display:none}
.olkn-panel[data-mnav=radial] .olkn-close{background:#fff;color:var(--k-primary);border:0;box-shadow:0 8px 24px -8px rgba(0,0,0,.4)}
.olkn-panel[data-mnav=radial] .olkn-plinks li{position:absolute;top:calc(84px + var(--i) * var(--step,56px));right:calc(18px + var(--bx) * var(--bulge,min(120px,26vw)));pointer-events:auto;transform:translate(calc(var(--bx) * var(--bulge,min(120px,26vw)) + 10px),calc(-1 * (60px + var(--i) * var(--step,56px)))) scale(.3);opacity:0;transition:transform .5s cubic-bezier(.3,1.4,.5,1) calc(var(--i)*40ms + 80ms),opacity .3s calc(var(--i)*40ms + 80ms)}
.olkn-panel[data-mnav=radial].is-open .olkn-plinks li{opacity:1;transform:none}
.olkn-panel[data-mnav=radial] .olkn-pa,.olkn-panel[data-mnav=radial] .olkn-pbook{min-height:44px;padding:9px 16px;border-radius:999px;background:#fff;color:var(--k-primary);font:700 15px/1 var(--k-body);white-space:nowrap;box-shadow:0 10px 26px -12px rgba(0,0,0,.45);margin:0;gap:8px}
.olkn-panel[data-mnav=radial] .olkn-pbook{background:var(--k-cta);color:var(--k-on-cta)!important}
.olkn-panel[data-mnav=radial] .olkn-pn{display:none}
.olkn-panel[data-mnav=radial] .olkn-pic{display:inline-flex}
.olkn-panel[data-mnav=radial] .olkn-pfoot{position:absolute;left:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));pointer-events:auto;opacity:0;transition:opacity .3s .3s}
.olkn-panel[data-mnav=radial].is-open .olkn-pfoot{opacity:1}
.olkn-panel[data-mnav=radial] .olkn-pwa{background:#fff;color:var(--k-primary);border:0}

/* ================= desktop styles (>=1025px with mouse, or >=1201px) ================= */
@media (min-width:1025px) and (hover:hover),(min-width:1025px) and (pointer:fine),(min-width:1201px){
  .olkn-bar{margin:0;border-radius:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;padding:0}
  .olkn-nav{display:block}
  .olkn-bar>.olkn-book{display:inline-flex}
  .olkn-toggle{display:none}
  .olkn-links{display:flex;align-items:center;gap:4px}
  .olkn-a{position:relative;display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border-radius:999px;font:600 14px/1 var(--k-body);white-space:nowrap}
  .olkn-ic{display:none}
  .olkn[data-nav=mega] .olkn-toggle,.olkn[data-nav=radial] .olkn-toggle,.olkn[data-nav=overlay] .olkn-toggle{display:inline-flex}
  .olkn[data-nav=mega] .olkn-nav,.olkn[data-nav=radial] .olkn-nav,.olkn[data-nav=overlay] .olkn-nav{display:none}
  .olkn[data-nav=mega] .olkn-tl,.olkn[data-nav=overlay] .olkn-tl{position:static;width:auto;height:auto;clip:auto}
  .olkn-panel:not([data-nav=mega]):not([data-nav=radial]):not([data-nav=overlay]):not([data-nav=rail]):not([data-nav=palette]):not([data-nav=chapter]):not([data-nav=toc]):not([data-nav=stepper]){display:none!important}
  .olkn[data-nav=palette] .olkn-toggle,.olkn[data-nav=chapter] .olkn-toggle{display:inline-flex}
}
@media (min-width:1025px) and (max-width:1099px) and (hover:hover),(min-width:1025px) and (max-width:1099px) and (pointer:fine){.olkn[data-nav=rail] .olkn-toggle{display:inline-flex}.olkn[data-nav=rail] .olkn-nav,.olkn[data-nav=rail] .olkn-bar>.olkn-book{display:none}.olkn-panel[data-nav=rail]{display:block}.olkn-panel[data-nav=rail][hidden]{display:none!important}}
@media (min-width:1025px) and (hover:hover),(min-width:1025px) and (pointer:fine),(min-width:1201px){
  /* 31 split: centred monogram logo, links split either side, deco double rules, shrinks on scroll */
  .olkn[data-nav=split] .olkn-bar{display:grid;grid-template-columns:1fr auto 1fr;padding:16px clamp(24px,4vw,56px);background:color-mix(in srgb,var(--k-dark) 88%,transparent);color:#fff;position:relative}
  .olkn[data-nav=split] .olkn-bar::before,.olkn[data-nav=split] .olkn-bar::after{content:"";position:absolute;left:0;right:0;height:3px;border-top:1px solid var(--k-accent);border-bottom:1px solid var(--k-accent);opacity:.85}
  .olkn[data-nav=split] .olkn-bar::before{top:5px;opacity:.35}.olkn[data-nav=split] .olkn-bar::after{bottom:0}
  .olkn[data-nav=split] .olkn-left{justify-self:start}
  .olkn[data-nav=split] .olkn-right{display:flex;align-items:center;gap:14px;justify-self:end}
  .olkn[data-nav=split] .olkn-logo{justify-self:center;padding:10px 26px;border:1px solid var(--k-accent);outline:1px solid color-mix(in srgb,var(--k-accent) 45%,transparent);outline-offset:4px;color:var(--k-accent)!important;font-size:22px;transition:transform .35s,padding .35s}
  .olkn[data-nav=split] .olkn-a{text-transform:uppercase;letter-spacing:.16em;font-size:12px;border-radius:0;color:#fff}
  .olkn[data-nav=split] .olkn-a::after{content:"";position:absolute;left:12px;right:12px;bottom:3px;height:1px;background:var(--k-accent);transform:scaleX(0);transition:transform .3s}
  .olkn[data-nav=split] .olkn-a:hover::after,.olkn[data-nav=split] .olkn-a.is-active::after{transform:none}
  .olkn[data-nav=split] .olkn-book{border-radius:0;background:var(--k-accent);color:var(--k-dark)!important;letter-spacing:.08em;text-transform:uppercase;font-size:12px}
  .olkn[data-nav=split].olkn-scrolled .olkn-bar{padding-top:8px;padding-bottom:8px;background:color-mix(in srgb,var(--k-dark) 96%,transparent)}
  .olkn[data-nav=split].olkn-scrolled .olkn-logo{transform:scale(.86)}
  /* 32 mega: floating bento card + "Explore" mega panel with photo cards */
  .olkn[data-nav=mega]{top:14px;left:14px;right:14px}
  .olkn[data-nav=mega] .olkn-bar{max-width:1240px;margin:0 auto;padding:8px 8px 8px 22px;border-radius:22px;background:var(--k-surface,#fff);box-shadow:0 14px 40px -18px rgba(0,0,0,.35);gap:10px}
  .olkn[data-nav=mega] .olkn-logo{margin-right:auto!important;font-size:21px}
  .olkn[data-nav=mega] .olkn-toggle{background:var(--k-bg2,var(--k-bg));color:var(--k-dark);border-radius:14px}
  .olkn[data-nav=mega] .olkn-book{border-radius:14px}
  .olkn-panel[data-nav=mega]{--olkn-modal:0}
  .olkn-panel[data-nav=mega] .olkn-pbg{background:rgba(10,10,20,.18)}
  .olkn-panel[data-nav=mega] .olkn-pin{top:84px;left:50%;right:auto;bottom:auto;width:min(1240px,calc(100vw - 28px));max-height:calc(100vh - 110px);transform:translate(-50%,-10px);opacity:0;border-radius:24px;background:var(--k-surface,#fff);box-shadow:0 30px 70px -30px rgba(0,0,0,.45);padding:18px}
  .olkn-panel[data-nav=mega].is-open .olkn-pin{transform:translate(-50%,0);opacity:1}
  .olkn-panel[data-nav=mega] .olkn-phead{display:none}
  .olkn-panel[data-nav=mega] .olkn-plinks{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
  .olkn-panel[data-nav=mega] .olkn-pa{position:relative;flex-direction:column;align-items:flex-start;gap:4px;padding:10px;border-radius:18px;background:var(--k-bg);font-size:18px;min-height:0;transition:transform .25s,box-shadow .25s}
  .olkn-panel[data-nav=mega] .olkn-pa:hover{transform:translateY(-3px);box-shadow:0 16px 30px -18px rgba(0,0,0,.4)}
  .olkn-panel[data-nav=mega] .olkn-pimg{display:block;width:100%;aspect-ratio:16/9;border-radius:12px;overflow:hidden;margin-bottom:6px}
  .olkn-panel[data-nav=mega] .olkn-pimg img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
  .olkn-panel[data-nav=mega] .olkn-pa:hover .olkn-pimg img{transform:scale(1.05)}
  .olkn-panel[data-nav=mega] .olkn-pn{position:absolute;top:18px;left:18px;padding:4px 8px;border-radius:999px;background:var(--k-surface,#fff);opacity:1}
  .olkn-panel[data-nav=mega] .olkn-psub{display:block;font:500 13px/1.2 var(--k-body);opacity:.65}
  .olkn-panel[data-nav=mega] .olkn-pli-book{display:flex}
  .olkn-panel[data-nav=mega] .olkn-pbook{flex:1;margin:0;border-radius:18px;font-size:20px;flex-direction:column;justify-content:center}
  .olkn-panel[data-nav=mega] .olkn-pfoot{display:none}
  /* 33 blob: floating centred glass pill, ink blob follows the active / hovered section */
  .olkn[data-nav=blob]{top:16px;display:flex;justify-content:center}
  .olkn[data-nav=blob] .olkn-bar{padding:7px 7px 7px 22px;border-radius:999px;background:color-mix(in srgb,var(--k-dark) 72%,transparent);-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);border:1px solid color-mix(in srgb,var(--k-accent) 35%,transparent);box-shadow:0 0 0 1px rgba(255,255,255,.04),0 18px 40px -20px color-mix(in srgb,var(--k-accent) 70%,transparent);color:#fff;gap:18px}
  .olkn[data-nav=blob] .olkn-nav{position:relative}
  .olkn[data-nav=blob] .olkn-a{z-index:1;color:rgba(255,255,255,.78);transition:color .25s}
  .olkn[data-nav=blob] .olkn-a.is-active,.olkn[data-nav=blob] .olkn-a:hover{color:#fff}
  .olkn[data-nav=blob] .olkn-blob{position:absolute;left:0;top:0;height:100%;width:60px;border-radius:999px;opacity:0;background:linear-gradient(90deg,color-mix(in srgb,var(--k-accent) 55%,transparent),color-mix(in srgb,var(--k-primary) 55%,transparent));box-shadow:0 0 24px color-mix(in srgb,var(--k-accent) 55%,transparent);transition:transform .45s cubic-bezier(.3,1.3,.5,1),width .45s cubic-bezier(.3,1.3,.5,1),opacity .3s;pointer-events:none}
  .olkn[data-nav=blob].olkn-scrolled .olkn-bar{padding:4px 4px 4px 18px;gap:12px}
  /* 35 dock: logo pill top-left + magnifying dock bottom centre */
  .olkn[data-nav=dock]{top:auto;bottom:0;left:0;right:0;height:0}
  .olkn[data-nav=dock] .olkn-logo{position:fixed;top:16px;left:18px;padding:12px 20px;border-radius:999px;background:color-mix(in srgb,var(--k-bg) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 30px -16px rgba(0,0,0,.35);pointer-events:auto;font-size:21px}
  .olkn[data-nav=dock] .olkn-dock{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);pointer-events:auto;padding:8px 10px;border-radius:26px;background:color-mix(in srgb,var(--k-surface,#fff) 78%,transparent);-webkit-backdrop-filter:blur(16px) saturate(1.3);backdrop-filter:blur(16px) saturate(1.3);border:1px solid rgba(255,255,255,.6);box-shadow:0 20px 50px -20px rgba(0,0,0,.4)}
  .olkn[data-nav=dock] .olkn-links{gap:8px;align-items:flex-end}
  .olkn[data-nav=dock] .olkn-links li{transform:translateY(calc((var(--s,1) - 1) * -16px)) scale(var(--s,1));transform-origin:50% 100%;transition:transform .18s ease-out}
  .olkn[data-nav=dock] .olkn-a{width:50px;height:50px;padding:0;justify-content:center;border-radius:16px;background:color-mix(in srgb,var(--k-accent) 35%,#fff);color:var(--k-dark)}
  .olkn[data-nav=dock] .olkn-links li:nth-child(3n+2) .olkn-a{background:color-mix(in srgb,var(--k-primary) 22%,#fff)}
  .olkn[data-nav=dock] .olkn-links li:nth-child(3n) .olkn-a{background:color-mix(in srgb,var(--k-bg2,#fff3b0) 85%,#fff)}
  .olkn[data-nav=dock] .olkn-a.is-active::after{content:"";position:absolute;bottom:-7px;left:50%;width:5px;height:5px;margin-left:-2.5px;border-radius:50%;background:var(--k-dark)}
  .olkn[data-nav=dock] .olkn-ic{display:inline-flex}.olkn[data-nav=dock] .olkn-svg{width:22px;height:22px}
  .olkn[data-nav=dock] .olkn-tx{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%,6px);padding:6px 10px;border-radius:8px;background:var(--k-dark);color:#fff;font-size:12px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}
  .olkn[data-nav=dock] .olkn-a:hover .olkn-tx,.olkn[data-nav=dock] .olkn-a:focus-visible .olkn-tx{opacity:1;transform:translate(-50%,0)}
  .olkn[data-nav=dock] .olkn-dock-b .olkn-book{height:50px;border-radius:16px;margin-left:6px}
  /* 36 island: black glass island top centre; expands on hover/focus; hides on scroll down, returns on scroll up */
  .olkn[data-nav=island]{top:12px;display:flex;justify-content:center}
  .olkn[data-nav=island] .olkn-bar{padding:6px 6px 6px 20px;gap:14px;border-radius:999px;background:color-mix(in srgb,#06121f 86%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#fff;box-shadow:0 16px 40px -18px rgba(0,0,0,.55)}
  .olkn[data-nav=island] .olkn-logo{color:#fff!important;font-size:18px}
  .olkn[data-nav=island] .olkn-cur{display:inline-block;font:600 12px/1 var(--k-body);letter-spacing:.08em;text-transform:uppercase;color:var(--k-accent);padding-left:14px;border-left:1px solid rgba(255,255,255,.2);min-width:84px}
  .olkn[data-nav=island] .olkn-nav{display:grid;grid-template-columns:0fr;transition:grid-template-columns .45s cubic-bezier(.2,.8,.2,1)}
  .olkn[data-nav=island] .olkn-nav>ul{overflow:hidden;min-width:0}
  .olkn[data-nav=island] .olkn-bar:hover .olkn-nav,.olkn[data-nav=island] .olkn-bar:focus-within .olkn-nav{grid-template-columns:1fr}
  .olkn[data-nav=island] .olkn-a{color:rgba(255,255,255,.8)}.olkn[data-nav=island] .olkn-a:hover,.olkn[data-nav=island] .olkn-a.is-active{color:#fff;background:rgba(255,255,255,.1)}
  .olkn[data-nav=island].olkn-hide .olkn-bar{transform:translateY(-150%)}
  /* 37 radial: tile badge logo + corner tile button */
  .olkn[data-nav=radial] .olkn-bar{padding:14px 18px;justify-content:flex-end;gap:10px}
  .olkn[data-nav=radial] .olkn-logo{margin-right:auto!important;padding:12px 18px;background:var(--k-surface,#fff);border:2px solid var(--k-primary);box-shadow:4px 4px 0 var(--k-primary);font-size:20px;color:var(--k-primary)!important}
  .olkn[data-nav=radial] .olkn-toggle{width:56px;height:56px;padding:0;background:var(--k-primary) var(--olkn-tile) center/28px 28px;border:3px solid #fff;box-shadow:0 10px 24px -10px rgba(0,0,0,.5)}
  .olkn-panel[data-mnav=radial]{--r:340px;--step:60px;--bulge:170px}
  /* 38 chameleon: hard-edged blocks that swap duotone colours per section */
  .olkn[data-nav=chameleon]{top:16px;left:18px;right:18px}
  .olkn[data-nav=chameleon] .olkn-bar{gap:10px}
  .olkn[data-nav=chameleon] .olkn-logo,.olkn[data-nav=chameleon] .olkn-nav,.olkn[data-nav=chameleon] .olkn-book{border:2px solid var(--k-dark);box-shadow:5px 5px 0 var(--k-dark);transition:background-color .35s,color .35s;border-radius:0}
  .olkn[data-nav=chameleon] .olkn-logo{padding:12px 16px;font-size:20px;background:var(--k-dark);color:var(--k-bg)!important}
  .olkn[data-nav=chameleon] .olkn-nav{padding:4px;background:var(--k-bg);margin-right:auto}
  .olkn[data-nav=chameleon] .olkn-a{border-radius:0;text-transform:uppercase;letter-spacing:.06em;font-size:13px}
  .olkn[data-nav=chameleon] .olkn-a.is-active{background:var(--k-dark);color:var(--k-bg)}
  .olkn[data-nav=chameleon] .olkn-book{background:var(--k-accent);color:var(--k-dark)!important}
  .olkn[data-nav=chameleon][data-tone="1"] .olkn-logo{background:var(--k-primary);color:#fff!important}
  .olkn[data-nav=chameleon][data-tone="1"] .olkn-nav{background:var(--k-accent)}
  .olkn[data-nav=chameleon][data-tone="1"] .olkn-book{background:var(--k-dark);color:var(--k-bg)!important}
  .olkn[data-nav=chameleon][data-tone="2"] .olkn-logo{background:var(--k-accent);color:var(--k-dark)!important}
  .olkn[data-nav=chameleon][data-tone="2"] .olkn-nav{background:var(--k-primary)}
  .olkn[data-nav=chameleon][data-tone="2"] .olkn-a{color:#fff}
  .olkn[data-nav=chameleon][data-tone="2"] .olkn-a.is-active{background:#fff;color:var(--k-primary)}
  .olkn[data-nav=chameleon][data-tone="2"] .olkn-book{background:var(--k-bg);color:var(--k-dark)!important}
  /* 39 crumb: breadcrumb pill with progress ring + numbered chapter dots */
  .olkn[data-nav=crumb]{top:16px;left:20px;right:20px}
  .olkn[data-nav=crumb] .olkn-bar{gap:14px}
  .olkn[data-nav=crumb] .olkn-crumb{display:flex;align-items:center;gap:10px;padding:8px 18px 8px 8px;border-radius:999px;background:color-mix(in srgb,var(--k-bg) 92%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--k-line,rgba(0,0,0,.1));box-shadow:0 10px 28px -16px rgba(0,0,0,.3);margin-right:auto}
  .olkn[data-nav=crumb] .olkn-cur{display:inline;font:600 14px/1 var(--k-body);color:var(--k-primary,var(--k-accent))}
  .olkn[data-nav=crumb] .olkn-sep{opacity:.35}
  .olkn[data-nav=crumb] .olkn-logo{font-size:17px}
  .olkn[data-nav=crumb] .olkn-nav{position:relative;padding:8px 14px;border-radius:999px;background:color-mix(in srgb,var(--k-bg) 92%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--k-line,rgba(0,0,0,.1))}
  .olkn[data-nav=crumb] .olkn-chapters{gap:2px}
  .olkn[data-nav=crumb] .olkn-a{padding:4px 6px;gap:6px;font-size:13px}
  .olkn[data-nav=crumb] .olkn-dot{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;border:2px solid var(--k-primary,var(--k-accent));font:700 10px/1 var(--k-body);color:var(--k-primary,var(--k-accent));background:var(--k-bg);transition:background-color .3s,color .3s}
  .olkn[data-nav=crumb] .olkn-a.is-active .olkn-dot{background:var(--k-primary,var(--k-accent));color:#fff}
  .olkn[data-nav=crumb] .olkn-tx{max-width:0;overflow:hidden;opacity:0;transition:max-width .4s,opacity .3s}
  .olkn[data-nav=crumb] .olkn-a.is-active .olkn-tx,.olkn[data-nav=crumb] .olkn-a:hover .olkn-tx,.olkn[data-nav=crumb] .olkn-a:focus-visible .olkn-tx{max-width:120px;opacity:1}
  .olkn[data-nav=crumb] .olkn-track{position:absolute;left:18px;right:18px;bottom:3px;height:2px;background:color-mix(in srgb,var(--k-text) 12%,transparent);border-radius:2px;overflow:hidden}
  .olkn[data-nav=crumb] .olkn-track i{position:absolute;inset:0;background:var(--k-primary,var(--k-accent));transform-origin:0 50%;transform:scaleX(var(--olkn-p,0))}
  /* 40 overlay: raw logo box + giant MENU button; full-screen menu with photo preview */
  .olkn[data-nav=overlay] .olkn-bar{padding:16px 20px;gap:10px}
  .olkn[data-nav=overlay] .olkn-logo{margin-right:auto!important;padding:10px 14px;background:var(--k-dark);color:var(--k-accent,#d8ff36)!important;font-size:18px}
  .olkn[data-nav=overlay] .olkn-book{border-radius:0;border:3px solid var(--k-dark);background:var(--k-bg);color:var(--k-dark)!important;text-transform:uppercase;box-shadow:4px 4px 0 var(--k-dark)}
  .olkn[data-nav=overlay] .olkn-toggle{border-radius:0;border:3px solid var(--k-dark);background:var(--k-accent,#d8ff36);color:var(--k-dark);text-transform:uppercase;font-size:15px;min-height:48px;box-shadow:4px 4px 0 var(--k-dark)}
  .olkn-panel[data-nav=overlay] .olkn-pin{display:grid;grid-template-columns:1.2fr .8fr;grid-template-rows:auto 1fr auto;column-gap:4vw}
  .olkn-panel[data-nav=overlay] .olkn-phead{grid-column:1/-1}
  .olkn-panel[data-nav=overlay] nav{align-self:center}
  .olkn-panel[data-nav=overlay] .olkn-prev{display:block;position:relative;align-self:center;aspect-ratio:4/5;max-height:70vh;border:3px solid var(--k-accent,#d8ff36);overflow:hidden}
  .olkn-panel[data-nav=overlay] .olkn-prev img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.06);transition:opacity .35s,transform .6s}
  .olkn-panel[data-nav=overlay] .olkn-prev img.is-on{opacity:1;transform:none}
  .olkn-panel[data-nav=overlay] .olkn-pfoot{grid-column:1/-1}
}
/* 34 rail (>=1100px): fixed left rail with icons + labels, body makes room (static attribute -> no layout shift) */
@media (min-width:1100px) and (hover:hover),(min-width:1100px) and (pointer:fine),(min-width:1201px){
  .olkn-panel[data-nav=rail]{display:none!important}
  html[data-olkn=rail] body{padding-left:92px}
  html[data-olkn=rail] #tp-fab,html[data-olkn=rail] .tp-fab{left:108px!important}
  .olkn[data-nav=rail]{right:auto;bottom:0;width:92px}
  .olkn[data-nav=rail] .olkn-bar{height:100%;flex-direction:column;justify-content:space-between;padding:22px 0;background:var(--k-dark);color:#fff;box-shadow:inset -1px 0 0 rgba(255,255,255,.08)}
  .olkn[data-nav=rail] .olkn-logo{writing-mode:vertical-rl;transform:rotate(180deg);font-size:19px;color:#fff!important;letter-spacing:.04em}
  .olkn[data-nav=rail] .olkn-nav{position:relative;width:100%}
  .olkn[data-nav=rail] .olkn-links{flex-direction:column;gap:6px}
  .olkn[data-nav=rail] .olkn-links li{width:100%}
  .olkn[data-nav=rail] .olkn-a{flex-direction:column;gap:6px;width:100%;padding:10px 4px;border-radius:0;font-size:11px;letter-spacing:.04em;color:rgba(255,255,255,.72)}
  .olkn[data-nav=rail] .olkn-a:hover,.olkn[data-nav=rail] .olkn-a.is-active{color:#fff}
  .olkn[data-nav=rail] .olkn-ic{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1.5px dashed rgba(255,255,255,.35);transition:border-color .3s,background-color .3s}
  .olkn[data-nav=rail] .olkn-a.is-active .olkn-ic{border-style:solid;border-color:var(--k-accent);background:color-mix(in srgb,var(--k-accent) 22%,transparent)}
  .olkn[data-nav=rail] .olkn-ind{position:absolute;left:0;top:0;width:4px;height:40px;border-radius:0 4px 4px 0;background:var(--k-accent);opacity:0;transition:transform .45s cubic-bezier(.2,.8,.2,1),height .3s,opacity .3s}
  .olkn[data-nav=rail] .olkn-book{flex-direction:column;gap:8px;padding:16px 10px;border-radius:14px;font-size:12px;margin:0 10px}
  .olkn[data-nav=rail] .olkn-book span{writing-mode:vertical-rl;transform:rotate(180deg)}
}


/* ======================= batch 5 (41-50) navs ======================= */
.olkn-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.olkn-kbd,.olkn-psearch kbd{font:600 11px/1 var(--k-body);padding:4px 7px;border-radius:6px;border:1px solid color-mix(in srgb,currentColor 30%,transparent);opacity:.8}
.olkn-srch,.olkn-kbd,.olkn-chn,.olkn-chev{display:none}
.olkn-tier,.olkn-rail2{display:none}
/* chip rail (48) also on phones once past the hero */
.olkn[data-nav=chiprail] .olkn-rail2{display:block;pointer-events:auto;margin:8px 12px 0;overflow-x:auto;scrollbar-width:none;border-radius:999px;background:color-mix(in srgb,var(--k-bg) 92%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 24px -16px rgba(0,0,0,.4);opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .3s,transform .35s,visibility 0s .35s}
.olkn[data-nav=chiprail] .olkn-rail2::-webkit-scrollbar{display:none}
.olkn[data-nav=chiprail].olkn-past .olkn-rail2{opacity:1;visibility:visible;transform:none;transition:opacity .3s,transform .35s}
.olkn-rail2 ul{display:flex;gap:6px;padding:6px;width:max-content}
.olkn-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 13px;border-radius:999px;font:600 13px/1 var(--k-body);white-space:nowrap;color:var(--k-text)}
.olkn-chip .olkn-svg{width:15px;height:15px}
.olkn-chip.is-active{background:var(--k-primary);color:var(--k-on-accent,#fff)!important}
/* palette search box (43, desktop dialog + phone sheet) */
.olkn-psearch{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:14px;background:color-mix(in srgb,var(--k-text) 7%,transparent)}
.olkn-psearch input{flex:1;min-width:0;border:0;background:transparent;color:inherit;font:500 17px/1.2 var(--k-body);outline:none;padding:6px 0}
.olkn-psearch:focus-within{box-shadow:0 0 0 2px var(--k-accent)}
.olkn-pnone{margin:6px 4px;opacity:.7}

/* ---- phone menus ---- */
/* fold (41): strips unfold from the top like a folded map */
.olkn-panel[data-mnav=fold] .olkn-pin{inset:0 0 auto 0;max-height:100vh;background:var(--k-dark);color:#fff;perspective:900px}
.olkn-panel[data-mnav=fold] .olkn-plinks li{transform-origin:50% 0;transform:rotateX(-92deg);opacity:0;transition:transform .5s cubic-bezier(.2,.8,.2,1) calc(var(--i)*60ms),opacity .3s calc(var(--i)*60ms)}
.olkn-panel[data-mnav=fold].is-open .olkn-plinks li{transform:none;opacity:1}
.olkn-panel[data-mnav=fold] .olkn-pa{border-bottom:1px solid color-mix(in srgb,var(--k-accent) 40%,transparent);padding:12px 4px;font-size:24px}
.olkn-panel[data-mnav=fold] .olkn-pn{color:var(--k-accent);opacity:1}
/* pills (42): floating pills pop in over a frosted page */
.olkn-panel[data-mnav=pills] .olkn-pbg{background:color-mix(in srgb,var(--k-bg) 55%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.olkn-panel[data-mnav=pills] .olkn-pin{inset:0;justify-content:center}
.olkn-panel[data-mnav=pills] .olkn-phead{position:absolute;top:14px;left:20px;right:20px}
.olkn-panel[data-mnav=pills] .olkn-plinks{align-items:center;gap:10px}
.olkn-panel[data-mnav=pills] .olkn-plinks li{transform:scale(.6);transition:transform .45s cubic-bezier(.3,1.5,.5,1) calc(var(--i)*45ms),opacity .25s calc(var(--i)*45ms)}
.olkn-panel[data-mnav=pills] .olkn-pa{padding:12px 24px;border-radius:999px;background:var(--k-surface,#fff);box-shadow:0 12px 26px -16px rgba(0,0,0,.45);font-size:20px}
.olkn-panel[data-mnav=pills] .olkn-pn{display:none}
.olkn-panel[data-mnav=pills] .olkn-pfoot{margin:10px auto 0}
/* palette (43): search sheet */
.olkn-panel[data-mnav=palette] .olkn-pin{left:0;right:0;bottom:0;top:auto;height:min(88vh,640px);border-radius:22px 22px 0 0;background:var(--k-dark);color:#fff;transform:translateY(102%)}
.olkn-panel[data-mnav=palette].is-open .olkn-pin{transform:none}
.olkn-panel[data-mnav=palette] .olkn-pa{font:600 17px/1.2 var(--k-body);padding:10px 12px;border-radius:12px}
.olkn-panel[data-mnav=palette] .olkn-pa:focus,.olkn-panel[data-mnav=palette] .olkn-pa:hover{background:color-mix(in srgb,#fff 10%,transparent)}
.olkn-panel[data-mnav=palette] .olkn-pic{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:9px;background:color-mix(in srgb,var(--k-accent) 22%,transparent);color:var(--k-accent)}
.olkn-panel[data-mnav=palette] .olkn-pn{display:none}
.olkn-panel[data-mnav=palette] .olkn-psub{display:block;margin-left:auto;font:500 12px/1 var(--k-body);opacity:.55}
/* flip (44): the menu card flips in */
.olkn-panel[data-mnav=flip]{perspective:1100px}
.olkn-panel[data-mnav=flip] .olkn-pin{inset:12px;border-radius:24px;background:var(--k-bg);transform:rotateY(-100deg);transform-origin:100% 50%;opacity:0;box-shadow:0 30px 60px -20px rgba(0,0,0,.5);backface-visibility:hidden}
.olkn-panel[data-mnav=flip].is-open .olkn-pin{transform:none;opacity:1}
.olkn-panel[data-mnav=flip] .olkn-pic{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;background:color-mix(in srgb,var(--k-primary) 14%,transparent);color:var(--k-primary)}
.olkn-panel[data-mnav=flip] .olkn-pn{display:none}
/* grid (45): app-style tiles */
.olkn-panel[data-mnav=grid] .olkn-pin{inset:0;background:var(--k-bg);transform:scale(1.06);opacity:0}
.olkn-panel[data-mnav=grid].is-open .olkn-pin{transform:none;opacity:1}
.olkn-panel[data-mnav=grid] .olkn-plinks{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.olkn-panel[data-mnav=grid] .olkn-pa{position:relative;flex-direction:column;justify-content:flex-end;align-items:flex-start;aspect-ratio:1.15;padding:12px;border-radius:20px;overflow:hidden;color:#fff;font-size:18px;isolation:isolate}
.olkn-panel[data-mnav=grid] .olkn-pimg{display:block;position:absolute;inset:0;z-index:-1}
.olkn-panel[data-mnav=grid] .olkn-pimg img{width:100%;height:100%;object-fit:cover}
.olkn-panel[data-mnav=grid] .olkn-pimg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(0,0,0,.7))}
.olkn-panel[data-mnav=grid] .olkn-pn{position:absolute;top:10px;left:12px;opacity:.9}
.olkn-panel[data-mnav=grid] .olkn-pli-book{grid-column:1/-1}
/* recede (46): the page steps back behind a frosted veil, links slide in */
.olkn-panel[data-mnav=recede] .olkn-pbg{background:color-mix(in srgb,var(--k-dark) 40%,transparent);-webkit-backdrop-filter:blur(6px) brightness(.8);backdrop-filter:blur(6px) brightness(.8)}
.olkn-panel[data-mnav=recede] .olkn-pin{top:0;bottom:0;left:0;width:min(86vw,380px);background:var(--k-bg);transform:perspective(900px) rotateY(24deg) translateX(-105%);transform-origin:0 50%}
.olkn-panel[data-mnav=recede].is-open .olkn-pin{transform:none}
.olkn-panel[data-mnav=recede] .olkn-pa{font-style:italic;font-size:27px}
/* diagonal (47): diagonal wipe from the top-right corner */
.olkn-panel[data-mnav=diagonal] .olkn-pin{inset:0;background:var(--k-dark);color:#fff;clip-path:polygon(100% 0,100% 0,100% 0);}
.olkn-panel[data-mnav=diagonal].is-open .olkn-pin{clip-path:polygon(-60% 0,100% 0,100% 160%)}
.olkn-panel[data-mnav=diagonal] .olkn-plinks{margin-top:4vh}
.olkn-panel[data-mnav=diagonal] .olkn-pa{border-bottom:1px solid rgba(255,255,255,.12);text-transform:uppercase;letter-spacing:.06em;font-size:21px}
.olkn-panel[data-mnav=diagonal] .olkn-pn{color:var(--k-accent);opacity:1}
/* cards (48): swipeable photo cards */
.olkn-panel[data-mnav=cards] .olkn-pin{left:0;right:0;bottom:0;padding-left:0;padding-right:0;background:var(--k-bg);border-radius:24px 24px 0 0;transform:translateY(102%)}
.olkn-panel[data-mnav=cards].is-open .olkn-pin{transform:none}
.olkn-panel[data-mnav=cards] .olkn-phead,.olkn-panel[data-mnav=cards] .olkn-pfoot{padding:0 20px}
.olkn-panel[data-mnav=cards] .olkn-plinks{flex-direction:row;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding:4px 20px 10px;scrollbar-width:none}
.olkn-panel[data-mnav=cards] .olkn-plinks li{flex:0 0 min(68%,300px);scroll-snap-align:center}
.olkn-panel[data-mnav=cards] .olkn-pa{flex-direction:column;align-items:flex-start;gap:6px;padding:10px;border-radius:20px;background:var(--k-surface,#fff);box-shadow:0 10px 26px -16px rgba(0,0,0,.4);font-size:20px;height:100%}
.olkn-panel[data-mnav=cards] .olkn-pimg{display:block;width:100%;aspect-ratio:4/3;border-radius:14px;overflow:hidden}
.olkn-panel[data-mnav=cards] .olkn-pimg img{width:100%;height:100%;object-fit:cover}
.olkn-panel[data-mnav=cards] .olkn-psub{display:block;font:500 13px/1.2 var(--k-body);opacity:.6}
.olkn-panel[data-mnav=cards] .olkn-pli-book{display:flex}.olkn-panel[data-mnav=cards] .olkn-pbook{flex:1;margin:0;flex-direction:column;border-radius:20px}
/* wheel (49): picker wheel */
.olkn-panel[data-mnav=wheel] .olkn-pin{left:0;right:0;bottom:0;background:var(--k-bg);border-radius:24px 24px 0 0;transform:translateY(102%)}
.olkn-panel[data-mnav=wheel].is-open .olkn-pin{transform:none}
.olkn-panel[data-mnav=wheel] nav{position:relative}
.olkn-panel[data-mnav=wheel] nav::before{content:"";position:absolute;left:0;right:0;top:50%;height:56px;transform:translateY(-50%);border-top:1px solid color-mix(in srgb,var(--k-primary) 50%,transparent);border-bottom:1px solid color-mix(in srgb,var(--k-primary) 50%,transparent);background:color-mix(in srgb,var(--k-primary) 8%,transparent);pointer-events:none;border-radius:12px}
.olkn-panel[data-mnav=wheel] .olkn-plinks{height:280px;overflow-y:auto;scroll-snap-type:y mandatory;padding:112px 0;gap:0;scrollbar-width:none;perspective:600px}
.olkn-panel[data-mnav=wheel] .olkn-plinks li{scroll-snap-align:center;opacity:1;transform:none;transition:none}
.olkn-panel[data-mnav=wheel] .olkn-pa{justify-content:center;min-height:56px;font-size:22px;transform:rotateX(calc(var(--w,0) * -55deg)) scale(calc(1 - var(--w,0) * var(--w,0) * .12));opacity:calc(1 - var(--w,0) * var(--w,0) * .55)}
.olkn-panel[data-mnav=wheel] li.is-mid .olkn-pa{color:var(--k-primary)}
.olkn-panel[data-mnav=wheel] .olkn-pn{display:none}
.olkn-panel[data-mnav=wheel] .olkn-pbook{margin-top:0}
/* stack (50): wallet-style stacked cards */
.olkn-panel[data-mnav=stack] .olkn-pin{left:0;right:0;bottom:0;background:var(--k-bg2,var(--k-bg));border-radius:24px 24px 0 0;transform:translateY(102%)}
.olkn-panel[data-mnav=stack].is-open .olkn-pin{transform:none}
.olkn-panel[data-mnav=stack] .olkn-plinks{gap:0}
.olkn-panel[data-mnav=stack] .olkn-plinks li{margin-top:-10px;transform:translateY(40px);transition:transform .5s cubic-bezier(.2,.8,.2,1) calc(var(--i)*55ms),opacity .3s calc(var(--i)*55ms)}
.olkn-panel[data-mnav=stack] .olkn-plinks li:first-child{margin-top:0}
.olkn-panel[data-mnav=stack] .olkn-pa{position:relative;padding:16px 16px 22px;border-radius:18px;background:var(--k-surface,#fff);box-shadow:0 -8px 20px -14px rgba(0,0,0,.35);font-size:19px;border-top:4px solid color-mix(in srgb,var(--k-primary) calc(30% + var(--i)*10%),transparent)}
.olkn-panel[data-mnav=stack] .olkn-pimg{display:block;position:absolute;right:12px;top:10px;width:46px;height:46px;border-radius:12px;overflow:hidden}
.olkn-panel[data-mnav=stack] .olkn-pimg img{width:100%;height:100%;object-fit:cover}
.olkn-panel[data-mnav=stack] .olkn-pli-book{margin-top:12px!important}

/* ---- desktop (>=1025px mouse / >=1201px) ---- */
@media (min-width:1025px) and (hover:hover),(min-width:1025px) and (pointer:fine),(min-width:1201px){
  /* 41 wordmark: huge name that shrinks into the bar (transform only) */
  .olkn[data-nav=wordmark] .olkn-bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:76px;padding:0 clamp(24px,4vw,56px);color:#fff;position:relative}
  .olkn[data-nav=wordmark] .olkn-bar::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--k-dark);opacity:var(--olkn-wm,0);box-shadow:0 1px 0 color-mix(in srgb,var(--k-accent) 40%,transparent)}
  .olkn[data-nav=wordmark] .olkn-nav{grid-column:1;grid-row:1}
  .olkn[data-nav=wordmark] .olkn-logo{grid-column:2;grid-row:1;font:500 26px/1 var(--k-head);letter-spacing:.06em;color:#fff!important;transform-origin:50% 0;transform:translateY(calc((1 - var(--olkn-wm,0)) * 14px)) scale(calc(1.9 - var(--olkn-wm,0) * .9));transition:transform .15s linear}
  .olkn[data-nav=wordmark] .olkn-book{grid-column:3;grid-row:1;justify-self:end;border-radius:2px;letter-spacing:.14em;text-transform:uppercase;font-size:12px}
  .olkn[data-nav=wordmark] .olkn-a{font-size:12px;letter-spacing:.16em;text-transform:uppercase;border-radius:0;color:#fff}
  .olkn[data-nav=wordmark] .olkn-a.is-active{color:var(--k-accent)}
  /* 42 pill: floating centred pill that shrinks */
  .olkn[data-nav=pill]{top:16px}
  .olkn[data-nav=pill] .olkn-bar{width:max-content;margin:0 auto;padding:7px 7px 7px 22px;border-radius:999px;background:color-mix(in srgb,var(--k-surface,#fff) 84%,transparent);-webkit-backdrop-filter:blur(14px) saturate(1.3);backdrop-filter:blur(14px) saturate(1.3);box-shadow:0 14px 34px -18px rgba(0,0,0,.4),inset 0 0 0 1px color-mix(in srgb,var(--k-text) 8%,transparent);gap:8px;transform:translateY(calc(var(--olkn-wm,0) * -6px)) scale(calc(1 - var(--olkn-wm,0) * .1));transition:transform .15s linear}
  .olkn[data-nav=pill] .olkn-logo{font:600 18px/1 var(--k-head);margin-right:10px!important}
  .olkn[data-nav=pill] .olkn-a.is-active{background:color-mix(in srgb,var(--k-primary) 14%,transparent);color:var(--k-primary)}
  /* 43 palette: search-style bar + command palette dialog */
  .olkn[data-nav=palette] .olkn-bar{padding:14px clamp(20px,3vw,40px);background:color-mix(in srgb,var(--k-dark) 92%,transparent);color:#fff;gap:16px}
  .olkn[data-nav=palette] .olkn-logo{margin-right:auto!important;font-size:22px;color:#fff!important}
  .olkn[data-nav=palette] .olkn-toggle{min-width:360px;justify-content:flex-start;gap:10px;padding:0 10px 0 16px;border-radius:12px;background:color-mix(in srgb,#fff 9%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,#fff 16%,transparent);font-weight:500;letter-spacing:0}
  .olkn[data-nav=palette] .olkn-toggle .olkn-burger{display:none}
  .olkn[data-nav=palette] .olkn-srch,.olkn[data-nav=palette] .olkn-kbd{display:inline-block}
  .olkn[data-nav=palette] .olkn-kbd{margin-left:auto}
  .olkn[data-nav=palette] .olkn-tl{position:static;width:auto;height:auto;clip:auto;opacity:.75}
  .olkn-panel[data-nav=palette] .olkn-pin{top:12vh;left:50%;bottom:auto;width:min(640px,calc(100vw - 40px));max-height:72vh;transform:translate(-50%,-12px) scale(.98);opacity:0;border-radius:18px;background:var(--k-dark);color:#fff;box-shadow:0 40px 80px -30px rgba(0,0,0,.7)}
  .olkn-panel[data-nav=palette].is-open .olkn-pin{transform:translate(-50%,0);opacity:1}
  .olkn-panel[data-nav=palette] .olkn-phead{display:none}
  .olkn-panel[data-nav=palette] .olkn-pa{font:600 16px/1.2 var(--k-body);padding:10px 12px;border-radius:10px;min-height:0}
  .olkn-panel[data-nav=palette] .olkn-pa:focus,.olkn-panel[data-nav=palette] .olkn-pa:hover{background:color-mix(in srgb,#fff 10%,transparent)}
  .olkn-panel[data-nav=palette] .olkn-pic{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:8px;background:color-mix(in srgb,var(--k-accent) 22%,transparent);color:var(--k-accent)}
  .olkn-panel[data-nav=palette] .olkn-pn{display:none}
  .olkn-panel[data-nav=palette] .olkn-psub{display:block;margin-left:auto;font:500 12px/1 var(--k-body);opacity:.55}
  .olkn-panel[data-nav=palette] .olkn-pbook{justify-content:flex-start;border-radius:10px;font-size:16px;padding:12px}
  @media (max-width:900px){.olkn[data-nav=palette] .olkn-toggle{min-width:0;width:auto;padding:0 12px;flex:0 0 auto}.olkn[data-nav=palette] .olkn-kbd{display:none}.olkn[data-nav=palette] .olkn-tl{display:none}.olkn[data-nav=palette] .olkn-bar{gap:10px}.olkn[data-nav=palette] .olkn-logo{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
  /* 44 bookmarks: tabs on the right edge */
  .olkn[data-nav=bookmarks] .olkn-bar{padding:16px clamp(20px,3vw,40px)}
  .olkn[data-nav=bookmarks] .olkn-logo{margin-right:auto!important;padding:10px 16px;border-radius:12px;background:color-mix(in srgb,var(--k-bg) 88%,transparent);font-size:20px}
  .olkn[data-nav=bookmarks] .olkn-bm{position:fixed;right:0;top:50%;transform:translateY(-50%);pointer-events:auto}
  .olkn[data-nav=bookmarks] .olkn-bm .olkn-links{flex-direction:column;align-items:flex-end;gap:6px}
  .olkn[data-nav=bookmarks] .olkn-bm .olkn-a{gap:10px;padding:11px 14px 11px 12px;border-radius:14px 0 0 14px;background:color-mix(in srgb,var(--k-primary) calc(70% + var(--i)*6%),var(--k-dark));color:#fff;transform:translateX(calc(100% - 46px));transition:transform .35s cubic-bezier(.2,.8,.2,1),background-color .2s;box-shadow:-6px 6px 18px -12px rgba(0,0,0,.5)}
  .olkn[data-nav=bookmarks] .olkn-ic{display:inline-grid}
  .olkn[data-nav=bookmarks] .olkn-bm .olkn-a:hover,.olkn[data-nav=bookmarks] .olkn-bm .olkn-a:focus-visible,.olkn[data-nav=bookmarks] .olkn-bm .olkn-a.is-active{transform:none}
  .olkn[data-nav=bookmarks] .olkn-bm .olkn-a.is-active{background:var(--k-accent);color:var(--k-dark)}
  /* 45 segment: segmented control with a sliding thumb */
  .olkn[data-nav=segment]{top:14px;left:14px;right:14px}
  .olkn[data-nav=segment] .olkn-bar{max-width:1180px;margin:0 auto;padding:8px 8px 8px 20px;border-radius:20px;background:var(--k-surface,#fff);box-shadow:0 12px 30px -18px rgba(0,0,0,.35)}
  .olkn[data-nav=segment] .olkn-logo{margin-right:auto!important;font-size:20px}
  .olkn[data-nav=segment] .olkn-seg{position:relative;padding:4px;border-radius:14px;background:var(--k-bg2,color-mix(in srgb,var(--k-text) 7%,transparent));margin-right:auto}
  .olkn[data-nav=segment] .olkn-seg .olkn-links{position:relative;z-index:1;gap:0}
  .olkn[data-nav=segment] .olkn-a{border-radius:10px;padding:9px 14px}
  .olkn[data-nav=segment] .olkn-thumb{position:absolute;left:0;top:4px;bottom:4px;width:0;border-radius:10px;background:var(--k-surface,#fff);box-shadow:0 2px 8px -2px rgba(0,0,0,.25);transition:transform .45s cubic-bezier(.3,1.3,.5,1),width .45s,opacity .2s;opacity:0}
  /* 47 two-tier: info strip + bar; the strip folds away on scroll */
  .olkn[data-nav=twotier]{transition:transform .4s cubic-bezier(.2,.8,.2,1)}
  .olkn[data-nav=twotier] .olkn-tier{display:block;pointer-events:auto;height:34px;padding:0 clamp(20px,3vw,40px);font:600 11px/34px var(--k-body);letter-spacing:.18em;text-transform:uppercase;background:var(--k-accent);color:var(--k-dark);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center}
  .olkn[data-nav=twotier].olkn-scrolled{transform:translateY(-34px)}
  .olkn[data-nav=twotier] .olkn-bar{padding:14px clamp(20px,3vw,40px);background:color-mix(in srgb,var(--k-dark) 82%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;box-shadow:inset 0 -1px 0 color-mix(in srgb,var(--k-accent) 35%,transparent)}
  .olkn[data-nav=twotier] .olkn-logo{margin-right:auto!important;font-size:22px;letter-spacing:.08em;text-transform:uppercase;color:#fff!important}
  .olkn[data-nav=twotier] .olkn-a{color:#fff;font-size:13px;letter-spacing:.08em;text-transform:uppercase;border-radius:0}
  .olkn[data-nav=twotier] .olkn-a.is-active{box-shadow:inset 0 -2px 0 var(--k-accent)}
  /* 48 chip rail: minimal bar; section chips dock under it after the hero */
  .olkn[data-nav=chiprail] .olkn-bar{padding:14px clamp(20px,3vw,40px);color:#fff}
  .olkn[data-nav=chiprail].olkn-past .olkn-bar{background:color-mix(in srgb,var(--k-dark) 94%,transparent)}
  .olkn[data-nav=chiprail] .olkn-logo{margin-right:auto!important;font-size:21px;color:#fff!important}
  .olkn[data-nav=chiprail] .olkn-nav{display:block}
  .olkn[data-nav=chiprail] .olkn-a{color:#fff}
  .olkn[data-nav=chiprail].olkn-past .olkn-nav{visibility:hidden}
  .olkn[data-nav=chiprail] .olkn-rail2{margin:0;border-radius:0;display:flex;justify-content:center;background:var(--k-bg)}
  .olkn[data-nav=chiprail] .olkn-rail2 ul{margin:0 auto}
  /* 49 chapter select */
  .olkn[data-nav=chapter] .olkn-bar{padding:14px clamp(20px,3vw,40px);gap:16px}
  .olkn[data-nav=chapter] .olkn-logo{font-size:22px;padding:10px 16px;border-radius:10px;background:color-mix(in srgb,var(--k-bg) 90%,transparent)}
  .olkn[data-nav=chapter] .olkn-toggle{margin:0 auto;gap:10px;padding:0 14px 0 8px;background:var(--k-surface,#fff);color:var(--k-text);box-shadow:0 10px 26px -16px rgba(0,0,0,.45);font-weight:600;letter-spacing:0}
  .olkn[data-nav=chapter] .olkn-toggle .olkn-burger{display:none}
  .olkn[data-nav=chapter] .olkn-chn{display:inline-grid;place-items:center;min-width:30px;height:30px;border-radius:999px;background:var(--k-primary);color:var(--k-on-accent,#fff);font-size:12px}
  .olkn[data-nav=chapter] .olkn-chev{display:inline-block;opacity:.6}
  .olkn[data-nav=chapter] .olkn-tl{position:static;width:auto;height:auto;clip:auto;display:inline}
  .olkn-panel[data-nav=chapter]{--olkn-modal:0}
  .olkn-panel[data-nav=chapter] .olkn-pbg{background:transparent}
  .olkn-panel[data-nav=chapter] .olkn-pin{top:78px;left:50%;bottom:auto;width:320px;transform:translate(-50%,-8px);opacity:0;border-radius:18px;background:var(--k-surface,#fff);box-shadow:0 26px 60px -24px rgba(0,0,0,.5);padding:10px}
  .olkn-panel[data-nav=chapter].is-open .olkn-pin{transform:translate(-50%,0);opacity:1}
  .olkn-panel[data-nav=chapter] .olkn-phead,.olkn-panel[data-nav=chapter] .olkn-pfoot{display:none}
  .olkn-panel[data-nav=chapter] .olkn-plinks li{transform:none}
  .olkn-panel[data-nav=chapter] .olkn-pa{font:600 16px/1 var(--k-body);min-height:44px;padding:8px 10px;border-radius:10px;transform:none!important;opacity:1!important}
  .olkn-panel[data-nav=chapter] .olkn-pa:hover,.olkn-panel[data-nav=chapter] .olkn-pa:focus{background:var(--k-bg2,var(--k-bg))}
  .olkn-panel[data-nav=chapter] .olkn-pn{opacity:1;color:var(--k-primary)}
  .olkn-panel[data-nav=chapter] .olkn-pa.is-active .olkn-pt{text-decoration:none}
  .olkn-panel[data-nav=chapter] .olkn-pa.is-active{background:color-mix(in srgb,var(--k-primary) 12%,transparent)}
  .olkn-panel[data-nav=chapter] nav::before{display:none}.olkn-panel[data-nav=chapter] .olkn-plinks{height:auto;padding:0;overflow:visible;scroll-snap-type:none;gap:2px}
  .olkn-panel[data-nav=chapter] .olkn-pbook{margin-top:6px;font-size:15px;padding:12px}
  /* 50 segments: section progress bar made of labelled segments */
  .olkn[data-nav=segments] .olkn-bar{padding:12px clamp(20px,3vw,40px);background:color-mix(in srgb,var(--k-bg) 90%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 1px 0 color-mix(in srgb,var(--k-text) 10%,transparent);gap:24px}
  .olkn[data-nav=segments] .olkn-logo{font-size:21px}
  .olkn[data-nav=segments] .olkn-segs{flex:1}
  .olkn[data-nav=segments] .olkn-links{gap:6px}
  .olkn[data-nav=segments] .olkn-links li{flex:1}
  .olkn[data-nav=segments] .olkn-a{display:flex;flex-direction:column;align-items:stretch;gap:7px;padding:4px 2px;border-radius:6px;font-size:12px;letter-spacing:.04em}
  .olkn[data-nav=segments] .olkn-sg{display:block;height:4px;border-radius:4px;background:color-mix(in srgb,var(--k-text) 14%,transparent);overflow:hidden}
  .olkn[data-nav=segments] .olkn-sg i{display:block;height:100%;background:var(--k-primary);transform-origin:0 50%;transform:scaleX(var(--sp,0))}
  .olkn[data-nav=segments] .olkn-a.is-active{color:var(--k-primary)}
}
/* 46 toc: magazine index sidebar (>=1200px); below that a slim bar + phone menu */
@media (min-width:1025px) and (max-width:1199px) and (hover:hover),(min-width:1025px) and (max-width:1199px) and (pointer:fine){
  .olkn[data-nav=toc] .olkn-nav{display:none}.olkn[data-nav=toc] .olkn-toggle{display:inline-flex}
  .olkn[data-nav=toc] .olkn-bar{padding:14px 28px;gap:12px;background:color-mix(in srgb,var(--k-bg) 92%,transparent)}
  .olkn[data-nav=toc] .olkn-logo{margin-right:auto!important;font-size:22px}
  .olkn-panel[data-nav=toc]{display:block}.olkn-panel[data-nav=toc][hidden]{display:none!important}
}
@media (min-width:1200px) and (hover:hover),(min-width:1200px) and (pointer:fine),(min-width:1201px){
  html[data-olkn=toc] body{padding-left:250px}
  html[data-olkn=toc] #tp-fab,html[data-olkn=toc] .tp-fab{left:266px!important}
  .olkn[data-nav=toc]{right:auto;bottom:0;width:250px}
  .olkn[data-nav=toc] .olkn-bar{height:100%;flex-direction:column;align-items:stretch;gap:22px;padding:34px 26px 26px;background:var(--k-bg);box-shadow:inset -1px 0 0 color-mix(in srgb,var(--k-text) 12%,transparent)}
  .olkn[data-nav=toc] .olkn-logo{font:500 26px/1.1 var(--k-head);white-space:normal}
  .olkn[data-nav=toc] .olkn-toch{margin:0;font:600 11px/1 var(--k-body);letter-spacing:.22em;text-transform:uppercase;opacity:.55}
  .olkn[data-nav=toc] .olkn-links{flex-direction:column;align-items:stretch;gap:2px}
  .olkn[data-nav=toc] .olkn-a{display:grid;grid-template-columns:30px 1fr;grid-template-rows:auto auto;row-gap:6px;padding:10px 4px;border-radius:0;font:400 19px/1.1 var(--k-head);border-bottom:1px dotted color-mix(in srgb,var(--k-text) 25%,transparent);white-space:normal}
  .olkn[data-nav=toc] .olkn-dot{font:600 11px/19px var(--k-body);letter-spacing:.1em;opacity:.6}
  .olkn[data-nav=toc] .olkn-tp{grid-column:2;height:2px;background:color-mix(in srgb,var(--k-text) 10%,transparent);opacity:0;transition:opacity .3s}
  .olkn[data-nav=toc] .olkn-tp i{display:block;height:100%;background:var(--k-primary);transform-origin:0 50%;transform:scaleX(var(--sp,0))}
  .olkn[data-nav=toc] .olkn-a.is-active{color:var(--k-primary);font-style:italic}
  .olkn[data-nav=toc] .olkn-a.is-active .olkn-tp{opacity:1}
  .olkn[data-nav=toc] .olkn-book{margin-top:auto;justify-content:center}
  .olkn[data-nav=toc] .olkn-toggle{display:none}
}
@media (prefers-reduced-motion:reduce){
  .olkn-bar,.olkn *,.olkn-panel,.olkn-panel *,.olkn[data-nav=twotier]{transition:none!important;animation:none!important}
  .olkn-panel[data-mnav=wheel] .olkn-pa{transform:none;opacity:1}
}
/* 39 crumb: the progress-ring svg had no size rules (0x0 on desktop, a 130px black disc on phones/tablets) -> hidden everywhere (desktop unchanged) */
.olkn[data-nav=crumb] .olkn-ring{display:none}
@media (max-width:1024px),(hover:none) and (pointer:coarse) and (max-width:1200px){.olkn[data-nav=crumb] .olkn-sep,.olkn[data-nav=crumb] .olkn-cur{display:none}}

/* ======================= batch 6 (51-60): phone / tablet menus ======================= */
@property --olkn-bl{syntax:"<percentage>";inherits:false;initial-value:0%}
/* 51 blinds: slats open across the menu */
.olkn-panel[data-mnav=blinds] .olkn-pin{inset:0;background:var(--k-dark);color:#fff;padding-top:22px;-webkit-mask-image:repeating-linear-gradient(to bottom,#000 0 var(--olkn-bl),transparent var(--olkn-bl) 12.5%);mask-image:repeating-linear-gradient(to bottom,#000 0 var(--olkn-bl),transparent var(--olkn-bl) 12.5%);transition:--olkn-bl .6s cubic-bezier(.6,0,.2,1)}
.olkn-panel[data-mnav=blinds].is-open .olkn-pin{--olkn-bl:12.6%}
.olkn-panel[data-mnav=blinds] .olkn-pbg{display:none}
.olkn-panel[data-mnav=blinds] .olkn-plinks{gap:0;margin-top:12px}
.olkn-panel[data-mnav=blinds] .olkn-pa{min-height:62px;border-bottom:1px solid rgba(255,255,255,.14);font-size:clamp(24px,6.4vw,32px);letter-spacing:-.01em}
.olkn-panel[data-mnav=blinds] .olkn-pn{color:var(--k-accent);opacity:1}
.olkn-panel[data-mnav=blinds] .olkn-pa.is-active .olkn-pt{text-decoration:none;color:var(--k-accent)}
.olkn-panel[data-mnav=blinds] .olkn-pwa{border-color:rgba(255,255,255,.35)}
/* 52 accordion: rows expand to a photo preview */
.olkn-panel[data-mnav=accordion] .olkn-pin{left:0;right:0;top:0;max-height:92vh;border-radius:0 0 24px 24px;background:var(--k-bg);transform:translateY(-102%);box-shadow:0 20px 50px -20px rgba(0,0,0,.45)}
.olkn-panel[data-mnav=accordion].is-open .olkn-pin{transform:none}
.olkn-panel[data-mnav=accordion] .olkn-plinks{gap:0}
.olkn-acc{border-bottom:1px solid color-mix(in srgb,var(--k-text) 12%,transparent)}
.olkn-acc-h{display:flex;align-items:center;gap:8px}
.olkn-acc-h .olkn-pa{flex:1;font-size:clamp(20px,5.4vw,25px)}
.olkn-acc-b{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:1px solid color-mix(in srgb,var(--k-text) 20%,transparent);background:transparent;color:inherit;cursor:pointer}
.olkn-acc-b .olkn-svg{transition:transform .3s}.olkn-acc-b[aria-expanded=true] .olkn-svg{transform:rotate(180deg)}
.olkn-acc-p{display:grid;grid-template-columns:110px 1fr;grid-template-rows:auto auto;gap:4px 14px;align-items:center;padding:4px 0 14px}
.olkn-acc-p[hidden]{display:none}
.olkn-acc-p img{grid-row:span 2;width:110px;aspect-ratio:4/3;object-fit:cover;border-radius:12px}
.olkn-acc-p span{font-size:14px;opacity:.75}
.olkn-acc-go{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-weight:700;color:var(--k-primary)!important}
/* 53 typewriter: paper sheet, labels type themselves in */
.olkn-panel[data-mnav=typewriter] .olkn-pin{inset:0;background:var(--k-bg);opacity:0;transform:translateY(12px)}
.olkn-panel[data-mnav=typewriter].is-open .olkn-pin{opacity:1;transform:none}
.olkn-panel[data-mnav=typewriter] .olkn-pa{font-family:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;font-weight:500;font-size:clamp(19px,5vw,24px);letter-spacing:-.02em;border-bottom:1px dashed color-mix(in srgb,var(--k-text) 25%,transparent)}
.olkn-panel[data-mnav=typewriter] .olkn-pn{font-family:inherit}
.olkn-panel[data-mnav=typewriter] .olkn-pt.is-typing::after{content:"";display:inline-block;width:.55em;height:1.05em;margin-left:2px;vertical-align:-.15em;background:var(--k-primary);animation:olkn-caret .8s steps(1) infinite}
@keyframes olkn-caret{50%{opacity:0}}
/* 54 steps: vertical timeline */
.olkn-panel[data-mnav=steps] .olkn-pin{left:0;right:0;bottom:0;max-height:90vh;border-radius:24px 24px 0 0;background:var(--k-bg);transform:translateY(102%)}
.olkn-panel[data-mnav=steps].is-open .olkn-pin{transform:none}
.olkn-panel[data-mnav=steps] .olkn-plinks{position:relative;gap:2px;padding-left:4px}
.olkn-panel[data-mnav=steps] .olkn-plinks::before{content:"";position:absolute;left:21px;top:22px;bottom:80px;width:2px;background:color-mix(in srgb,var(--k-text) 16%,transparent)}
.olkn-panel[data-mnav=steps] .olkn-pn{position:relative;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--k-bg);border:2px solid color-mix(in srgb,var(--k-text) 25%,transparent);opacity:1;font-size:11px}
.olkn-panel[data-mnav=steps] .olkn-pa.is-active .olkn-pn{background:var(--k-primary);border-color:var(--k-primary);color:var(--k-on-primary,#fff)}
.olkn-panel[data-mnav=steps] .olkn-pa.is-active .olkn-pt{text-decoration:none;color:var(--k-primary)}
/* 55 magnify: list that swells under the finger */
.olkn-panel[data-mnav=magnify] .olkn-pin{left:10px;right:10px;bottom:10px;max-height:88vh;border-radius:26px;background:var(--k-bg);transform:translateY(calc(100% + 20px))}
.olkn-panel[data-mnav=magnify].is-open .olkn-pin{transform:none}
.olkn-panel[data-mnav=magnify] .olkn-plinks{gap:0;touch-action:pan-y}
.olkn-panel[data-mnav=magnify] .olkn-pa{transform-origin:left center;transform:scale(var(--s,1));transition:transform .18s ease-out,color .2s}
.olkn-panel[data-mnav=magnify] .olkn-pa[style*="--s: 1."]{color:var(--k-primary)}
.olkn-panel[data-mnav=magnify] .olkn-pic{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:color-mix(in srgb,var(--k-accent) 25%,transparent)}
.olkn-panel[data-mnav=magnify] .olkn-pn{display:none}
/* 56 popover: small card under the toggle */
.olkn-panel[data-mnav=popover] .olkn-pbg{background:rgba(8,10,18,.25)}
.olkn-panel[data-mnav=popover] .olkn-pin{top:70px;right:12px;width:min(340px,calc(100% - 24px));max-height:calc(100vh - 90px);border-radius:18px;background:var(--k-surface,#fff);color:var(--k-surface-ink,var(--k-text));transform-origin:calc(100% - 30px) -8px;transform:scale(.85);opacity:0;box-shadow:0 24px 60px -20px rgba(0,0,0,.5);overflow:auto;padding:14px 16px 16px}
.olkn-panel[data-mnav=popover] .olkn-pin::before{content:"";position:absolute;top:-7px;right:24px;width:14px;height:14px;background:inherit;transform:rotate(45deg);border-radius:3px 0 0 0}
.olkn-panel[data-mnav=popover].is-open .olkn-pin{transform:none;opacity:1}
.olkn-panel[data-mnav=popover] .olkn-pa{flex-wrap:wrap;gap:0 12px;font-size:19px;padding:6px 4px;border-radius:10px}
.olkn-panel[data-mnav=popover] .olkn-pn{font-family:var(--k-head);font-style:italic;font-size:13px}
.olkn-panel[data-mnav=popover] .olkn-psub{display:block;flex-basis:100%;padding-left:34px;font:400 12.5px/1.3 var(--k-body);opacity:.6}
.olkn-panel[data-mnav=popover] .olkn-phead{display:none}
.olkn-panel[data-mnav=popover] .olkn-pbook{margin-top:6px}
/* 57 blueprint: technical drawing sheet */
.olkn-panel[data-mnav=blueprint] .olkn-pin{inset:0;background-color:#0f2a4a;color:#e7f0ff;background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:80px 80px,80px 80px,16px 16px,16px 16px;clip-path:inset(0 0 100% 0);transition:clip-path .55s cubic-bezier(.6,0,.2,1)}
.olkn-panel[data-mnav=blueprint].is-open .olkn-pin{clip-path:inset(0)}
.olkn-panel[data-mnav=blueprint] .olkn-plinks{gap:8px;counter-reset:bp}
.olkn-panel[data-mnav=blueprint] .olkn-pa{flex-wrap:wrap;gap:2px 12px;padding:10px 12px;border:1px solid rgba(231,240,255,.35);font:500 clamp(18px,5vw,22px)/1.1 ui-monospace,Menlo,Consolas,monospace;text-transform:uppercase;letter-spacing:.04em}
.olkn-panel[data-mnav=blueprint] .olkn-pn{opacity:.8}
.olkn-panel[data-mnav=blueprint] .olkn-psub{display:block;flex-basis:100%;padding-left:34px;font:400 11px/1.3 ui-monospace,Menlo,monospace;letter-spacing:.08em;opacity:.65}
.olkn-panel[data-mnav=blueprint] .olkn-pa.is-active{border-color:#fff;background:rgba(255,255,255,.08)}
.olkn-panel[data-mnav=blueprint] .olkn-pa.is-active .olkn-pt{text-decoration:none}
.olkn-panel[data-mnav=blueprint] .olkn-close{border-color:rgba(231,240,255,.4)}
.olkn-panel[data-mnav=blueprint] .olkn-pwa{border-color:rgba(231,240,255,.4)}
/* 58 trail: stops on a dashed path (also the desktop "All stops" dropdown) */
.olkn-panel[data-mnav=trail] .olkn-pin{top:0;right:0;bottom:0;width:min(88vw,400px);background:var(--k-bg);transform:translateX(102%);box-shadow:-20px 0 60px -24px rgba(0,0,0,.4)}
.olkn-panel[data-mnav=trail].is-open .olkn-pin{transform:none}
.olkn-panel[data-mnav=trail] .olkn-plinks{position:relative;gap:6px;padding-left:10px}
.olkn-panel[data-mnav=trail] .olkn-plinks::before{content:"";position:absolute;left:27px;top:18px;bottom:84px;border-left:2px dashed color-mix(in srgb,var(--k-primary) 55%,transparent)}
.olkn-panel[data-mnav=trail] .olkn-pa{flex-wrap:wrap;gap:0 14px;font-size:clamp(19px,5vw,22px)}
.olkn-panel[data-mnav=trail] .olkn-pn{position:relative;display:grid;place-items:center;width:36px;height:36px;border-radius:50% 50% 50% 4px;transform:rotate(-45deg);background:var(--k-bg);border:2px solid var(--k-primary);opacity:1;color:var(--k-primary)}
.olkn-panel[data-mnav=trail] .olkn-psub{display:block;flex-basis:100%;padding-left:50px;font:400 13px/1.3 var(--k-body);opacity:.65}
.olkn-panel[data-mnav=trail] .olkn-pa.is-active .olkn-pn{background:var(--k-primary);color:var(--k-on-primary,#fff)}
/* 59 tags: luggage tags with photos */
.olkn-panel[data-mnav=tags] .olkn-pin{inset:0;background:var(--k-bg);opacity:0;transform:scale(1.03)}
.olkn-panel[data-mnav=tags].is-open .olkn-pin{opacity:1;transform:none}
.olkn-panel[data-mnav=tags] .olkn-plinks{display:grid;grid-template-columns:1fr 1fr;gap:14px 12px}
.olkn-panel[data-mnav=tags] .olkn-plinks li{transform:translateY(12px);transition:transform .45s cubic-bezier(.2,.8,.2,1)}.olkn-panel[data-mnav=tags] .olkn-plinks li:nth-child(even){transition-delay:.06s}
.olkn-panel[data-mnav=tags].is-open .olkn-plinks li{transform:none}
@media (prefers-reduced-motion:reduce){.olkn-panel[data-mnav=tags] .olkn-plinks li{transform:none;transition:none}}
.olkn-panel[data-mnav=tags] .olkn-pa{position:relative;flex-direction:column;align-items:flex-start;gap:6px;padding:26px 10px 12px;border-radius:6px 6px 14px 14px;background:var(--k-surface,#fff);color:var(--k-surface-ink,var(--k-text));font-size:17px;box-shadow:0 10px 24px -14px rgba(0,0,0,.45);clip-path:polygon(18% 0,82% 0,100% 12%,100% 100%,0 100%,0 12%)}
.olkn-panel[data-mnav=tags] .olkn-pa::before{content:"";position:absolute;top:9px;left:50%;width:10px;height:10px;margin-left:-5px;border-radius:50%;background:var(--k-bg);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--k-text) 30%,transparent)}
.olkn-panel[data-mnav=tags] .olkn-pimg{display:block;width:100%;aspect-ratio:3/2;border-radius:6px;overflow:hidden}
.olkn-panel[data-mnav=tags] .olkn-pimg img{width:100%;height:100%;object-fit:cover;display:block}
.olkn-panel[data-mnav=tags] .olkn-pn{position:absolute;top:8px;right:10px}
.olkn-panel[data-mnav=tags] .olkn-pli-book{grid-column:1/-1;transform:none!important}
/* 60 tide: sheet rises with a wave edge */
.olkn-panel[data-mnav=tide] .olkn-pin{left:0;right:0;bottom:0;max-height:88vh;padding-top:40px;background:var(--k-primary);color:var(--k-on-primary,#fff);transform:translateY(105%);-webkit-mask:radial-gradient(22px at 50% 0,#0000 97%,#000) 0 0/44px 22px repeat-x,linear-gradient(#000 0 0) 0 21px/100% 100% no-repeat;mask:radial-gradient(22px at 50% 0,#0000 97%,#000) 0 0/44px 22px repeat-x,linear-gradient(#000 0 0) 0 21px/100% 100% no-repeat;transition:transform .6s cubic-bezier(.2,.9,.2,1)}
.olkn-panel[data-mnav=tide].is-open .olkn-pin{transform:none;animation:olkn-tide 6s linear infinite .6s}
@keyframes olkn-tide{to{-webkit-mask-position:44px 0,0 21px;mask-position:44px 0,0 21px}}
.olkn-panel[data-mnav=tide] .olkn-pa{border-bottom:1px solid color-mix(in srgb,currentColor 22%,transparent)}
.olkn-panel[data-mnav=tide] .olkn-pbook{background:var(--k-bg);color:var(--k-text)!important}
.olkn-panel[data-mnav=tide] .olkn-pwa,.olkn-panel[data-mnav=tide] .olkn-close{border-color:color-mix(in srgb,currentColor 40%,transparent)}
.olkn-panel[data-mnav=tide] .olkn-pa.is-active .olkn-pt{text-decoration-color:var(--k-accent)}
/* ======================= batch 6 (51-60): desktop navs ======================= */
.olkn-blendbook{display:none}
@media (min-width:1025px) and (hover:hover),(min-width:1025px) and (pointer:fine),(min-width:1201px){
  .olkn[data-nav=stepper] .olkn-toggle{display:inline-flex}
  /* shared: a plain top bar that turns solid once the hero is behind */
  .olkn[data-nav=edge] .olkn-bar,.olkn[data-nav=peek] .olkn-bar,.olkn[data-nav=altimeter] .olkn-bar,.olkn[data-nav=tabbar] .olkn-bar,.olkn[data-nav=caption] .olkn-bar,.olkn[data-nav=elevator] .olkn-bar,.olkn[data-nav=stepper] .olkn-bar,.olkn[data-nav=counts] .olkn-bar,.olkn[data-nav=bookbar] .olkn-bar{padding:14px clamp(22px,3.4vw,48px);gap:16px}
  .olkn[data-nav] .olkn-logo{font-size:21px;margin-right:auto!important}
  /* 51 edge: links stand vertically on the right edge */
  .olkn[data-nav=edge] .olkn-bar{color:#fff;background:linear-gradient(rgba(0,0,0,.35),transparent)}
  .olkn[data-nav=edge].olkn-past .olkn-bar{background:color-mix(in srgb,var(--k-bg) 94%,transparent);color:var(--k-text);box-shadow:0 1px 0 color-mix(in srgb,var(--k-text) 10%,transparent)}
  .olkn[data-nav=edge] .olkn-edge{position:fixed;right:0;top:50%;transform:translateY(-50%);pointer-events:auto;padding:14px 6px;border-radius:18px 0 0 18px;background:color-mix(in srgb,var(--k-dark) 82%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff}
  .olkn[data-nav=edge] .olkn-links{flex-direction:column;gap:2px}
  .olkn[data-nav=edge] .olkn-a{writing-mode:vertical-rl;transform:rotate(180deg);padding:14px 10px;min-width:44px;border-radius:12px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;opacity:.72;transition:opacity .2s,background-color .2s}
  .olkn[data-nav=edge] .olkn-a:hover{opacity:1;background:rgba(255,255,255,.1)}
  .olkn[data-nav=edge] .olkn-a.is-active{opacity:1;color:var(--k-accent)}
  .olkn[data-nav=edge] .olkn-a.is-active::before{content:"";position:absolute;right:2px;top:12px;bottom:12px;width:2px;border-radius:2px;background:var(--k-accent)}
  /* 52 peek: photo card drops under the hovered link */
  .olkn[data-nav=peek]{top:12px;left:12px;right:12px}
  .olkn[data-nav=peek] .olkn-bar{max-width:1280px;margin:0 auto;padding:8px 8px 8px 24px;border-radius:999px;background:color-mix(in srgb,var(--k-bg) 86%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 12px 34px -18px rgba(0,0,0,.4)}
  .olkn[data-nav=peek] .olkn-a:hover,.olkn[data-nav=peek] .olkn-a.is-active{background:color-mix(in srgb,var(--k-primary) 12%,transparent);color:var(--k-primary)}
  .olkn-peek{position:absolute;left:50%;top:calc(100% + 14px);width:210px;padding:8px;border-radius:16px;background:var(--k-surface,#fff);color:var(--k-surface-ink,var(--k-text));box-shadow:0 20px 40px -18px rgba(0,0,0,.45);opacity:0;visibility:hidden;transform:translate(-50%,-6px);transition:opacity .25s,transform .3s,visibility 0s .3s;pointer-events:none}
  .olkn-peek img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:10px}
  .olkn-peek span{display:block;padding:8px 4px 2px;font:500 13px/1.3 var(--k-body);white-space:normal}
  .olkn[data-nav=peek] .olkn-a:hover .olkn-peek,.olkn[data-nav=peek] .olkn-a:focus-visible .olkn-peek{opacity:1;visibility:visible;transform:translate(-50%,0);transition:opacity .25s,transform .3s}
  /* 53 blend: difference-blended bar + a separate Book layer */
  .olkn[data-nav=blend]{mix-blend-mode:difference;color:#fff}
  .olkn[data-nav=blend] .olkn-bar{padding:20px clamp(22px,3.4vw,48px);padding-right:190px;gap:10px}
  .olkn[data-nav=blend] .olkn-logo{color:#fff!important;font-size:24px}
  .olkn[data-nav=blend] .olkn-a{color:#fff;font-size:13px;letter-spacing:.06em;text-transform:uppercase;gap:6px}
  .olkn[data-nav=blend] .olkn-dot{font-size:10px;opacity:.7}
  .olkn[data-nav=blend] .olkn-a::after{content:"";position:absolute;left:12px;right:12px;bottom:4px;height:1px;background:#fff;transform:scaleX(0);transform-origin:left;transition:transform .3s}
  .olkn[data-nav=blend] .olkn-a:hover::after,.olkn[data-nav=blend] .olkn-a.is-active::after{transform:none}
  .olkn-blendbook{display:block;position:fixed;z-index:1001;top:14px;right:clamp(22px,3.4vw,48px)}
  .olkn-blendbook .olkn-book{box-shadow:0 10px 26px -12px rgba(0,0,0,.5)}
  /* 54 altimeter: elevation scale on the left (>=1200px) */
  .olkn[data-nav=altimeter] .olkn-bar{background:linear-gradient(rgba(0,0,0,.4),transparent);color:#fff}
  .olkn[data-nav=altimeter].olkn-past .olkn-bar{background:color-mix(in srgb,var(--k-bg) 94%,transparent);color:var(--k-text)}
  /* 55 tabbar: icon-over-label tabs with a sunny bubble */
  .olkn[data-nav=tabbar] .olkn-bar{background:transparent}
  .olkn[data-nav=tabbar] .olkn-logo{color:#fff;text-shadow:0 1px 10px rgba(0,0,0,.4)}
  .olkn[data-nav=tabbar].olkn-past .olkn-logo{color:var(--k-text);text-shadow:none}
  .olkn[data-nav=tabbar] .olkn-tabs{position:absolute;left:50%;top:10px;transform:translateX(-50%);padding:6px;border-radius:22px;background:color-mix(in srgb,var(--k-bg) 90%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 12px 30px -16px rgba(0,0,0,.4)}
  .olkn[data-nav=tabbar] .olkn-a{flex-direction:column;gap:4px;padding:6px 12px;border-radius:16px;font-size:11.5px;letter-spacing:.02em}
  .olkn[data-nav=tabbar] .olkn-ic{position:relative;display:grid;place-items:center;width:34px;height:28px}
  .olkn[data-nav=tabbar] .olkn-ic::before{content:"";position:absolute;inset:-2px 0;border-radius:14px;background:var(--k-accent);transform:scale(0);transition:transform .35s cubic-bezier(.3,1.5,.4,1)}
  .olkn[data-nav=tabbar] .olkn-ic .olkn-svg{position:relative}
  .olkn[data-nav=tabbar] .olkn-a:hover .olkn-ic::before{transform:scale(.7);opacity:.5}
  .olkn[data-nav=tabbar] .olkn-a.is-active .olkn-ic::before{transform:scale(1);opacity:1}
  .olkn[data-nav=tabbar] .olkn-a.is-active{color:var(--k-primary)}
  /* 56 caption: roman numerals + a caption strip under the bar */
  .olkn[data-nav=caption] .olkn-bar{background:color-mix(in srgb,var(--k-dark) 80%,transparent);color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
  .olkn[data-nav=caption] .olkn-logo{font-family:var(--k-head);letter-spacing:.06em}
  .olkn[data-nav=caption] .olkn-a{gap:8px;font-family:var(--k-head);font-size:15px;font-weight:500;letter-spacing:.03em;border-radius:0}
  .olkn[data-nav=caption] .olkn-dot{font-style:italic;color:var(--k-accent);font-size:13px}
  .olkn[data-nav=caption] .olkn-a.is-active{box-shadow:inset 0 -1px 0 var(--k-accent)}
  .olkn-capstrip{pointer-events:none;display:block;overflow:hidden;height:30px;background:color-mix(in srgb,var(--k-accent) 88%,#000);color:var(--k-dark);text-align:center;font:italic 500 13px/30px var(--k-head);letter-spacing:.08em}
  .olkn-cap{display:inline-block;transition:transform .35s,opacity .25s}
  .olkn-cap.is-swap{transform:translateY(-100%);opacity:0}
  /* 57 elevator: floor display + up/down + numbered floors */
  .olkn[data-nav=elevator] .olkn-bar{background:var(--k-dark);color:#fff;box-shadow:0 1px 0 rgba(255,255,255,.08)}
  .olkn-elev,.olkn-stops{display:flex;align-items:center;gap:4px;padding:4px;border-radius:14px;background:rgba(255,255,255,.08)}
  .olkn-step{display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:10px;background:transparent;color:inherit;cursor:pointer}
  .olkn-step:hover{background:rgba(255,255,255,.12)}.olkn-step:disabled{opacity:.3;cursor:default}
  .olkn-disp{display:flex;align-items:center;gap:10px;min-width:150px;padding:0 10px;font:600 13px/1 var(--k-body)}
  .olkn-disp .olkn-cur{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:120px}
  .olkn-chn{display:grid;place-items:center;min-width:30px;height:30px;padding:0 4px;border-radius:6px;background:#000;color:#ff8a3d;font:700 15px/1 ui-monospace,Menlo,monospace;font-variant-numeric:tabular-nums;text-shadow:0 0 8px rgba(255,138,61,.6)}
  .olkn[data-nav=elevator] .olkn-floors .olkn-links{gap:6px}
  .olkn-floor{padding:0!important;width:40px;height:40px;justify-content:center;border-radius:50%!important;border:1.5px solid rgba(255,255,255,.35)}
  .olkn-floor .olkn-tx{position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%,-4px);padding:6px 10px;border-radius:8px;background:#fff;color:#111;font-size:12px;opacity:0;visibility:hidden;transition:opacity .2s,transform .2s,visibility 0s .2s;pointer-events:none}
  .olkn-floor:hover .olkn-tx,.olkn-floor:focus-visible .olkn-tx{opacity:1;visibility:visible;transform:translate(-50%,0);transition:opacity .2s,transform .2s}
  .olkn-floor.is-active{background:#ff8a3d;border-color:#ff8a3d;color:#111;box-shadow:0 0 14px rgba(255,138,61,.55)}
  .olkn-fl{font:700 14px/1 ui-monospace,Menlo,monospace}
  /* 58 stepper: previous / next stop + "All stops" dropdown (trail panel) */
  .olkn[data-nav=stepper] .olkn-bar{background:color-mix(in srgb,var(--k-bg) 92%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 1px 0 color-mix(in srgb,var(--k-text) 10%,transparent)}
  .olkn[data-nav=stepper] .olkn-stops{background:color-mix(in srgb,var(--k-text) 6%,transparent)}
  .olkn[data-nav=stepper] .olkn-step:hover{background:color-mix(in srgb,var(--k-text) 10%,transparent)}
  .olkn[data-nav=stepper] .olkn-chn{background:var(--k-primary);color:var(--k-on-primary,#fff);text-shadow:none;font-size:13px}
  .olkn[data-nav=stepper] .olkn-stopnav{display:none}
  .olkn[data-nav=stepper] .olkn-toggle{order:3;background:transparent;color:inherit;border:1.5px solid color-mix(in srgb,var(--k-text) 25%,transparent)}
  .olkn[data-nav=stepper] .olkn-tl{position:static;width:auto;height:auto;clip:auto}
  .olkn[data-nav=stepper] .olkn-book{order:4}
  .olkn-panel[data-nav=stepper]{--olkn-modal:0}
  .olkn-panel[data-nav=stepper] .olkn-pbg{background:transparent}
  .olkn-panel[data-nav=stepper] .olkn-pin{top:74px;right:clamp(22px,3.4vw,48px);bottom:auto;left:auto;width:380px;max-height:calc(100vh - 100px);border-radius:20px;transform:translateY(-8px);opacity:0;box-shadow:0 24px 60px -24px rgba(0,0,0,.45)}
  .olkn-panel[data-nav=stepper].is-open .olkn-pin{transform:none;opacity:1}
  .olkn-panel[data-nav=stepper] .olkn-phead,.olkn-panel[data-nav=stepper] .olkn-pfoot{display:none}
  .olkn-panel[data-nav=stepper] .olkn-plinks::before{bottom:24px}
  /* 59 counts: links carry real counts */
  .olkn[data-nav=counts] .olkn-bar{background:var(--k-bg);box-shadow:0 1px 0 color-mix(in srgb,var(--k-text) 14%,transparent)}
  .olkn[data-nav=counts] .olkn-logo{font-family:var(--k-head);font-size:24px}
  .olkn[data-nav=counts] .olkn-a{gap:5px;padding-right:14px}
  .olkn-cnt{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:color-mix(in srgb,var(--k-primary) 14%,transparent);color:var(--k-primary);font:700 10.5px/1 var(--k-body);transform:translateY(-6px);transition:background-color .2s,color .2s}
  .olkn[data-nav=counts] .olkn-a:hover .olkn-cnt,.olkn[data-nav=counts] .olkn-a.is-active .olkn-cnt{background:var(--k-primary);color:var(--k-on-primary,#fff)}
  .olkn[data-nav=counts] .olkn-a.is-active{color:var(--k-primary)}
  /* 60 bookbar: links at the hero, a compact booking bar after it */
  .olkn[data-nav=bookbar] .olkn-bar{display:grid;grid-template-columns:auto 1fr auto;color:#fff;background:linear-gradient(rgba(0,0,0,.38),transparent)}
  .olkn[data-nav=bookbar].olkn-past .olkn-bar{background:color-mix(in srgb,var(--k-bg) 95%,transparent);color:var(--k-text);box-shadow:0 10px 30px -20px rgba(0,0,0,.4)}
  .olkn[data-nav=bookbar] .olkn-bbnav,.olkn[data-nav=bookbar] .olkn-bb{grid-row:1;grid-column:2;justify-self:center;transition:opacity .3s,transform .35s,visibility 0s}
  .olkn[data-nav=bookbar] .olkn-bb{display:flex;align-items:center;gap:6px;padding:4px 4px 4px 12px;border-radius:999px;background:var(--k-surface,#fff);color:var(--k-surface-ink,var(--k-text));box-shadow:0 0 0 1px color-mix(in srgb,var(--k-text) 12%,transparent);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .3s,transform .35s,visibility 0s .35s}
  .olkn[data-nav=bookbar].olkn-past .olkn-bbnav{opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .3s,transform .35s,visibility 0s .35s}
  .olkn[data-nav=bookbar].olkn-past .olkn-bb{opacity:1;visibility:visible;transform:none;transition:opacity .3s,transform .35s,visibility 0s}
  .olkn-bb label{display:flex;flex-direction:column;gap:2px;padding:2px 8px;border-right:1px solid color-mix(in srgb,currentColor 14%,transparent);font:600 10px/1 var(--k-body);letter-spacing:.08em;text-transform:uppercase}
  .olkn-bb label span{opacity:.6}
  .olkn-bb input,.olkn-bb select{border:0;background:transparent;color:inherit;font:500 13px/1.2 var(--k-body);padding:2px 0;min-height:24px}
  .olkn-bb-go{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 16px;border:0;border-radius:999px;background:var(--k-cta);color:var(--k-on-cta);font:700 13px/1 var(--k-body);cursor:pointer}
  .olkn[data-nav=bookbar].olkn-past .olkn-bar>.olkn-book{display:none}
}
@media (min-width:1025px) and (max-width:1279px) and (hover:hover),(min-width:1025px) and (max-width:1279px) and (pointer:fine){
  .olkn[data-nav=bookbar] .olkn-bb label:nth-child(3){display:none}
  .olkn[data-nav=elevator] .olkn-disp{min-width:0}.olkn[data-nav=elevator] .olkn-disp .olkn-cur{display:none}
  .olkn[data-nav=tabbar] .olkn-a{padding:6px 8px}
}
@media (min-width:1200px) and (hover:hover),(min-width:1200px) and (pointer:fine),(min-width:1201px){
  .olkn[data-nav=altimeter] .olkn-alt{position:fixed;left:18px;top:22vh;bottom:18vh;width:170px;pointer-events:none}
  .olkn[data-nav=altimeter] .olkn-alt::before{content:"";position:absolute;left:10px;top:0;bottom:0;width:2px;background:repeating-linear-gradient(to bottom,color-mix(in srgb,currentColor 60%,transparent) 0 1px,transparent 1px 12px),color-mix(in srgb,currentColor 15%,transparent);background-size:14px 100%,2px 100%;background-repeat:repeat-y,no-repeat;width:14px;left:4px}
  .olkn[data-nav=altimeter] .olkn-alt .olkn-links{display:block;position:absolute;inset:0}
  .olkn[data-nav=altimeter] .olkn-alt li{position:absolute;left:0;top:calc(var(--y) * 100%);transform:translateY(-50%)}
  .olkn[data-nav=altimeter] .olkn-alt .olkn-a{pointer-events:auto;gap:10px;padding:8px 10px 8px 0;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--k-text);opacity:.6}
  .olkn[data-nav=altimeter] .olkn-alt .olkn-a:hover,.olkn[data-nav=altimeter] .olkn-alt .olkn-a.is-active{opacity:1;color:var(--k-primary)}
  .olkn[data-nav=altimeter] .olkn-tick{display:block;width:22px;height:2px;background:currentColor}
  .olkn[data-nav=altimeter] .olkn-alt .olkn-tx{padding:4px 8px;border-radius:6px;background:color-mix(in srgb,var(--k-bg) 85%,transparent)}
  .olkn[data-nav=altimeter] .olkn-alt-m{position:absolute;left:0;top:calc(var(--olkn-p,0) * 100%);width:22px;height:22px;margin-top:-11px;border-radius:50% 50% 50% 0;transform:rotate(45deg);background:var(--k-accent,var(--k-primary));box-shadow:0 0 0 4px color-mix(in srgb,var(--k-accent,var(--k-primary)) 25%,transparent);transition:top .15s linear}
  .olkn[data-nav=altimeter] .olkn-alt{transition:opacity .4s}
  .olkn[data-nav=altimeter]:not(.olkn-past) .olkn-alt{opacity:0}
}
@media (min-width:1025px) and (max-width:1199px) and (hover:hover),(min-width:1025px) and (max-width:1199px) and (pointer:fine){
  .olkn[data-nav=altimeter] .olkn-alt .olkn-links{display:flex}
  .olkn[data-nav=altimeter] .olkn-tick,.olkn[data-nav=altimeter] .olkn-alt-m{display:none}
}
@media (prefers-reduced-motion:reduce){.olkn-panel[data-mnav=tide].is-open .olkn-pin{animation:none}.olkn-panel[data-mnav=blinds] .olkn-pin{-webkit-mask-image:none;mask-image:none}}
/* 54 altimeter: keep the scale slim so it never covers content; labels appear on hover / focus */
@media (min-width:1200px) and (hover:hover),(min-width:1200px) and (pointer:fine),(min-width:1201px){
  .olkn[data-nav=altimeter] .olkn-alt{width:40px;left:12px}
  .olkn[data-nav=altimeter] .olkn-alt .olkn-a{padding:10px 6px 10px 0;min-height:44px}
  .olkn[data-nav=altimeter] .olkn-alt .olkn-tx{position:absolute;left:30px;top:50%;transform:translate(-6px,-50%);white-space:nowrap;opacity:0;visibility:hidden;background:var(--k-surface,#fff);color:var(--k-surface-ink,var(--k-text));box-shadow:0 8px 20px -10px rgba(0,0,0,.4);transition:opacity .2s,transform .2s,visibility 0s .2s}
  .olkn[data-nav=altimeter] .olkn-alt:hover .olkn-tx,.olkn[data-nav=altimeter] .olkn-alt .olkn-a:focus-visible .olkn-tx{opacity:1;visibility:visible;transform:translate(0,-50%);transition:opacity .2s,transform .2s}
  .olkn[data-nav=altimeter] .olkn-alt .olkn-a.is-active .olkn-tick{width:22px;background:var(--k-primary)}
  .olkn[data-nav=altimeter] .olkn-tick{width:14px}
}

/* batch-6 desktop-only header widgets (60 bookbar form, 57/58 floor+stop steppers, 56 caption strip): hidden under T */
@media (max-width:1024px),(hover:none) and (pointer:coarse) and (max-width:1200px){.olkn-bb,.olkn-elev,.olkn-stops,.olkn-capstrip{display:none!important}}


/* ======================= batch 7 (61-70): desktop navs ======================= */
.olkn-mm{display:none}
@media (min-width:1025px) and (hover:hover),(min-width:1025px) and (pointer:fine),(min-width:1201px){
  .olkn[data-nav=underline] .olkn-bar,.olkn[data-nav=roll] .olkn-bar,.olkn[data-nav=flap] .olkn-bar,.olkn[data-nav=sidetab] .olkn-bar,.olkn[data-nav=photopill] .olkn-bar,.olkn[data-nav=unfold] .olkn-bar,.olkn[data-nav=minimap] .olkn-bar,.olkn[data-nav=keys] .olkn-bar,.olkn[data-nav=iconexpand] .olkn-bar,.olkn[data-nav=cornerstack] .olkn-bar{padding:12px clamp(22px,3.4vw,48px);gap:14px}
  /* 61 underline: paper bar, small caps links, the underline fills as you read the section */
  .olkn[data-nav=underline] .olkn-bar{background:color-mix(in srgb,var(--k-bg) 95%,transparent);box-shadow:0 1px 0 color-mix(in srgb,var(--k-text) 12%,transparent)}
  .olkn[data-nav=underline] .olkn-logo{font-family:var(--k-head)}
  .olkn[data-nav=underline] .olkn-links{gap:6px}
  .olkn[data-nav=underline] .olkn-a{flex-direction:column;align-items:stretch;gap:7px;padding:10px 12px 8px;border-radius:0;font-size:12.5px;letter-spacing:.14em;text-transform:uppercase}
  .olkn-ul{display:block;height:2px;background:color-mix(in srgb,var(--k-text) 12%,transparent);overflow:hidden;border-radius:2px}
  .olkn-ul i{display:block;height:100%;background:var(--k-primary);transform:scaleX(var(--sp,0));transform-origin:left;transition:transform .15s linear}
  .olkn[data-nav=underline] .olkn-a:hover .olkn-ul i{background:var(--k-accent)}
  .olkn[data-nav=underline] .olkn-a.is-active{color:var(--k-primary)}
  /* 62 roll: a floating dark bar; labels roll up to a bold copy */
  .olkn[data-nav=roll]{top:14px;left:14px;right:14px}
  .olkn[data-nav=roll] .olkn-bar{max-width:1240px;margin:0 auto;padding:8px 8px 8px 24px;border-radius:18px;background:color-mix(in srgb,var(--k-dark) 92%,transparent);color:#fff;box-shadow:0 16px 40px -22px rgba(0,0,0,.6)}
  .olkn-roll{position:relative;display:inline-block;overflow:hidden;height:1.25em;line-height:1.25}
  .olkn-roll>span{display:block;transition:transform .42s cubic-bezier(.6,0,.2,1)}
  .olkn-tx2{position:absolute;left:0;top:100%;font-weight:800;color:var(--k-accent)}
  .olkn[data-nav=roll] .olkn-a:hover .olkn-roll>span,.olkn[data-nav=roll] .olkn-a:focus-visible .olkn-roll>span{transform:translateY(-100%)}
  .olkn[data-nav=roll] .olkn-a.is-active{background:rgba(255,255,255,.1)}
  .olkn[data-nav=roll] .olkn-book{border-radius:12px}
  /* 63 flap: split-flap letters on a dark board */
  .olkn[data-nav=flap] .olkn-bar{background:var(--k-dark);color:#fff;box-shadow:0 1px 0 rgba(255,255,255,.08)}
  .olkn[data-nav=flap] .olkn-links{gap:10px}
  .olkn[data-nav=flap] .olkn-a{padding:8px 4px;border-radius:6px}
  .olkn-flap{display:inline-flex;gap:2px;font:700 13px/1 ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;text-transform:uppercase}
  .olkn-flap b{position:relative;display:inline-grid;place-items:center;width:1.2em;height:1.7em;border-radius:3px;background:color-mix(in srgb,#fff 10%,var(--k-dark));font-weight:700}
  .olkn-flap b::after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:rgba(0,0,0,.45)}
  .olkn-flap b.is-sp{background:none;width:.55em}.olkn-flap b.is-sp::after{display:none}
  .olkn[data-nav=flap] .olkn-a.is-active .olkn-flap b:not(.is-sp){background:var(--k-primary);color:var(--k-on-primary,#fff)}
  @media (max-width:1320px){.olkn[data-nav=flap] .olkn-links{gap:4px}.olkn[data-nav=flap] .olkn-a{padding:8px 2px}.olkn-flap{gap:1px;font-size:11px}.olkn-flap b{width:1.08em;height:1.6em}.olkn-flap b.is-sp{width:.4em}.olkn[data-nav=flap] .olkn-bar{gap:10px}}
  /* 64 sidetab: a tab on the left edge unfolds into the section list */
  .olkn[data-nav=sidetab] .olkn-bar{background:color-mix(in srgb,var(--k-bg) 96%,transparent);box-shadow:0 1px 0 color-mix(in srgb,var(--k-text) 10%,transparent)}
  .olkn[data-nav=sidetab] .olkn-side{position:fixed;left:0;top:50%;transform:translateY(-50%);display:flex;align-items:center;pointer-events:auto}
  .olkn-side-t{display:flex;flex-direction:column;align-items:center;gap:12px;min-width:48px;padding:16px 10px;border:0;border-radius:0 16px 16px 0;background:var(--k-dark);color:#fff;cursor:pointer;font:700 12px/1 var(--k-body);letter-spacing:.14em;text-transform:uppercase;box-shadow:6px 0 24px -12px rgba(0,0,0,.5)}
  .olkn-side-t>span{writing-mode:vertical-rl;transform:rotate(180deg)}
  .olkn[data-nav=sidetab] .olkn-side-t .olkn-cur{display:block;color:var(--k-accent);letter-spacing:.08em;text-transform:none;font-weight:600}
  .olkn[data-nav=sidetab] .olkn-side .olkn-links{flex-direction:column;align-items:stretch;gap:2px;margin-left:8px;padding:10px;border-radius:16px;background:var(--k-bg);color:var(--k-text);box-shadow:0 20px 50px -20px rgba(0,0,0,.45);opacity:0;visibility:hidden;transform:translateX(-14px);transition:opacity .25s,transform .35s cubic-bezier(.2,.8,.2,1),visibility 0s .35s}
  .olkn[data-nav=sidetab] .olkn-side.is-open .olkn-links{opacity:1;visibility:visible;transform:none;transition:opacity .25s,transform .35s cubic-bezier(.2,.8,.2,1)}
  .olkn[data-nav=sidetab] .olkn-side .olkn-a{justify-content:flex-start;gap:12px;padding:11px 14px;border-radius:10px;min-width:210px}
  .olkn[data-nav=sidetab] .olkn-dot{font-size:11px;opacity:.55;letter-spacing:.1em}
  .olkn[data-nav=sidetab] .olkn-side .olkn-a:hover,.olkn[data-nav=sidetab] .olkn-side .olkn-a.is-active{background:color-mix(in srgb,var(--k-primary) 12%,transparent);color:var(--k-primary)}
  /* 65 photopill: centred frosted pill, the highlight carries the section photo */
  .olkn[data-nav=photopill] .olkn-bar{background:color-mix(in srgb,var(--k-bg) 92%,transparent);box-shadow:0 1px 0 color-mix(in srgb,var(--k-text) 10%,transparent)}
  .olkn[data-nav=photopill] .olkn-ppnav{position:relative;margin:0 auto;padding:5px;border-radius:999px;background:color-mix(in srgb,var(--k-text) 7%,transparent)}
  .olkn[data-nav=photopill] .olkn-links{position:relative;z-index:1}
  .olkn[data-nav=photopill] .olkn-a{padding:10px 16px;transition:color .3s}
  .olkn-ppill{position:absolute;left:0;top:5px;bottom:5px;width:60px;border-radius:999px;opacity:0;background:var(--k-dark) center/cover no-repeat;box-shadow:inset 0 0 0 100vmax rgba(0,0,0,.45);transition:transform .45s cubic-bezier(.2,.8,.2,1),width .45s cubic-bezier(.2,.8,.2,1),opacity .3s,background-image .3s;pointer-events:none}
  .olkn[data-nav=photopill] .olkn-a.is-pp{color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.5)}
  .olkn[data-nav=photopill] .olkn-logo{margin-right:0!important}
  /* 66 unfold: links open out of the Menu button */
  .olkn[data-nav=unfold] .olkn-bar{background:color-mix(in srgb,var(--k-bg) 94%,transparent);box-shadow:0 1px 0 color-mix(in srgb,var(--k-text) 10%,transparent)}
  .olkn-unf{display:flex!important;align-items:center;flex-direction:row-reverse;gap:6px}
  .olkn-unf-t{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 16px;border:1.5px solid color-mix(in srgb,var(--k-text) 22%,transparent);border-radius:999px;background:transparent;color:inherit;cursor:pointer;font:700 13px/1 var(--k-body);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
  .olkn-unf-t[aria-expanded=true] .olkn-burger i:nth-child(1){transform:translateY(5px) rotate(45deg)}
  .olkn-unf-t[aria-expanded=true] .olkn-burger i:nth-child(2){opacity:0}
  .olkn-unf-t[aria-expanded=true] .olkn-burger i:nth-child(3){transform:translateY(-5px) rotate(-45deg)}
  .olkn-unf .olkn-links{clip-path:inset(0 0 0 100%);opacity:0;visibility:hidden;transition:clip-path .5s cubic-bezier(.6,0,.2,1),opacity .3s,visibility 0s .5s}
  .olkn-unf.is-open .olkn-links{clip-path:inset(0 0 0 0);opacity:1;visibility:visible;transition:clip-path .5s cubic-bezier(.6,0,.2,1),opacity .3s}
  .olkn-unf .olkn-a:hover,.olkn-unf .olkn-a.is-active{background:color-mix(in srgb,var(--k-primary) 12%,transparent);color:var(--k-primary)}
  /* 67 minimap: slim solid bar + a live page map on the right edge */
  .olkn[data-nav=minimap] .olkn-bar{background:var(--k-bg);box-shadow:0 1px 0 color-mix(in srgb,var(--k-text) 12%,transparent);padding-top:10px;padding-bottom:10px}
  .olkn[data-nav=minimap] .olkn-a.is-active{background:var(--k-dark);color:#fff}
  .olkn-mm{display:block;position:fixed;right:10px;top:50%;width:18px;height:min(46vh,380px);transform:translateY(-50%);pointer-events:auto;cursor:pointer;opacity:.9}
  .olkn-mm-in{position:absolute;inset:0;display:flex;flex-direction:column;gap:2px}
  .olkn-mm-b{display:block;flex:var(--f,1) 1 0;min-height:4px;border-radius:3px;background:color-mix(in srgb,var(--k-text) 22%,transparent);transition:background-color .25s}
  .olkn-mm-b.is-active{background:var(--k-primary)}
  .olkn-mm-w{position:absolute;left:-4px;right:-4px;top:0;height:10%;border:2px solid var(--k-dark);border-radius:5px;background:color-mix(in srgb,var(--k-bg) 25%,transparent);box-shadow:0 0 0 2px color-mix(in srgb,var(--k-bg) 80%,transparent);pointer-events:none}
  html.olkn-open .olkn-mm{display:none}
  /* 68 keys: keycap numbers */
  .olkn[data-nav=keys] .olkn-bar{background:color-mix(in srgb,var(--k-bg) 95%,transparent);box-shadow:0 1px 0 color-mix(in srgb,var(--k-text) 10%,transparent)}
  .olkn-key{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 5px;border-radius:6px;border:1px solid color-mix(in srgb,var(--k-text) 25%,transparent);border-bottom-width:3px;background:var(--k-bg);font:700 11px/1 var(--k-body);transition:transform .12s,border-bottom-width .12s}
  .olkn[data-nav=keys] .olkn-a:hover .olkn-key,.olkn[data-nav=keys] .olkn-a.is-press .olkn-key{transform:translateY(2px);border-bottom-width:1px}
  .olkn[data-nav=keys] .olkn-a.is-active .olkn-key{background:var(--k-primary);color:var(--k-on-primary,#fff);border-color:var(--k-primary)}
  .olkn-keyhint{display:none}
  @media (min-width:1280px){.olkn-keyhint{display:inline;margin-left:10px;font-size:11px;letter-spacing:.08em;opacity:.55;white-space:nowrap}.olkn-keynav{display:flex!important;align-items:center}}
  /* 69 iconexpand: icon circles, labels slide out */
  .olkn[data-nav=iconexpand] .olkn-bar{background:color-mix(in srgb,var(--k-bg) 94%,transparent);box-shadow:0 1px 0 color-mix(in srgb,var(--k-text) 10%,transparent)}
  .olkn[data-nav=iconexpand] .olkn-links{gap:6px}
  .olkn[data-nav=iconexpand] .olkn-a{gap:0;padding:4px;border-radius:999px;background:color-mix(in srgb,var(--k-text) 6%,transparent);transition:background-color .3s,gap .35s}
  .olkn[data-nav=iconexpand] .olkn-ic{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--k-bg);color:var(--k-primary)}
  .olkn[data-nav=iconexpand] .olkn-tx{max-width:0;overflow:hidden;opacity:0;transition:max-width .4s cubic-bezier(.2,.8,.2,1),opacity .25s,padding .4s}
  .olkn[data-nav=iconexpand] .olkn-a:hover .olkn-tx,.olkn[data-nav=iconexpand] .olkn-a:focus-visible .olkn-tx,.olkn[data-nav=iconexpand] .olkn-a.is-active .olkn-tx{max-width:12em;opacity:1;padding:0 12px 0 8px}
  .olkn[data-nav=iconexpand] .olkn-a.is-active{background:var(--k-primary);color:var(--k-on-primary,#fff)}
  /* 70 cornerstack: current section card in the top-right corner */
  .olkn[data-nav=cornerstack] .olkn-bar{background:linear-gradient(color-mix(in srgb,var(--k-bg) 96%,transparent),color-mix(in srgb,var(--k-bg) 96%,transparent));box-shadow:0 1px 0 color-mix(in srgb,var(--k-text) 10%,transparent)}
  .olkn[data-nav=cornerstack] .olkn-cs{position:relative}
  .olkn-cs-t{display:inline-flex;align-items:center;gap:10px;min-height:46px;padding:6px 14px 6px 8px;border:0;border-radius:14px;background:var(--k-dark);color:#fff;cursor:pointer;font:600 14px/1.1 var(--k-body);white-space:nowrap}
  .olkn-cs-t .olkn-chn{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--k-accent);color:var(--k-on-accent,#111);font-weight:800;font-size:12px}
  .olkn-cs-k{font-size:11px;letter-spacing:.1em;text-transform:uppercase;opacity:.65}
  .olkn[data-nav=cornerstack] .olkn-cs-t .olkn-cur{display:inline;min-width:6.5em;text-align:left}
  .olkn[data-nav=cornerstack] .olkn-cs .olkn-links{position:absolute;right:0;top:calc(100% + 8px);flex-direction:column;align-items:stretch;gap:2px;min-width:240px;padding:8px;border-radius:16px;background:var(--k-bg);color:var(--k-text);box-shadow:0 24px 50px -20px rgba(0,0,0,.45);opacity:0;visibility:hidden;transform:translateY(-8px) scale(.98);transform-origin:top right;transition:opacity .22s,transform .3s cubic-bezier(.2,.8,.2,1),visibility 0s .3s}
  .olkn[data-nav=cornerstack] .olkn-cs.is-open .olkn-links{opacity:1;visibility:visible;transform:none;transition:opacity .22s,transform .3s cubic-bezier(.2,.8,.2,1)}
  .olkn[data-nav=cornerstack] .olkn-cs .olkn-a{justify-content:flex-start;gap:12px;padding:11px 12px;border-radius:10px}
  .olkn[data-nav=cornerstack] .olkn-dot{font-size:11px;opacity:.55}
  .olkn[data-nav=cornerstack] .olkn-cs .olkn-a:hover,.olkn[data-nav=cornerstack] .olkn-cs .olkn-a.is-active{background:color-mix(in srgb,var(--k-primary) 12%,transparent);color:var(--k-primary)}
  .olkn[data-nav=cornerstack] .olkn-bar>.olkn-book{margin-left:auto}
}
@media (prefers-reduced-motion:reduce){.olkn-roll>span,.olkn-ul i,.olkn-ppill,.olkn-unf .olkn-links,.olkn-side .olkn-links,.olkn-cs .olkn-links,.olkn[data-nav=iconexpand] .olkn-tx{transition:none!important}}

/* ======================= batch 7 (61-70): phone / tablet menus ======================= */
.olkn-chatq,.olkn-read,.olkn-ctk,.olkn-scrub,.olkn-scrub-big,.olkn-scrub-h{display:none}
/* 61 drape: the panel drops down from the top like a curtain */
.olkn-panel[data-mnav=drape] .olkn-pin{left:0;right:0;top:0;max-height:100%;background:var(--k-bg);clip-path:inset(0 0 100% 0);box-shadow:0 30px 60px -30px rgba(0,0,0,.5);border-bottom:3px solid var(--k-primary)}
.olkn-panel[data-mnav=drape].is-open .olkn-pin{clip-path:inset(0 0 0 0)}
.olkn-panel[data-mnav=drape] .olkn-pa{border-bottom:1px solid color-mix(in srgb,var(--k-text) 12%,transparent);letter-spacing:.01em}
.olkn-panel[data-mnav=drape] .olkn-plinks li{transform:translateY(-10px)}
/* 62 tray: a bottom tray of chips */
.olkn-panel[data-mnav=tray] .olkn-pin{left:0;right:0;bottom:0;max-height:86vh;border-radius:26px 26px 0 0;background:var(--k-bg);transform:translateY(102%);box-shadow:0 -20px 50px -20px rgba(0,0,0,.45)}
.olkn-panel[data-mnav=tray].is-open .olkn-pin{transform:none}
.olkn-panel[data-mnav=tray] .olkn-pin::before{content:"";align-self:center;width:44px;height:5px;border-radius:5px;background:color-mix(in srgb,var(--k-text) 25%,transparent)}
.olkn-panel[data-mnav=tray] .olkn-plinks{flex-direction:row;flex-wrap:wrap;gap:8px}
.olkn-panel[data-mnav=tray] .olkn-plinks li:not(.olkn-pli-book){flex:1 1 40%}
.olkn-panel[data-mnav=tray] .olkn-pa{justify-content:flex-start;gap:10px;min-height:52px;padding:8px 16px;border-radius:999px;background:color-mix(in srgb,var(--k-text) 7%,transparent);font:600 16px/1.2 var(--k-body)}
.olkn-panel[data-mnav=tray] .olkn-pn{display:none}
.olkn-panel[data-mnav=tray] .olkn-pic{display:inline-grid;place-items:center;color:var(--k-primary)}
.olkn-panel[data-mnav=tray] .olkn-pa.is-active{background:var(--k-primary);color:var(--k-on-primary,#fff)}
.olkn-panel[data-mnav=tray] .olkn-pa.is-active .olkn-pic{color:inherit}.olkn-panel[data-mnav=tray] .olkn-pa.is-active .olkn-pt{text-decoration:none}
.olkn-panel[data-mnav=tray] .olkn-pli-book{flex-basis:100%}
/* 63 scrubber: slide a finger down the numbers; a big label shows where you'll land */
.olkn-panel[data-mnav=scrubber] .olkn-pin{inset:0;background:var(--k-dark);color:#fff;padding-right:78px;opacity:0;transform:translateX(24px)}
.olkn-panel[data-mnav=scrubber].is-open .olkn-pin{opacity:1;transform:none}
.olkn-panel[data-mnav=scrubber] .olkn-pa{border-bottom:1px solid rgba(255,255,255,.12)}
.olkn-panel[data-mnav=scrubber] .olkn-pn{color:var(--k-accent);opacity:1}
.olkn-panel[data-mnav=scrubber] .olkn-pa.is-hot{color:var(--k-accent)}
.olkn-panel[data-mnav=scrubber] .olkn-scrub{display:flex;position:absolute;right:12px;top:84px;bottom:calc(24px + env(safe-area-inset-bottom,0px));width:52px;flex-direction:column;justify-content:space-between;align-items:center;padding:10px 0;border-radius:26px;background:rgba(255,255,255,.08);touch-action:none;user-select:none;-webkit-user-select:none}
.olkn-scrub-i{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;font:700 13px/1 var(--k-body);opacity:.75;transition:background-color .15s,transform .15s}
.olkn-scrub-i.is-hot{background:var(--k-accent);color:var(--k-on-accent,#111);opacity:1;transform:scale(1.15)}
.olkn-panel[data-mnav=scrubber] .olkn-scrub-big{display:block;position:fixed;left:50%;top:40%;transform:translate(-50%,-50%) scale(.9);padding:18px 26px;border-radius:22px;background:var(--k-accent);color:var(--k-on-accent,#111);font:700 clamp(26px,8vw,40px)/1.1 var(--k-head);opacity:0;pointer-events:none;transition:opacity .15s,transform .2s;white-space:nowrap;max-width:calc(100vw - 110px);overflow:hidden;text-overflow:ellipsis;z-index:3}
.olkn-panel[data-mnav=scrubber] .olkn-scrub-big.is-on{opacity:1;transform:translate(-50%,-50%) scale(1)}
.olkn-panel[data-mnav=scrubber] .olkn-scrub-h{display:block;margin:0;font-size:13px;opacity:.6}
.olkn-panel[data-mnav=scrubber] .olkn-pwa{border-color:rgba(255,255,255,.35)}
/* 64 bands: coloured full-width bands slide in from alternate sides */
.olkn-panel[data-mnav=bands] .olkn-pin{inset:0;background:var(--k-bg);padding-left:0;padding-right:0}
.olkn-panel[data-mnav=bands] .olkn-phead,.olkn-panel[data-mnav=bands] .olkn-pfoot{padding:0 20px}
.olkn-panel[data-mnav=bands] .olkn-plinks{gap:0}
.olkn-panel[data-mnav=bands] .olkn-plinks li{transform:translateX(-102%);opacity:1}
.olkn-panel[data-mnav=bands] .olkn-plinks li:nth-child(even){transform:translateX(102%)}
.olkn-panel[data-mnav=bands].is-open .olkn-plinks li{transform:none}
.olkn-panel[data-mnav=bands] .olkn-pa{min-height:64px;padding:10px 24px;color:#fff;background:color-mix(in srgb,var(--k-dark) calc(100% - var(--i,0) * 11%),var(--k-primary))}
.olkn-panel[data-mnav=bands] .olkn-pn{opacity:.8}
.olkn-panel[data-mnav=bands] .olkn-pa.is-active{box-shadow:inset 6px 0 0 var(--k-accent)}
.olkn-panel[data-mnav=bands] .olkn-pa.is-active .olkn-pt{text-decoration:none}
.olkn-panel[data-mnav=bands] .olkn-pli-book{padding:0 20px}
/* 65 contents: a table of contents with where each section sits on the page */
.olkn-panel[data-mnav=contents] .olkn-pin{top:0;bottom:0;right:0;width:min(440px,100%);background:var(--k-bg);transform:translateX(102%);box-shadow:-20px 0 50px -20px rgba(0,0,0,.4)}
.olkn-panel[data-mnav=contents].is-open .olkn-pin{transform:none}
.olkn-panel[data-mnav=contents] .olkn-ctk{display:flex;justify-content:space-between;margin:0;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;opacity:.55}
.olkn-panel[data-mnav=contents] .olkn-plinks{gap:0}
.olkn-panel[data-mnav=contents] .olkn-pa{border-bottom:1px dashed color-mix(in srgb,var(--k-text) 22%,transparent);font-size:clamp(19px,5vw,23px)}
.olkn-ppos{margin-left:auto;display:flex;align-items:center;gap:8px;font:600 12px/1 var(--k-body);opacity:.75;white-space:nowrap}
.olkn-ppos i{position:relative;display:block;width:54px;height:6px;border-radius:6px;background:color-mix(in srgb,var(--k-text) 12%,transparent)}
.olkn-ppos i::after{content:"";position:absolute;top:-2px;left:calc(var(--at,0) * 100% - 5px);width:10px;height:10px;border-radius:50%;background:var(--k-primary)}
.olkn-here{display:inline-flex;align-items:center;padding:3px 8px;border-radius:999px;background:var(--k-primary);color:var(--k-on-primary,#fff);font:700 10px/1.2 var(--k-body);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.olkn-panel[data-mnav=contents] .olkn-pa.is-active .olkn-pt{text-decoration:none}
/* 66 visited: ticks for sections you've seen + how much of the page you've read */
.olkn-panel[data-mnav=visited] .olkn-pin{left:12px;right:12px;top:12px;bottom:12px;border-radius:24px;background:var(--k-bg);opacity:0;transform:scale(.96)}
.olkn-panel[data-mnav=visited].is-open .olkn-pin{opacity:1;transform:none}
.olkn-panel[data-mnav=visited] .olkn-read{display:flex;flex-direction:column;gap:8px;margin:0;font-weight:600;font-size:14px}
.olkn-read-b{display:block;height:8px;border-radius:8px;background:color-mix(in srgb,var(--k-text) 10%,transparent);overflow:hidden}
.olkn-read-b i{display:block;height:100%;width:100%;background:var(--k-primary);transform:scaleX(var(--olkn-p,0));transform-origin:left}
.olkn-panel[data-mnav=visited] .olkn-pn{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;border:1.5px solid color-mix(in srgb,var(--k-text) 25%,transparent);font-size:10px;opacity:1}
.olkn-panel[data-mnav=visited] .olkn-pa.is-seen .olkn-pn{background:var(--k-primary) var(--olkn-tick) center/14px 14px no-repeat;border-color:var(--k-primary);color:transparent}
.olkn-panel[data-mnav=visited] .olkn-pa.is-seen .olkn-pt::after{content:" \00b7 seen";font:600 12px/1 var(--k-body);opacity:.55}
:root{--olkn-tick:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E")}
/* 67 chat: a "where to?" bubble and quick-reply chips */
.olkn-panel[data-mnav=chat] .olkn-pin{left:10px;right:10px;bottom:10px;max-height:88vh;border-radius:24px;background:var(--k-bg);transform:translateY(24px);opacity:0;box-shadow:0 20px 50px -20px rgba(0,0,0,.5)}
.olkn-panel[data-mnav=chat].is-open .olkn-pin{transform:none;opacity:1}
.olkn-panel[data-mnav=chat] .olkn-chatq{display:flex;align-items:flex-end;gap:10px;margin:0}
.olkn-chat-av{display:grid;place-items:center;width:36px;height:36px;flex:none;border-radius:50%;background:var(--k-primary);color:var(--k-on-primary,#fff)}
.olkn-chatq>span:last-child{padding:12px 16px;border-radius:18px 18px 18px 4px;background:color-mix(in srgb,var(--k-text) 8%,transparent);font:600 16px/1.3 var(--k-body)}
.olkn-panel[data-mnav=chat] .olkn-plinks{flex-direction:row;flex-wrap:wrap;justify-content:flex-end;gap:8px}
.olkn-panel[data-mnav=chat] .olkn-pa{min-height:46px;padding:8px 16px;border-radius:18px 18px 4px 18px;border:1.5px solid var(--k-primary);color:var(--k-primary);font:600 15px/1.2 var(--k-body)}
.olkn-panel[data-mnav=chat] .olkn-pn{display:none}
.olkn-panel[data-mnav=chat] .olkn-pa.is-active{background:var(--k-primary);color:var(--k-on-primary,#fff)}.olkn-panel[data-mnav=chat] .olkn-pa.is-active .olkn-pt{text-decoration:none}
.olkn-panel[data-mnav=chat] .olkn-pli-book{flex-basis:100%}
/* 68 keypad: a grid of numbered keys */
.olkn-panel[data-mnav=keypad] .olkn-pin{left:0;right:0;bottom:0;border-radius:24px 24px 0 0;background:var(--k-dark);color:#fff;transform:translateY(102%)}
.olkn-panel[data-mnav=keypad].is-open .olkn-pin{transform:none}
.olkn-panel[data-mnav=keypad] .olkn-plinks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.olkn-panel[data-mnav=keypad] .olkn-pa{flex-direction:column;justify-content:center;gap:6px;min-height:88px;padding:10px 6px;border-radius:18px;background:rgba(255,255,255,.08);box-shadow:inset 0 -3px 0 rgba(0,0,0,.25);text-align:center;font:600 14px/1.15 var(--k-body)}
.olkn-panel[data-mnav=keypad] .olkn-pn{font:600 26px/1 var(--k-head);opacity:1;min-width:0;color:var(--k-accent)}
.olkn-panel[data-mnav=keypad] .olkn-pt{overflow-wrap:anywhere}
.olkn-panel[data-mnav=keypad] .olkn-pa:active{transform:translateY(2px);box-shadow:none}
.olkn-panel[data-mnav=keypad] .olkn-pa.is-active{background:var(--k-primary);color:var(--k-on-primary,#fff)}.olkn-panel[data-mnav=keypad] .olkn-pa.is-active .olkn-pn{color:inherit}.olkn-panel[data-mnav=keypad] .olkn-pa.is-active .olkn-pt{text-decoration:none}
.olkn-panel[data-mnav=keypad] .olkn-pli-book{grid-column:1/-1}
.olkn-panel[data-mnav=keypad] .olkn-pwa{border-color:rgba(255,255,255,.35)}
/* 69 snapshot: a photo of the current / touched section above the list */
.olkn-panel[data-mnav=snapshot] .olkn-pin{inset:0;background:var(--k-bg);opacity:0}
.olkn-panel[data-mnav=snapshot].is-open .olkn-pin{opacity:1}
.olkn-panel[data-mnav=snapshot] .olkn-prev{display:block;position:relative;flex:none;height:clamp(140px,26vh,240px);border-radius:18px;overflow:hidden;background:var(--k-dark)}
.olkn-panel[data-mnav=snapshot] .olkn-prev img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .35s}
.olkn-panel[data-mnav=snapshot] .olkn-prev img.is-on{opacity:1}
.olkn-snap-l{position:absolute;left:12px;bottom:12px;padding:6px 12px;border-radius:999px;background:rgba(0,0,0,.55);color:#fff;font:700 13px/1.2 var(--k-body)}
.olkn-panel[data-mnav=snapshot] .olkn-plinks{gap:0}
.olkn-panel[data-mnav=snapshot] .olkn-pa{border-bottom:1px solid color-mix(in srgb,var(--k-text) 10%,transparent);font-size:clamp(19px,5vw,23px)}
/* 70 speed dial: labelled mini buttons stacked above a round button */
.olkn-panel[data-mnav=speeddial] .olkn-pbg{background:color-mix(in srgb,var(--k-dark) 72%,transparent)}
.olkn-panel[data-mnav=speeddial] .olkn-pin{right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));top:auto;left:auto;max-height:calc(100% - 32px);width:min(340px,calc(100% - 32px));padding:0;gap:10px;background:none;color:#fff;overflow:auto}
.olkn-panel[data-mnav=speeddial] .olkn-phead{order:3;justify-content:flex-end}
.olkn-panel[data-mnav=speeddial] .olkn-plogo{font-size:14px;opacity:.8}
.olkn-panel[data-mnav=speeddial] .olkn-close{width:60px;height:60px;border:0;background:var(--k-cta);color:var(--k-on-cta);box-shadow:0 12px 26px -10px rgba(0,0,0,.6)}
.olkn-panel[data-mnav=speeddial] nav{order:1}
.olkn-panel[data-mnav=speeddial] .olkn-pfoot{order:2;display:flex;justify-content:flex-end}
.olkn-panel[data-mnav=speeddial] .olkn-plinks{align-items:flex-end;gap:10px}
.olkn-panel[data-mnav=speeddial] .olkn-plinks li{transform:translateY(20px) scale(.9);transform-origin:right center;transition-delay:calc((8 - var(--i,0)) * 35ms + 60ms)}
.olkn-panel[data-mnav=speeddial] .olkn-pa{flex-direction:row-reverse;gap:12px;min-height:48px;padding:0;font:600 15px/1.2 var(--k-body)}
.olkn-panel[data-mnav=speeddial] .olkn-pt{padding:8px 14px;border-radius:10px;background:var(--k-bg);color:var(--k-text);box-shadow:0 8px 20px -10px rgba(0,0,0,.5)}
.olkn-panel[data-mnav=speeddial] .olkn-pn{display:none}
.olkn-panel[data-mnav=speeddial] .olkn-pic{display:grid;place-items:center;width:48px;height:48px;flex:none;border-radius:50%;background:var(--k-bg);color:var(--k-primary);box-shadow:0 8px 20px -10px rgba(0,0,0,.5)}
.olkn-panel[data-mnav=speeddial] .olkn-pa.is-active .olkn-pic{background:var(--k-primary);color:var(--k-on-primary,#fff)}
.olkn-panel[data-mnav=speeddial] .olkn-pa.is-active .olkn-pt{text-decoration:none;box-shadow:inset 0 -3px 0 var(--k-primary),0 8px 20px -10px rgba(0,0,0,.5)}
.olkn-panel[data-mnav=speeddial] .olkn-pbook{margin-top:4px;padding:12px 18px}
.olkn-panel[data-mnav=speeddial] .olkn-pwa{background:var(--k-bg);color:var(--k-text);border:0;width:auto}
@media (prefers-reduced-motion:reduce){.olkn-panel[data-mnav] .olkn-pin,.olkn-panel[data-mnav] .olkn-plinks li,.olkn-scrub-big,.olkn-scrub-i{transition:none!important}}