/* Kasper's panel and the Wiki page in the redesign's look (Hallmark, 3 November 2026; review/hallmark/kasper-rethink.html).
   Cadence tokens only, so light and dark follow by themselves; a phone of 400px has no sideways scroll; RTL uses logical sides.
   Kasper (public/help.js, the panel with class "kp"): in the page's own colours, his mark beside his name, ⋯ and × as boxed buttons,
   Chat / How it works as tabs, the chat's buttons in a row under them, the conversation scrolling between them and the box, his
   words without a bubble (yours in a grey one), cards on a soft grey, suggestions as pills in labelled groups.
   The Wiki (public/wiki.js, #wiPage): a reading page with the rail, the article and On this page. */

/* ---------- Kasper's panel ---------- */
html body aside.sp.kp:not(#_):not(#_){background:var(--surface)!important;background-image:none!important;color:var(--c-ink);border:0!important;border-radius:0!important;overflow:hidden}
@media (min-width:861px){
  html body aside.sp.kp:not(#_):not(#_){top:0!important;right:0!important;bottom:0!important;width:min(500px,100vw)!important;box-shadow:-12px 0 32px rgba(20,22,26,.14)!important}
}
@media (min-width:1200px){
  html.sp-docked body aside.sp.sp-dock.kp:not(#_):not(#_){top:0!important;right:0!important;bottom:0!important;width:min(500px,36vw)!important;border-radius:0!important;border:0!important;border-inline-start:1px solid var(--border)!important;box-shadow:none!important}
  html.sp-docked body main:not(#_):not(#_){margin-right:min(500px,36vw)!important}
}
html body aside.sp.kp>.sp-h:not(#_):not(#_){display:flex;align-items:center;gap:12px;padding:16px 18px 6px!important;background:var(--surface)!important;background-image:none!important;color:var(--c-ink)!important;border:0!important;border-radius:0!important}
html body aside.sp.kp>.sp-h>div:not(#_){flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}
html body aside.sp.kp>.sp-h b:not(#_):not(#_){font-size:19px;font-weight:600;letter-spacing:-.015em;line-height:1.2;color:var(--c-ink)!important}
html body aside.sp.kp>.sp-h small:not(#_):not(#_){font-size:13px;color:var(--ink-muted)!important}
html body aside.sp.kp .kp-kas:not(#_){flex:none;display:inline-grid;place-items:center;width:30px;height:30px;color:var(--c-ink);--eye:var(--surface)}
html body aside.sp.kp .kp-kas svg:not(#_){width:30px;height:30px}
html body aside.sp.kp .sp-tools:not(#_){display:flex;align-items:center;gap:8px}
html body aside.sp.kp :is(.sp-x,.kp-ib):not(#_):not(#_){width:36px;height:36px;min-height:36px;padding:0;display:inline-grid;place-items:center;border:1px solid var(--border-strong)!important;border-radius:8px!important;background:var(--surface)!important;color:var(--c-ink)!important;font-size:18px;line-height:1;cursor:pointer}
html body aside.sp.kp :is(.sp-x,.kp-ib):hover:not(#_):not(#_){background:var(--surface-hover)!important}
html body aside.sp.kp .kp-more>.hl-pop:not(#_):not(#_){font-size:14px}
/* the body: tabs, then the chat's buttons, the conversation (it scrolls) and the box */
html body aside.sp.kp>.sp-b.hp-panel:not(#_):not(#_){padding:0!important;display:flex;flex-direction:column;gap:0;overflow:hidden;min-height:0}
html body aside.sp.kp .hp:not(#_){flex:1 1 auto;min-height:0;display:flex;flex-direction:column}
html body aside.sp.kp .kp-tabs:not(#_){flex:none;display:flex;gap:24px;padding:4px 18px 0;border-bottom:1px solid var(--border)}
html body aside.sp.kp .kp-tabs button:not(#_):not(#_){border:0;background:transparent;padding:8px 0 10px;border-bottom:2px solid transparent;margin-bottom:-1px;font:inherit;font-size:14px;font-weight:600;color:var(--ink-muted);cursor:pointer;border-radius:0}
html body aside.sp.kp .kp-tabs button:hover:not(#_):not(#_){color:var(--c-ink)}
html body aside.sp.kp .kp-tabs button[aria-selected="true"]:not(#_):not(#_){color:var(--c-ink);border-bottom-color:var(--c-ink)}
html body aside.sp.kp .hp-b:not(#_):not(#_){flex:1 1 auto;min-height:0;overflow-y:auto;padding:16px 18px 22px;display:flex;flex-direction:column;gap:0}
html body aside.sp.kp .hp-chat .hp-b:not(#_):not(#_){overflow:hidden;padding:0}
html body aside.sp.kp .hc-top:not(#_):not(#_){position:static;flex:none;margin:0;padding:10px 18px;display:flex;flex-wrap:wrap;justify-content:flex-start;gap:6px;background:var(--surface);border-bottom:1px solid var(--border);max-width:none}
html body aside.sp.kp .hc-top .btn-s:not(#_):not(#_){min-height:30px;height:30px;padding:0 10px;font-size:12.5px;font-weight:600;border:1px solid var(--border-strong)!important;border-radius:8px!important;background:var(--surface)!important;color:var(--c-ink)!important}
html body aside.sp.kp .hc-top .btn-s:hover:not(#_):not(#_){background:var(--surface-hover)!important}
html body aside.sp.kp .hc-top .hc-spk.on:not(#_):not(#_){background:var(--c-ink)!important;color:var(--surface)!important;border-color:var(--c-ink)!important}
html body aside.sp.kp .hc-top .hc-spk-t:not(#_):not(#_){display:inline!important}
html body aside.sp.kp .hc-log:not(#_):not(#_){flex:1 1 auto;min-height:0;overflow-y:auto;padding:16px 18px 18px;display:flex;flex-direction:column;justify-content:flex-start;gap:16px}
/* his words without a bubble, yours in a grey one */
html body aside.sp.kp .hc-m:not(#_):not(#_){display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:start;max-width:100%;font-size:14px;line-height:1.55;color:var(--c-ink)}
html body aside.sp.kp .hc-m.bot>div:not(#_):not(#_){background:transparent!important;color:var(--c-ink)!important;padding:0;border-radius:0;max-width:none;display:flex;flex-direction:column;gap:8px;min-width:0}
html body aside.sp.kp .hc-m.bot.ok>div:not(#_):not(#_){box-shadow:inset 3px 0 0 var(--accent-green);padding-inline-start:12px}
html body aside.sp.kp .hc-m.bot.ok>div>p:first-child:not(#_){font-weight:600}
html body aside.sp.kp .hc-m.bot.bad>div:not(#_):not(#_){box-shadow:inset 3px 0 0 var(--status-stuck-fg);padding-inline-start:12px}
html[dir="rtl"] body aside.sp.kp .hc-m.bot.ok>div:not(#_):not(#_){box-shadow:inset -3px 0 0 var(--accent-green)}
html[dir="rtl"] body aside.sp.kp .hc-m.bot.bad>div:not(#_):not(#_){box-shadow:inset -3px 0 0 var(--status-stuck-fg)}
html body aside.sp.kp .hc-m.me:not(#_):not(#_){display:block;align-self:flex-end;max-width:84%;background:var(--surface-sunken)!important;color:var(--c-ink)!important;border-radius:14px 14px 4px 14px;padding:9px 13px;line-height:1.5}
html body aside.sp.kp .hc-av:not(#_):not(#_){width:26px;height:26px;margin-top:1px}
html body aside.sp.kp .hc-was:not(#_){font-size:12.5px;color:var(--ink-subtle)}
html body aside.sp.kp .hp-tip:not(#_):not(#_){background:var(--surface-sunken);border-radius:10px}
/* the suggestions: pills in labelled groups; the page's own in lavender */
html body aside.sp.kp .hc-chg:not(#_){display:flex;flex-direction:column;gap:8px}
html body aside.sp.kp .hc-chg+.hc-chg:not(#_){margin-top:4px}
html body aside.sp.kp .hc-chl:not(#_){font-size:12px;font-weight:700;color:var(--ink-muted)}
html body aside.sp.kp .hc-ch:not(#_):not(#_){display:flex;flex-wrap:wrap;gap:6px}
html body aside.sp.kp .hc-ch .btn-s:not(#_):not(#_){min-height:32px;height:auto;padding:5px 12px;border:0!important;border-radius:999px!important;background:var(--surface-sunken)!important;color:var(--c-ink)!important;font-size:13px;font-weight:600;line-height:1.3;text-align:start;white-space:normal}
html body aside.sp.kp .hc-ch .btn-s:hover:not(#_):not(#_){background:var(--surface-hover)!important}
html body aside.sp.kp .hc-pgc .btn-s:not(#_):not(#_){background:color-mix(in srgb,var(--accent-violet) 24%,var(--surface))!important}
html body aside.sp.kp .hc-ch .btn-s.pri:not(#_):not(#_){background:var(--c-ink)!important;color:var(--surface)!important}
html body aside.sp.kp .hc-pg:not(#_){margin-top:2px}
/* a card he fills or proposes: soft grey, its rows, Confirm in ink, the other choice outlined, Cancel quiet */
html body aside.sp.kp .hc-card:not(#_):not(#_){background:var(--surface-sunken)!important;color:var(--c-ink);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:10px;box-shadow:none!important;border:0}
html body aside.sp.kp .hc-card>b:not(#_){font-size:14.5px}
html body aside.sp.kp .hc-card dl:not(#_):not(#_){display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 14px;font-size:13.5px}
html body aside.sp.kp .hc-card dt:not(#_):not(#_){color:var(--ink-muted);font-weight:600}
html body aside.sp.kp .hc-do:not(#_):not(#_){display:flex;flex-wrap:wrap;gap:8px}
html body aside.sp.kp .hc-do .btn-s:not(#_):not(#_){min-height:34px;height:34px;padding:0 14px;font-size:13.5px;font-weight:600;border:1px solid var(--border-strong)!important;border-radius:8px!important;background:var(--surface)!important;color:var(--c-ink)!important}
html body aside.sp.kp .hc-do .btn-s.pri:not(#_):not(#_){background:var(--c-ink)!important;color:var(--surface)!important;border-color:var(--c-ink)!important}
html body aside.sp.kp .hc-do .btn-s.hc-q:not(#_):not(#_){background:transparent!important;border-color:transparent!important;color:var(--ink-muted)!important}
html body aside.sp.kp .hc-do .btn-s.hc-q:hover:not(#_):not(#_){background:var(--surface-hover)!important;color:var(--c-ink)!important}
html body aside.sp.kp .hc-form .hc-f>span:not(#_):not(#_),html body aside.sp.kp .hc-form .hc-f label>span:not(#_):not(#_){font-size:12.5px;font-weight:700;color:var(--ink-muted)}
html body aside.sp.kp .hc-card :is(input.find,select.find,textarea.find,textarea):not([type="radio"]):not(#_):not(#_){width:100%;min-height:36px;box-sizing:border-box;background:var(--surface)!important;border:1px solid var(--border-strong);border-radius:8px}
html body aside.sp.kp .hc-opt span:not(#_):not(#_){min-height:32px;padding:0 12px;border-radius:999px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--border-strong);font-size:13px;font-weight:600}
html body aside.sp.kp .hc-opt input:checked+span:not(#_):not(#_){background:var(--c-ink)!important;color:var(--surface)!important;box-shadow:none}
html body aside.sp.kp .hc-quick .btn-s:not(#_):not(#_){min-height:28px;height:28px;padding:0 10px;border:0!important;border-radius:999px!important;background:color-mix(in srgb,var(--c-ink) 9%,var(--surface-sunken))!important;color:var(--ink-muted)!important;font-size:12.5px;font-weight:600}
html body aside.sp.kp .hc-quick .btn-s.on:not(#_):not(#_){background:var(--c-ink)!important;color:var(--surface)!important}
/* the box: the message, the mic in a circle, Send in ink */
html body aside.sp.kp .hc-in:not(#_):not(#_){position:static;flex:none;margin:0;padding:12px 18px calc(12px + env(safe-area-inset-bottom,0px));display:flex;align-items:flex-end;gap:8px;background:var(--surface);border-top:1px solid var(--border);max-width:none}
html body aside.sp.kp .hc-in textarea:not(#_):not(#_){flex:1 1 auto;min-height:42px;max-height:140px;resize:none;border-radius:14px;padding:10px 14px;line-height:1.4;font-size:14.5px}
html body aside.sp.kp .hc-in .hc-mic:not(#_):not(#_){width:42px;height:42px;min-height:42px;padding:0;border-radius:50%!important;border:1px solid var(--border-strong)!important;background:var(--surface)!important;color:var(--c-ink)!important}
html body aside.sp.kp .hc-in .hc-mic.rec:not(#_):not(#_){background:var(--status-stuck-fg)!important;border-color:var(--status-stuck-fg)!important;color:#fff!important}
html body aside.sp.kp .hc-in .btn-s.pri:not(#_):not(#_){height:42px;min-height:42px;padding:0 18px;border-radius:999px!important;background:var(--c-ink)!important;color:var(--surface)!important;border-color:var(--c-ink)!important;font-weight:600}
/* Earlier chats: one line each, Back above them */
html body aside.sp.kp .hp-chat .hp-b>.hc-top+.hc-past:not(#_):not(#_){flex:1 1 auto;min-height:0;overflow-y:auto;padding:4px 18px}
html body aside.sp.kp .hc-past:not(#_):not(#_){display:flex;flex-direction:column;gap:0}
html body aside.sp.kp .hc-past button:not(#_):not(#_){display:flex;flex-direction:column;gap:2px;text-align:start;border:0;border-bottom:1px solid var(--border);border-radius:0;background:transparent;padding:12px 4px;cursor:pointer;font:inherit}
html body aside.sp.kp .hc-past button:hover:not(#_):not(#_){background:var(--surface-hover)}
html body aside.sp.kp .hc-past button>span:not(#_){font-weight:600;font-size:14px;color:var(--c-ink)}
html body aside.sp.kp .hc-past small:not(#_){color:var(--ink-muted);font-size:12.5px}
html body aside.sp.kp .hc-note:not(#_){flex:none;margin:0;padding:10px 18px 16px;font-size:13px;color:var(--ink-muted)}
html body aside.sp.kp .hc-past>.sub:not(#_){padding:12px 0;color:var(--ink-muted)}
/* How it works: lines with a quiet note on the right, the other parts as pills */
html body aside.sp.kp .hp-intro:not(#_):not(#_){font-size:15px;line-height:1.55;color:var(--c-ink);margin:0 0 4px}
html body aside.sp.kp .hp-h:not(#_):not(#_){font-size:12.5px;font-weight:700;color:var(--ink-muted);text-transform:none;letter-spacing:0;margin:18px 0 4px}
html body aside.sp.kp .hp-docs:not(#_):not(#_){display:flex;flex-direction:column;gap:0}
html body aside.sp.kp .hp-docs :is(a,.hp-src):not(#_):not(#_){display:flex;align-items:center;gap:10px;padding:10px 4px;border:0;border-bottom:1px solid var(--border);border-radius:0;background:transparent;color:var(--c-ink);font-size:14px;font-weight:600;text-decoration:none}
html body aside.sp.kp .hp-docs :is(a,.hp-src)>span:not(#_){flex:1 1 auto;min-width:0}
html body aside.sp.kp .hp-docs a>small:not(#_){flex:none;font-size:12px;font-weight:600;color:var(--ink-muted)}
html body aside.sp.kp .hp-docs a:hover:not(#_):not(#_){background:var(--surface-hover)}
html body aside.sp.kp .hc-m .hp-docs :is(a,.hp-src):not(#_):not(#_){font-size:13.5px;padding:8px 4px}
html body aside.sp.kp .hp-other:not(#_):not(#_){display:flex;flex-wrap:wrap;gap:6px}
html body aside.sp.kp .hp-other .btn-s:not(#_):not(#_){min-height:30px;height:30px;padding:0 12px;border:0!important;border-radius:999px!important;background:var(--surface-sunken)!important;color:var(--ink-muted)!important;font-size:13px;font-weight:600}
html body aside.sp.kp .hp-other .btn-s[aria-pressed="true"]:not(#_):not(#_){background:var(--c-ink)!important;color:var(--surface)!important}
html body aside.sp.kp .hp-rules li:not(#_){background:var(--surface-sunken)}
@media (max-width:860px){
  html body aside.sp.kp>.sp-h:not(#_):not(#_){padding:calc(env(safe-area-inset-top,0px) + 14px) 16px 4px!important}
  html body aside.sp.kp .kp-tabs:not(#_){padding-inline:16px}
  html body aside.sp.kp :is(.hc-top,.hc-log,.hc-in):not(#_):not(#_){padding-inline:16px}
  html body aside.sp.kp .hc-in:not(#_):not(#_){padding-inline:12px}
  html body aside.sp.kp .hp-b:not(#_):not(#_){padding-inline:16px}
  html body aside.sp.kp .hp-chat .hp-b:not(#_):not(#_){padding:0}
}

/* ---------- the Wiki page ---------- */
html body #wiPage .wi:not(#_){display:grid;grid-template-columns:260px minmax(0,1fr) 210px;gap:40px;align-items:start;margin-top:8px}
html body #wiPage .wi-rail:not(#_),html body .sp .wi-rail.wi-sheet:not(#_){display:flex;flex-direction:column;gap:12px;scrollbar-width:thin}
html body #wiPage .wi-rail:not(#_){position:sticky;top:16px;max-height:calc(calc(var(--vh, 100vh) / var(--z, 1)) - 32px);overflow-y:auto;padding-inline-end:4px}
html body .sp .wi-rail.wi-sheet:not(#_){position:static;max-height:none;overflow:visible}
html body :is(#wiPage,.sp) .wi-tools:not(#_){display:flex;flex-direction:column;gap:12px}
html body :is(#wiPage,.sp) .wi-tools .find:not(#_):not(#_){width:100%;box-sizing:border-box;min-height:36px}
html body :is(#wiPage,.sp) .wi-for:not(#_):not(#_){display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--ink-muted)}
html body :is(#wiPage,.sp) .wi-for select:not(#_):not(#_){flex:1 1 auto;min-width:0;height:36px;min-height:36px;font-size:13.5px;font-weight:600}
html body :is(#wiPage,.sp) .wi-nav:not(#_):not(#_){display:block}
html body :is(#wiPage,.sp) .wi-sec:not(#_){border-top:1px solid var(--border)}
html body :is(#wiPage,.sp) .wi-sec>summary:not(#_){list-style:none;display:flex;align-items:center;gap:8px;padding:10px 4px;font-weight:700;font-size:13.5px;cursor:pointer;border-radius:8px;color:var(--c-ink)}
html body :is(#wiPage,.sp) .wi-sec>summary::-webkit-details-marker{display:none}
html body :is(#wiPage,.sp) .wi-sec>summary>span:not(#_){flex:1 1 auto}
html body :is(#wiPage,.sp) .wi-sec>summary::after{content:"";width:7px;height:7px;border-right:1.8px solid var(--ink-muted);border-bottom:1.8px solid var(--ink-muted);transform:rotate(-45deg);margin-inline-end:4px;transition:transform .12s ease-out}
html[dir="rtl"] body :is(#wiPage,.sp) .wi-sec>summary::after{transform:rotate(135deg)}
html body :is(#wiPage,.sp) .wi-sec[open]>summary::after{transform:rotate(45deg)}
html body :is(#wiPage,.sp) .wi-sec>summary:hover:not(#_){background:var(--surface-hover)}
html body :is(#wiPage,.sp) .wi-cnt:not(#_){font-size:12px;font-weight:500;color:var(--ink-subtle);font-variant-numeric:tabular-nums}
html body :is(#wiPage,.sp) .wi-sec ul:not(#_):not(#_){list-style:none;margin:0;padding:0 0 10px;display:flex;flex-direction:column;gap:1px}
html body :is(#wiPage,.sp) .wi-nav a:not(#_):not(#_){display:block;padding:6px 10px;border-radius:8px;font-size:13.5px;line-height:1.35;color:var(--ink-muted);text-decoration:none;background:transparent}
html body :is(#wiPage,.sp) .wi-nav a:hover:not(#_):not(#_){background:var(--surface-hover);color:var(--c-ink)}
html body :is(#wiPage,.sp) .wi-nav a[aria-current]:not(#_):not(#_){background:var(--surface-sunken);color:var(--c-ink);font-weight:600}
/* the article */
html body #wiPage .wi-main:not(#_):not(#_){min-width:0;max-width:76ch;background:transparent;border-radius:0;padding:0;display:flex;flex-direction:column;gap:20px;box-shadow:none}
html body #wiPage .wi-crumb:not(#_){display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--ink-subtle)}
html body #wiPage .wi-crumb a:not(#_){color:var(--ink-muted);text-decoration:none}
html body #wiPage .wi-crumb a:hover:not(#_){color:var(--c-ink)}
html body #wiPage .wi-ah:not(#_){display:flex;align-items:flex-start;gap:12px}
html body #wiPage .wi-h1:not(#_):not(#_){flex:1 1 auto;margin:0;font:600 34px/1.1 var(--font-sans)!important;letter-spacing:-.025em!important;color:var(--c-ink);min-width:0;overflow-wrap:break-word}
html body #wiPage .wi-q:not(#_):not(#_){flex:none;width:32px;height:32px;margin-top:4px;padding:0;border-radius:50%;border:1.5px solid var(--ink-subtle);background:var(--surface);color:var(--c-ink);font:inherit;font-weight:700;font-size:15px;cursor:pointer;display:grid;place-items:center}
html body #wiPage .wi-q:hover:not(#_):not(#_){background:var(--surface-hover)}
html body #wiPage .wi-lead:not(#_),html body #wiPage .wi-lead p:not(#_){margin:0;font-size:17px;line-height:1.55;color:var(--ink-muted);text-wrap:pretty}
html body #wiPage .wi-lead:empty:not(#_){display:none}
html body #wiPage .wi-meta:not(#_){display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;font-size:13px;color:var(--ink-muted)}
html body #wiPage .wi-chip:not(#_):not(#_){display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:0 10px;border-radius:999px;background:var(--surface-sunken);font-weight:600;font-size:13px;color:var(--c-ink);text-decoration:none}
html body #wiPage .wi-chip:hover:not(#_):not(#_){background:var(--surface-hover)}
html body #wiPage .wi-chip b:not(#_){display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:var(--c-ink);color:var(--surface);font-size:10.5px}
html body #wiPage .wi-art:not(#_):not(#_){max-width:none;display:flex;flex-direction:column;gap:14px;font-size:15px;line-height:1.65;color:var(--ink-muted)}
html body #wiPage .wi-art>*:not(#_):not(#_){margin:0}
html body #wiPage .wi-art h2:not(#_):not(#_){font-size:22px;font-weight:600;letter-spacing:-.015em;line-height:1.2;color:var(--c-ink);margin-top:22px;padding-top:18px;border-top:1px solid var(--border);scroll-margin-top:16px}
html body #wiPage .wi-art h3:not(#_):not(#_){font-size:17px;font-weight:600;color:var(--c-ink);margin-top:8px;scroll-margin-top:16px}
html body #wiPage .wi-art strong:not(#_){color:var(--c-ink);font-weight:600}
html body #wiPage .wi-art a:not(#_):not(#_){color:#2f6fe0;font-weight:600;text-decoration:underline;text-decoration-color:color-mix(in srgb,#2f6fe0 40%,transparent);text-underline-offset:.2em}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) body #wiPage .wi-art a:not(#_):not(#_){color:#9dbdff;text-decoration-color:color-mix(in srgb,#9dbdff 40%,transparent)}}
:root[data-theme="dark"] body #wiPage .wi-art a:not(#_):not(#_){color:#9dbdff;text-decoration-color:color-mix(in srgb,#9dbdff 40%,transparent)}
html body #wiPage .wi-art :is(ul,ol):not(#_):not(#_){display:flex;flex-direction:column;gap:6px;padding-inline-start:22px}
html body #wiPage .wi-art ul:not(#_){list-style:disc}html body #wiPage .wi-art ol:not(#_){list-style:decimal}
html body #wiPage .wi-art li::marker{color:var(--ink-subtle)}
html body #wiPage .wi-art code:not(#_){font-size:.9em;background:var(--surface-sunken);border-radius:5px;padding:1px 5px}
html body #wiPage .wi-art table:not(#_):not(#_){display:block;overflow-x:auto;max-width:100%;border-collapse:collapse;border-radius:12px;background:var(--surface-sunken);font-size:14px;line-height:1.5;border:0}
html body #wiPage .wi-art th:not(#_):not(#_){text-align:start;font-size:12.5px;font-weight:700;color:var(--ink-muted);padding:10px 12px;border:0;border-bottom:1px solid var(--border);background:transparent}
html body #wiPage .wi-art td:not(#_):not(#_){padding:10px 12px;border:0;border-bottom:1px solid var(--border);vertical-align:top;background:transparent}
html body #wiPage .wi-art tr:last-child td:not(#_):not(#_){border-bottom:0}
/* an Owner's Open questions: a yellow box at the end */
html body #wiPage .wi-oq:not(#_):not(#_){margin-top:8px;background:color-mix(in srgb,#ffe08a 34%,var(--surface));box-shadow:inset 4px 0 0 #c99a06;border-radius:12px;padding:14px 18px;display:flex;flex-direction:column;gap:8px;color:var(--c-ink)}
html[dir="rtl"] body #wiPage .wi-oq:not(#_):not(#_){box-shadow:inset -4px 0 0 #c99a06}
html body #wiPage .wi-oq>*:not(#_):not(#_){margin:0}
html body #wiPage .wi-oq h2:not(#_):not(#_){border:0;margin:0;padding:0;font-size:18px}
html body #wiPage .wi-oq-k:not(#_){font-size:12px;font-weight:700;color:var(--ink-muted)}
html body #wiPage .wi-pn:not(#_):not(#_){display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:8px 0 0;padding:0;border:0}
html body #wiPage .wi-pn a:not(#_):not(#_){display:flex;flex-direction:column;gap:3px;max-width:none;padding:14px 16px;border-radius:12px;background:var(--surface-sunken);font-weight:600;color:var(--c-ink);text-decoration:none}
html body #wiPage .wi-pn a:hover:not(#_):not(#_){background:var(--surface-hover)}
html body #wiPage .wi-pn a small:not(#_){font-size:12px;font-weight:700;color:var(--ink-muted)}
html body #wiPage .wi-pn a.nx:not(#_):not(#_){grid-column:2;text-align:end;margin:0}
/* On this page */
html body #wiPage .wi-toc:not(#_){position:sticky;top:16px;display:flex;flex-direction:column;gap:2px;font-size:13px}
html body #wiPage .wi-toc b:not(#_){font-size:12px;color:var(--ink-muted);padding:0 10px 6px}
html body #wiPage .wi-toc button:not(#_):not(#_){display:block;text-align:start;border:0;border-inline-start:2px solid var(--border);border-radius:0;background:transparent;padding:5px 10px;font:inherit;font-size:13px;line-height:1.35;color:var(--ink-muted);cursor:pointer}
html body #wiPage .wi-toc button:hover:not(#_):not(#_){color:var(--c-ink);border-inline-start-color:var(--c-ink)}
/* search results */
html body #wiPage .wi-hits:not(#_):not(#_){list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0}
html body #wiPage .wi-hits a:not(#_):not(#_){display:flex;flex-direction:column;gap:4px;padding:14px 4px;border:0;border-bottom:1px solid var(--border);border-radius:0;text-decoration:none;color:var(--c-ink)}
html body #wiPage .wi-hits a:hover:not(#_):not(#_){background:var(--surface-hover)}
html body #wiPage .wi-hits b:not(#_){font-size:15.5px}
html body #wiPage .wi-hits small:not(#_){font-size:12px;font-weight:700;color:var(--ink-muted)}
html body #wiPage .wi-hits span:not(#_){font-size:13.5px;line-height:1.5;color:var(--ink-muted)}
html body #wiPage .wi-hits mark:not(#_){background:color-mix(in srgb,#ffe08a 70%,transparent);color:inherit;border-radius:3px;padding:0 1px}
html body #wiPage .wi-lnk:not(#_){border:0;background:none;padding:0;font:inherit;font-weight:600;color:var(--c-ink);text-decoration:underline;text-underline-offset:.2em;cursor:pointer}
html body #wiPage .wi-ptop:not(#_){display:none}
/* the columns follow the room the page has (Kasper docked beside it takes some): On this page goes first, then the rail */
html body #wiPage:not(#_){container-type:inline-size;container-name:wiki}
@container wiki (max-width:1020px){
  html body #wiPage .wi:not(#_){grid-template-columns:240px minmax(0,1fr);gap:32px}
  html body #wiPage .wi-toc:not(#_){display:none}
}
@container wiki (max-width:640px){
  html body #wiPage .wi:not(#_){grid-template-columns:minmax(0,1fr);gap:18px}
  html body #wiPage :is(.wi-rail,.wi-toc):not(#_):not(#_){display:none}
  html body #wiPage .wi-ptop:not(#_):not(#_){display:flex;gap:8px}
  html body #wiPage .wi-ptop .find:not(#_){flex:1 1 auto;min-width:0;min-height:40px}
  html body #wiPage .wi-ptop .btn-s:not(#_):not(#_){min-height:40px;padding:0 14px;font-weight:600}
}
@media (max-width:860px){
  html body #wiPage .wi:not(#_){grid-template-columns:minmax(0,1fr);gap:18px}
  html body #wiPage :is(.wi-rail,.wi-toc):not(#_):not(#_){display:none}
  html body #wiPage .wi-ptop:not(#_):not(#_){display:flex;gap:8px}
  html body #wiPage .wi-ptop .find:not(#_){flex:1 1 auto;min-width:0;min-height:44px}
  html body #wiPage .wi-ptop .btn-s:not(#_):not(#_){min-height:44px;padding:0 14px;font-weight:600}
  html body #wiPage .wi-h1:not(#_):not(#_){display:block!important;font-size:27px!important}
  html body #wiPage .wi-lead:not(#_),html body #wiPage .wi-lead p:not(#_){font-size:16px}
  html body #wiPage .wi-art:not(#_):not(#_){font-size:15.5px}
  html body #wiPage .wi-pn:not(#_):not(#_){grid-template-columns:minmax(0,1fr)}
  html body #wiPage .wi-pn a.nx:not(#_):not(#_){grid-column:1}
}