/* Abdohoo.App — help centre and blog.
   Loaded after site.css and built only from its tokens (--void, --panel,
   --rule, --mist, --chalk, --jade, product accents), so both themes and every
   product accent carry over. Pages set --accent per product. */

.kb{--kb-radius:16px;--kb-surface:color-mix(in srgb,var(--panel) 86%,transparent);--kb-surface-2:color-mix(in srgb,var(--panel) 70%,transparent)}
.kb main{min-height:60vh}
.kb .ico{width:18px;height:18px;flex:0 0 auto}

/* ── Nav additions ─────────────────────────────────────────────────── */
.nav__links a[aria-current="page"]{color:var(--chalk)}
.nav__links a[aria-current="page"]::after{content:"";display:block;height:2px;margin-top:3px;border-radius:2px;background:var(--accent)}
@media (max-width:900px){
  .nav__links{gap:16px}
  .nav__links a.nav__keep{display:inline}
  .kb .nav__links .nav__cta{display:none}
}

/* ── Breadcrumbs ───────────────────────────────────────────────────── */
.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 18px;padding:0;list-style:none;
  font-family:var(--font-mono);font-size:11.5px;letter-spacing:.04em;color:var(--mist-dim)}
.crumbs li{display:flex;align-items:center;gap:6px;min-width:0}
.crumbs li+li::before{content:"/";opacity:.5}
.crumbs a{text-decoration:none;color:var(--mist)}
.crumbs a:hover{color:var(--accent)}
.crumbs [aria-current]{color:var(--mist-dim);max-width:46ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* ── Hero ──────────────────────────────────────────────────────────── */
.kb-hero{padding-block:clamp(40px,6vw,84px) clamp(28px,4vw,52px)}
.kb-hero h1{font-size:clamp(34px,5.2vw,64px);max-width:18ch}
.kb-hero .lead{margin:18px 0 0;max-width:62ch;font-size:clamp(16px,1.1vw + 11px,19px);color:var(--mist)}
.kb-hero--product h1{max-width:22ch}
.kb-hero__row{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:24px}
.kb-hero__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.kb-hero__actions .btn{font-size:14px;padding:11px 18px}
.pmark{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:15px;flex:0 0 auto;
  background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent);
  border:1px solid color-mix(in srgb,var(--accent) 38%,transparent)}
.pmark .ico{width:26px;height:26px}
.pmark--sm{width:40px;height:40px;border-radius:12px}
.pmark--sm .ico{width:20px;height:20px}

/* ── Search ────────────────────────────────────────────────────────── */
.kb-search{position:relative;max-width:680px;margin-top:28px}
.kb-search form{display:flex;align-items:center;gap:10px;padding:8px 8px 8px 18px;border-radius:16px;
  background:var(--kb-surface);border:1px solid var(--rule-strong);
  box-shadow:0 24px 60px -36px rgba(0,0,0,.9);transition:border-color .25s,box-shadow .25s}
.kb-search form:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 16%,transparent)}
.kb-search input{flex:1;min-width:0;border:0;background:transparent;outline:none;font-size:16.5px;color:var(--chalk);padding:10px 0}
.kb-search input::placeholder{color:var(--mist-dim)}
.kb-search button{border:0;cursor:pointer;border-radius:11px;padding:11px 18px;font-weight:600;font-size:14px;
  background:var(--accent);color:#04140F}
[data-theme="light"] .kb-search button{color:#fff}
.kb-search .ico{color:var(--mist-dim)}
.kb-search__hint{margin:10px 2px 0;font-size:13px;color:var(--mist-dim)}
.kb-search__hint a{color:var(--mist);text-underline-offset:3px}
.kb-suggest{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:30;max-height:min(460px,60vh);overflow:auto;
  padding:6px;border-radius:16px;background:var(--panel);border:1px solid var(--rule-strong);
  box-shadow:0 30px 70px -30px rgba(0,0,0,.9)}
.kb-suggest[hidden]{display:none}
.kb-suggest a{display:flex;gap:12px;align-items:flex-start;padding:10px 12px;border-radius:10px;text-decoration:none}
.kb-suggest a:hover,.kb-suggest a[aria-selected="true"]{background:color-mix(in srgb,var(--accent) 10%,transparent)}
.kb-suggest b{display:block;color:var(--chalk);font-weight:600;font-size:14.5px}
.kb-suggest small{display:block;color:var(--mist-dim);font-size:12.5px;line-height:1.45;margin-top:2px}
.kb-suggest .k{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--mist-dim);
  border:1px solid var(--rule);border-radius:6px;padding:2px 6px;margin-top:2px;flex:0 0 auto}
.kb-suggest .empty{padding:14px;color:var(--mist-dim);font-size:14px}

/* ── Sections ──────────────────────────────────────────────────────── */
.kb-sec{padding-block:clamp(26px,3vw,44px)}
.kb-sec__head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:20px}
.kb-sec__head h2{font-size:clamp(22px,2.4vw,30px)}
.kb-sec__head a{font-size:14px;color:var(--mist);text-decoration:none;white-space:nowrap}
.kb-sec__head a:hover{color:var(--accent)}

/* Product cards (help home) */
.kb-products{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.pcard{position:relative;display:flex;flex-direction:column;gap:14px;padding:24px;border-radius:var(--kb-radius);
  text-decoration:none;background:var(--kb-surface);border:1px solid var(--rule);overflow:hidden;
  transition:border-color .3s,transform .3s var(--ease),box-shadow .3s}
.pcard::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:var(--accent);opacity:.85}
.pcard:hover{border-color:color-mix(in srgb,var(--accent) 50%,transparent);transform:translateY(-3px);
  box-shadow:0 26px 60px -34px color-mix(in srgb,var(--accent) 60%,#000)}
.pcard h3{font-size:22px}
.pcard p{margin:0;color:var(--mist);font-size:15px}
.pcard ul{list-style:none;margin:0;padding:0;display:grid;gap:7px;font-size:14px}
.pcard li{display:flex;gap:8px;align-items:center;color:var(--mist)}
.pcard li .ico{width:15px;height:15px;color:var(--accent)}
.pcard__foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;padding-top:14px;border-top:1px solid var(--rule);
  font-family:var(--font-mono);font-size:11.5px;letter-spacing:.06em;color:var(--mist-dim)}
.pcard__foot .go{color:var(--accent);display:flex;align-items:center;gap:6px}

/* Category cards (product help page) */
.kb-cats{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.ccard{display:flex;gap:14px;align-items:flex-start;padding:18px;border-radius:14px;text-decoration:none;
  background:var(--kb-surface-2);border:1px solid var(--rule);transition:border-color .25s,background .25s}
.ccard:hover{border-color:color-mix(in srgb,var(--accent) 50%,transparent);background:var(--kb-surface)}
.ccard b{display:block;color:var(--chalk);font-size:15.5px}
.ccard small{display:block;color:var(--mist-dim);font-size:13px;line-height:1.45;margin-top:3px}
.ccard em{font-style:normal;font-family:var(--font-mono);font-size:11px;color:var(--mist-dim)}

/* Article lists */
.kb-group{scroll-margin-top:96px;padding-block:22px;border-top:1px solid var(--rule)}
.kb-group:first-child{border-top:0}
.kb-group__head{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.kb-group__head h2{font-size:clamp(20px,2vw,25px)}
.kb-group__head p{margin:2px 0 0;font-size:14px;color:var(--mist-dim)}
.kb-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.kb-list--cols{grid-template-columns:repeat(auto-fill,minmax(min(100%,420px),1fr))}
.arow{display:flex;gap:14px;align-items:flex-start;padding:14px 16px;border-radius:13px;text-decoration:none;
  border:1px solid transparent;background:var(--kb-surface-2);transition:border-color .2s,background .2s}
.arow:hover{border-color:var(--rule-strong);background:var(--kb-surface)}
.arow .ai{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;flex:0 0 auto;
  color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}
.arow b{display:block;color:var(--chalk);font-weight:600;font-size:15.5px;line-height:1.35}
.arow small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--mist-dim);font-size:13.5px;line-height:1.5;margin-top:3px}
.arow .pdot{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}
.arow > .ico:last-child{margin-left:auto;align-self:center;color:var(--mist-dim);transition:transform .25s var(--ease),color .25s}
.arow:hover > .ico:last-child{transform:translateX(3px);color:var(--accent)}

/* ── Article layout ────────────────────────────────────────────────── */
.wrap.kb-doc{max-width:1440px}
.kb-doc{display:grid;gap:clamp(24px,3vw,48px);grid-template-columns:240px minmax(0,1fr) 210px;align-items:start;padding-block:clamp(24px,3.5vw,48px) 60px}
.kb-doc--blog{grid-template-columns:minmax(0,1fr) 230px}
.kb-side{position:sticky;top:90px;max-height:calc(100vh - 110px);overflow:auto;padding-right:6px;font-size:14px}
.kb-side__title{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--chalk);font-weight:700;margin-bottom:14px}
.kb-side details{border-top:1px solid var(--rule);padding-block:8px}
.kb-side summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:8px;padding:6px 4px;color:var(--chalk);font-weight:600;font-size:13.5px}
.kb-side summary::-webkit-details-marker{display:none}
.kb-side summary .ico{width:15px;height:15px;color:var(--accent)}
.kb-side summary::after{content:"";margin-left:auto;width:7px;height:7px;border-right:1.5px solid var(--mist-dim);border-bottom:1.5px solid var(--mist-dim);transform:rotate(-45deg);transition:transform .2s}
.kb-side details[open] summary::after{transform:rotate(45deg)}
.kb-side ul{list-style:none;margin:2px 0 4px;padding:0 0 0 10px;border-left:1px solid var(--rule)}
.kb-side li a{display:block;padding:5px 10px;border-radius:8px;text-decoration:none;color:var(--mist);line-height:1.4;font-size:13.5px}
.kb-side li a:hover{color:var(--chalk);background:var(--kb-surface-2)}
.kb-side li a[aria-current="page"]{color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent);font-weight:600}

.kb-toc{position:sticky;top:90px;font-size:13.5px}
.kb-toc p{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--mist-dim);margin:0 0 10px}
.kb-toc ol{list-style:none;margin:0;padding:0;border-left:1px solid var(--rule)}
.kb-toc a{display:block;padding:5px 0 5px 14px;margin-left:-1px;border-left:2px solid transparent;text-decoration:none;color:var(--mist-dim);line-height:1.4}
.kb-toc a:hover{color:var(--chalk)}
.kb-toc a.is-active{color:var(--accent);border-left-color:var(--accent)}
.kb-toc .l3 a{padding-left:26px;font-size:13px}
.kb-toc__extra{margin-top:22px;padding-top:16px;border-top:1px solid var(--rule);display:grid;gap:8px}
.kb-toc__extra a{display:flex;align-items:center;gap:8px;color:var(--mist);text-decoration:none;font-size:13px}
.kb-toc__extra a:hover{color:var(--accent)}
.kb-toc__extra .ico{width:15px;height:15px}

.kb-art{min-width:0;max-width:780px}
.kb-art__head h1{font-size:clamp(30px,3.9vw,48px);line-height:1.08}
.kb-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin-top:16px;font-size:13.5px;color:var(--mist-dim)}
.kb-meta span{display:inline-flex;align-items:center;gap:6px}
.kb-meta .ico{width:15px;height:15px}
.chip{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.06em;
  text-transform:uppercase;text-decoration:none;padding:5px 10px;border-radius:999px;border:1px solid var(--rule-strong);color:var(--mist)}
a.chip:hover{border-color:var(--accent);color:var(--accent)}
.chip--acc{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 40%,transparent);background:color-mix(in srgb,var(--accent) 8%,transparent)}
.chip .dot{width:7px;height:7px;border-radius:50%;background:var(--accent)}
.chip.is-on{background:var(--accent);border-color:var(--accent);color:#04140F}
[data-theme="light"] .chip.is-on{color:#fff}

.kb-short{margin:26px 0 8px;padding:18px 20px;border-radius:14px;border:1px solid color-mix(in srgb,var(--accent) 34%,transparent);
  background:color-mix(in srgb,var(--accent) 7%,transparent)}
.kb-short p{margin:0;color:var(--chalk);font-size:16.5px;line-height:1.6}
.kb-short .eyebrow{color:var(--accent);margin-bottom:6px}
.kb-cover{margin:28px 0 8px;border-radius:18px;overflow:hidden;border:1px solid var(--rule);
  background:radial-gradient(120% 90% at 50% 0%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 70%),var(--panel)}
.kb-cover img{width:100%;max-height:520px;object-fit:contain;margin:0 auto}

/* ── Prose ─────────────────────────────────────────────────────────── */
.prose{margin-top:26px;color:var(--mist);font-size:clamp(16px,.3vw + 15px,17.5px);line-height:1.75}
.prose > *{margin-block:0 1.05em}
.prose h2{font-size:clamp(23px,2.3vw,30px);margin:1.9em 0 .6em;scroll-margin-top:96px;line-height:1.15}
.prose h3{font-size:clamp(18.5px,1.6vw,22px);margin:1.6em 0 .5em;scroll-margin-top:96px;font-variation-settings:"wdth" 104}
.prose h4{font-family:var(--font-body);font-size:16.5px;color:var(--chalk);margin:1.4em 0 .4em}
.prose h2:focus,.prose h3:focus{outline:none}
.prose a{color:var(--accent);text-underline-offset:3px;text-decoration-thickness:1px}
.prose a:hover{text-decoration-thickness:2px}
.prose a.ext::after{content:"↗";font-size:.8em;margin-left:2px;opacity:.7}
.prose strong,.prose b{color:var(--chalk);font-weight:650}
.prose ul,.prose ol{padding-left:1.35em}
.prose li{margin:.35em 0}
.prose li::marker{color:var(--accent)}
.prose ol > li::marker{font-family:var(--font-mono);font-size:.85em;font-weight:600}
.prose hr{border:0;height:1px;background:var(--rule);margin:2.2em 0}
.prose blockquote{margin-inline:0;padding:4px 0 4px 20px;border-left:3px solid var(--rule-strong);color:var(--mist);font-style:italic}
.prose code{font-family:var(--font-mono);font-size:.86em;padding:2px 6px;border-radius:6px;background:var(--kb-surface-2);border:1px solid var(--rule);color:var(--chalk)}
.prose pre{overflow:auto;padding:16px 18px;border-radius:12px;background:#050a0c;border:1px solid var(--rule);font-size:14px;line-height:1.6}
[data-theme="light"] .prose pre{background:#0d1a17;color:#dfeee9}
.prose pre code{padding:0;border:0;background:none;color:inherit}
.prose kbd{font-family:var(--font-mono);font-size:.82em;padding:2px 7px;border-radius:6px;border:1px solid var(--rule-strong);border-bottom-width:2px;color:var(--chalk)}
.prose mark{background:color-mix(in srgb,var(--brass) 30%,transparent);color:inherit;padding:0 3px;border-radius:3px}

.prose figure{margin:1.7em 0;text-align:center}
.prose figure img{display:block;margin:0 auto;width:auto;max-width:100%;height:auto;border-radius:14px;border:1px solid var(--rule-strong);
  box-shadow:0 30px 60px -38px rgba(0,0,0,.95);cursor:zoom-in;background:var(--panel)}
.prose figure.fig--tall img{max-height:640px;max-width:min(100%,380px)}
.prose figcaption{margin:12px auto 0;max-width:60ch;font-size:13.5px;color:var(--mist-dim);line-height:1.5}
.prose figcaption::before{content:"";display:inline-block;width:14px;height:1px;background:var(--accent);vertical-align:middle;margin-right:8px}

.prose .callout{margin:1.6em 0;padding:16px 18px 14px;border-radius:14px;border:1px solid var(--rule-strong);background:var(--kb-surface-2)}
.prose .callout > *:last-child{margin-bottom:0}
.prose .callout p{margin:0 0 .6em}
.prose .callout__label{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:11px;font-weight:600;
  letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px !important}
.prose .callout--tip{border-color:color-mix(in srgb,var(--jade) 40%,transparent);background:color-mix(in srgb,var(--jade) 7%,transparent)}
.prose .callout--tip .callout__label{color:var(--jade)}
.prose .callout--note{border-color:color-mix(in srgb,#8C8CF0 42%,transparent);background:color-mix(in srgb,#8C8CF0 8%,transparent)}
.prose .callout--note .callout__label{color:#9d9df5}
[data-theme="light"] .prose .callout--note .callout__label{color:#4545b0}
.prose .callout--warning{border-color:color-mix(in srgb,var(--brass) 48%,transparent);background:color-mix(in srgb,var(--brass) 8%,transparent)}
.prose .callout--warning .callout__label{color:var(--brass)}

.prose .table-wrap{overflow-x:auto;margin:1.5em 0;border:1px solid var(--rule);border-radius:12px}
.prose table{width:100%;border-collapse:collapse;font-size:14.5px;line-height:1.5}
.prose th,.prose td{text-align:left;padding:10px 14px;border-bottom:1px solid var(--rule);vertical-align:top}
.prose th{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--mist-dim);background:var(--kb-surface-2);font-weight:600}
.prose tr:last-child td{border-bottom:0}
.prose td strong{white-space:nowrap}
.prose .embed{position:relative;aspect-ratio:16/9;margin:1.6em 0;border-radius:14px;overflow:hidden;border:1px solid var(--rule)}
.prose .embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* FAQs */
.kb-faq{margin-top:44px;padding-top:30px;border-top:1px solid var(--rule)}
.kb-faq h2{font-size:clamp(21px,2.1vw,27px);margin-bottom:14px}
.kb-faq details{border:1px solid var(--rule);border-radius:13px;background:var(--kb-surface-2);margin-bottom:10px;transition:border-color .2s}
.kb-faq details[open]{border-color:color-mix(in srgb,var(--accent) 40%,transparent)}
.kb-faq summary{cursor:pointer;list-style:none;display:flex;gap:12px;align-items:flex-start;padding:15px 18px;color:var(--chalk);font-weight:600;font-size:15.5px}
.kb-faq summary::-webkit-details-marker{display:none}
.kb-faq summary::after{content:"+";margin-left:auto;font-family:var(--font-mono);color:var(--accent);font-size:18px;line-height:1}
.kb-faq details[open] summary::after{content:"–"}
.kb-faq details p{margin:0;padding:0 18px 16px;color:var(--mist);font-size:15px;line-height:1.65}

/* Feedback, tags, pager */
.kb-foot{margin-top:40px;display:grid;gap:18px}
.kb-feedback{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;padding:18px 20px;border-radius:14px;border:1px solid var(--rule);background:var(--kb-surface-2)}
.kb-feedback > p{margin:0;color:var(--chalk);font-weight:600}
.kb-feedback .btns{display:flex;gap:8px}
.kb-feedback button{display:inline-flex;align-items:center;gap:7px;cursor:pointer;padding:8px 14px;border-radius:10px;font-size:14px;font-weight:600;
  border:1px solid var(--rule-strong);background:transparent;color:var(--mist);transition:border-color .2s,color .2s,background .2s}
.kb-feedback button:hover,.kb-feedback button[aria-pressed="true"]{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent)}
.kb-feedback button .ico{width:16px;height:16px}
.kb-feedback form{flex-basis:100%;display:grid;gap:10px}
.kb-feedback form[hidden]{display:none}
.kb-feedback textarea{width:100%;min-height:84px;resize:vertical;padding:12px 14px;border-radius:10px;border:1px solid var(--rule-strong);background:var(--panel);color:var(--chalk);font-size:14.5px}
.kb-feedback textarea:focus{outline:none;border-color:var(--accent)}
.kb-feedback form button{justify-self:start}
.kb-feedback .thanks{flex-basis:100%;margin:0;color:var(--mist-dim);font-size:14px}
.kb-tags{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.kb-pager{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.kb-pager a{display:block;padding:16px 18px;border-radius:13px;border:1px solid var(--rule);text-decoration:none;background:var(--kb-surface-2);transition:border-color .2s}
.kb-pager a:hover{border-color:color-mix(in srgb,var(--accent) 50%,transparent)}
.kb-pager small{display:block;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--mist-dim)}
.kb-pager b{display:block;color:var(--chalk);font-size:15px;margin-top:4px;line-height:1.35}
.kb-pager .next{text-align:right;grid-column:2}

.kb-help-box{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-top:8px;padding:22px 24px;border-radius:16px;
  border:1px solid var(--rule);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 10%,transparent),transparent 60%),var(--kb-surface-2)}
.kb-help-box h3{font-size:20px}
.kb-help-box p{margin:6px 0 0;color:var(--mist);font-size:14.5px}
.kb-help-box .btn{font-size:14px;padding:11px 18px}

/* ── Blog ──────────────────────────────────────────────────────────── */
.blog-filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
.blog-grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr))}
.pcard2{position:relative;display:flex;flex-direction:column;border-radius:var(--kb-radius);overflow:hidden;text-decoration:none;
  background:var(--kb-surface);border:1px solid var(--rule);transition:border-color .3s,transform .3s var(--ease),box-shadow .3s}
.pcard2:hover{border-color:color-mix(in srgb,var(--accent) 50%,transparent);transform:translateY(-3px);box-shadow:0 26px 60px -36px color-mix(in srgb,var(--accent) 55%,#000)}
.pcard2__media{aspect-ratio:16/10;display:grid;place-items:center;overflow:hidden;border-bottom:1px solid var(--rule);
  background:radial-gradient(120% 100% at 50% 0%,color-mix(in srgb,var(--accent) 26%,transparent),transparent 72%),var(--panel)}
.pcard2__media img{width:100%;height:100%;object-fit:contain;padding:14px 14px 0;object-position:center top;transition:transform .6s var(--ease)}
.pcard2__media img.wide{padding:0;object-fit:cover}
.pcard2:hover .pcard2__media img{transform:scale(1.03)}
.pcard2__body{display:flex;flex-direction:column;gap:10px;padding:18px 20px 20px;flex:1}
.pcard2__kick{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}
.pcard2__kick span+span::before{content:"·";margin-right:8px;color:var(--mist-dim)}
.pcard2 h3{font-size:clamp(18px,1.5vw,21px);line-height:1.2}
.pcard2 p{margin:0;color:var(--mist);font-size:14.5px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.pcard2__meta{margin-top:auto;padding-top:10px;display:flex;gap:14px;font-size:12.5px;color:var(--mist-dim)}
.pcard2--feature{display:grid;grid-template-columns:1.15fr 1fr;margin-bottom:22px}
.pcard2--feature .pcard2__media{aspect-ratio:auto;min-height:320px;max-height:460px;border-bottom:0;border-right:1px solid var(--rule)}
.pcard2--feature .pcard2__media img{max-height:460px}
.pcard2--feature .pcard2__body{padding:clamp(22px,3vw,40px);justify-content:center}
.pcard2--feature h3{font-size:clamp(24px,2.6vw,34px)}
.pcard2--feature p{-webkit-line-clamp:4;font-size:15.5px}
.pager{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:34px;font-family:var(--font-mono);font-size:13px}
.pager a,.pager span{min-width:38px;height:38px;display:inline-grid;place-items:center;padding:0 12px;border-radius:10px;border:1px solid var(--rule);text-decoration:none;color:var(--mist)}
.pager a:hover{border-color:var(--accent);color:var(--accent)}
.pager [aria-current]{background:var(--accent);border-color:var(--accent);color:#04140F}
.pager .gap{border:0}

.share{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.share a,.share button{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:10px;border:1px solid var(--rule-strong);
  background:transparent;color:var(--mist);cursor:pointer;text-decoration:none;transition:border-color .2s,color .2s}
.share a:hover,.share button:hover{border-color:var(--accent);color:var(--accent)}
.share .ico{width:17px;height:17px}
.share span{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--mist-dim);margin-right:4px}

.cta-app{margin-top:34px;display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;padding:22px 24px;border-radius:16px;
  border:1px solid color-mix(in srgb,var(--accent) 36%,transparent);background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 14%,transparent),transparent 65%),var(--kb-surface-2)}
.cta-app h3{font-size:19px}
.cta-app p{margin:4px 0 0;font-size:14px;color:var(--mist)}
.cta-app .btn{font-size:14px;padding:11px 18px}

/* ── Search results page ───────────────────────────────────────────── */
.sres{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.sres a{display:block;padding:16px 18px;border-radius:13px;border:1px solid var(--rule);background:var(--kb-surface-2);text-decoration:none;transition:border-color .2s}
.sres a:hover{border-color:color-mix(in srgb,var(--accent) 50%,transparent)}
.sres b{display:block;color:var(--chalk);font-size:16.5px}
.sres small{display:block;margin-top:4px;color:var(--mist-dim);font-size:13.5px;line-height:1.55}
.sres .where{display:flex;gap:8px;margin-bottom:6px;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}

/* ── Lightbox ──────────────────────────────────────────────────────── */
.lightbox{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:24px;background:rgba(2,5,7,.9);backdrop-filter:blur(6px);cursor:zoom-out}
.lightbox img{max-width:min(100%,1400px);max-height:92vh;width:auto;height:auto;border-radius:12px;box-shadow:0 40px 90px -30px #000}
.lightbox p{position:absolute;left:0;right:0;bottom:16px;text-align:center;color:#cfe0db;font-size:14px;margin:0;padding:0 20px}

/* ── Empty / 404 ───────────────────────────────────────────────────── */
.kb-empty{padding:28px;border-radius:14px;border:1px dashed var(--rule-strong);text-align:center;color:var(--mist-dim)}

/* ── Responsive ────────────────────────────────────────────────────── */
@media (max-width:1180px){
  .kb-doc{grid-template-columns:220px minmax(0,1fr)}
  .kb-doc .kb-toc{display:none}
  .kb-doc--blog{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:880px){
  .kb-doc{grid-template-columns:minmax(0,1fr)}
  .kb-side{position:static;max-height:none;order:2;padding:0}
  .pcard2--feature{grid-template-columns:1fr}
  .pcard2--feature .pcard2__media{min-height:0;aspect-ratio:16/10;border-right:0;border-bottom:1px solid var(--rule)}
  .cta-app{grid-template-columns:1fr}
  .kb-pager{grid-template-columns:1fr}
  .kb-pager .next{grid-column:1;text-align:left}
}
@media (max-width:560px){
  .kb-search form{padding-left:14px}
  .kb-search button span{display:none}
  .prose figure.fig--tall img{max-width:86%}
}
.kb-mtoc{display:none;margin-top:22px;border:1px solid var(--rule);border-radius:13px;background:var(--kb-surface-2)}
.kb-mtoc summary{cursor:pointer;padding:12px 16px;font-weight:600;color:var(--chalk);font-size:14.5px}
.kb-mtoc ol{margin:0;padding:0 16px 14px 34px;font-size:14px}
.kb-mtoc a{color:var(--mist);text-decoration:none;line-height:1.9}
@media (max-width:1180px){.kb-mtoc{display:block}}
@media print{
  .nav,.foot,.kb-side,.kb-toc,.kb-feedback,.share,.aurora,.grain,.vignette,.kb-help-box,.cta-app{display:none !important}
  .kb-doc{display:block}
  .prose{color:#000}
}