/* =====================================================================
   v403 · MØDEKNAPPERNE (handoff 168-170) - knapper.js. Bruges inde i fladens shadow roots (moedeflade.js' CSS) og på
   referatsiden (index.html). Alle mål, tekster og farver er designerens; knappens farve og tone kommer som --kf/--kt.
   ===================================================================== */
@keyframes kn-steam{0%{transform:translateY(4px);opacity:0}40%{opacity:1}100%{transform:translateY(-6px);opacity:0}}
@keyframes kn-tilt{0%,100%{transform:rotate(-12deg)}50%{transform:rotate(12deg)}}
@keyframes kn-bars{0%,100%{transform:scaleY(.25)}50%{transform:scaleY(1)}}
@keyframes kn-pulse{0%,100%{opacity:.35}50%{opacity:1}}
@keyframes kn-tickback{0%{transform:rotate(0)}100%{transform:rotate(-360deg)}}
@keyframes kn-bob{0%,100%{transform:translateY(1px) rotate(-6deg)}50%{transform:translateY(-3px) rotate(6deg)}}
@keyframes kn-nod{0%,60%,100%{transform:rotate(0)}20%{transform:rotate(-18deg)}40%{transform:rotate(4deg)}}
@keyframes kn-ripple{0%{transform:scale(.7);opacity:.3}70%{opacity:1}100%{transform:scale(1.12);opacity:.2}}
@keyframes kn-draw{0%{stroke-dasharray:0 70}70%,100%{stroke-dasharray:70 0}}
@keyframes kn-rewind{0%,100%{transform:rotate(0)}50%{transform:rotate(-55deg)}}
@keyframes kn-peek{0%,100%{transform:translateX(-2.5px)}50%{transform:translateX(2.5px)}}
@keyframes kn-lift{0%{transform:translateY(3px);opacity:.4}60%{transform:translateY(-3px);opacity:1}100%{transform:translateY(3px);opacity:.4}}
@keyframes kn-scribble{0%,100%{transform:translate(0,0) rotate(0)}25%{transform:translate(1.5px,-1px) rotate(4deg)}75%{transform:translate(-1.5px,1px) rotate(-4deg)}}
@keyframes kn-flip{0%,100%{transform:perspective(60px) rotateY(0)}50%{transform:perspective(60px) rotateY(160deg)}}
@keyframes kn-sway{0%,100%{transform:rotate(-6deg)}50%{transform:rotate(6deg)}}
@keyframes kn-split{0%,100%{transform:scaleX(1)}50%{transform:scaleX(1.25)}}
@keyframes kn-park{0%{transform:translateX(-6px);opacity:.3}50%{transform:translateX(0);opacity:1}80%{transform:translateX(0) translateY(1px)}100%{transform:translateX(0);opacity:1}}
@keyframes kn-zap{0%,100%{transform:scale(1)}15%{transform:scale(1.18)}30%{transform:scale(.96)}45%{transform:scale(1)}}
@keyframes kn-beat{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}
@keyframes kn-rise{from{transform:translateY(14px);opacity:0}to{transform:none;opacity:1}}
@keyframes kn-hold{from{width:0}to{width:100%}}

/* ---------- tegnfeltet ---------- */
.kn-tf{position:relative;flex:none;display:grid;place-items:center;background:var(--kt)}
.kn-svg{fill:none;stroke:var(--kf);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transform-origin:50% 60%}
.kn-tf44{width:44px;height:44px}.kn-tf44 .kn-svg{width:26px;height:26px}
.kn-tf40{width:40px;height:40px}.kn-tf40 .kn-svg{width:24px;height:24px}
.kn-tf64{width:64px;height:64px}.kn-tf64 .kn-svg{width:38px;height:38px;stroke-width:1.5}
.kn-tf96{width:96px;height:96px}.kn-tf96 .kn-svg{width:54px;height:54px;stroke-width:1.4}
.kn-damp{position:absolute;left:0;right:0;top:3px;display:flex;justify-content:center;gap:5px}
.kn-damp i{width:2px;height:7px;background:var(--kf);animation:kn-steam 1.1s ease-in-out infinite}
.kn-damp i:nth-child(2){animation-delay:.3s}.kn-damp i:nth-child(3){animation-delay:.6s}
.kn-maaler{position:absolute;left:5px;right:5px;bottom:5px;height:11px;display:flex;align-items:flex-end;justify-content:center;gap:2px;background:var(--kt)}
.kn-maaler i{width:3px;height:11px;transform-origin:bottom;background:var(--kf);animation:kn-bars .7s ease-in-out infinite}
.kn-maaler i:nth-child(2){animation-delay:.15s}.kn-maaler i:nth-child(3){animation-delay:.3s}.kn-maaler i:nth-child(4){animation-delay:.45s}

/* ---------- knappen på fladen (§2.1) ---------- */
.klods.kt-knap.kn{background:var(--m-surface);border:1px solid var(--m-line);color:var(--m-text);padding:10px;gap:10px;touch-action:manipulation;user-select:none;-webkit-user-select:none;
  transition:transform 160ms,box-shadow 160ms;-webkit-touch-callout:none}
.klods.kt-knap.kn.linje{flex-direction:row;align-items:center}
.klods.kt-knap.kn.hoej{flex-direction:column;align-items:flex-start;gap:8px}
.klods.kt-knap.kn.sym{padding:0;align-items:center;justify-content:center}
.klods.kt-knap.kn .kn-tekst{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.klods.kt-knap.kn .kn-n{font-size:15px;font-weight:700;line-height:1.15;color:var(--m-text);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.klods.kt-knap.kn .kn-u{font-size:12px;line-height:1.3;color:var(--m-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.klods.kt-knap.kn .kn-u.arb{color:var(--kf)}
.klods.kt-knap.kn .kn-u .k-svl{font-size:12px}
.klods.kt-knap.kn.arb{border:1.5px solid var(--kf)}
.klods.kt-knap.kn .kn-hold{position:absolute;left:0;bottom:0;height:3px;width:0;background:var(--kf)}
.klods.kt-knap.kn.holder{transform:scale(.97);box-shadow:0 0 0 4px var(--kt);border:1.5px solid var(--kf)}
.klods.kt-knap.kn.holder .kn-hold{animation:kn-hold 450ms linear forwards}
.app.ret .klods.kt-knap.kn{background:var(--m-surface)}
.klods.kt-knap.kn.valgt{border:1.5px solid var(--staal,var(--m-accent))}

/* ---------- svaret (§2.3) ---------- */
.kn-vent{display:flex;flex-direction:column;align-items:center;gap:14px;padding:60px 20px;text-align:center}
.kn-vent-t{font-size:16px;font-weight:700;color:var(--kf)}
.kn-vent-u{font-size:13px;color:var(--m-muted)}
.kn-svar{font-family:Barlow,system-ui,sans-serif;color:var(--m-text)}
.kn-rise{animation:kn-rise 420ms cubic-bezier(.2,.8,.2,1) both}
.kn-fejl{padding:14px;background:var(--m-bg);font-size:14px;line-height:1.45;color:var(--m-text)}
.kn-fod{font-size:12px;color:var(--m-muted);margin:10px 2px 0}
.kn-intro{font-size:14px;line-height:1.45;color:var(--m-text);margin:0 2px 12px}
.kn-intro b{color:var(--m-text)}
.kn-kick{font:700 11px/1 Barlow,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--m-muted)}
.kn-hj{font-size:12px;color:var(--m-muted);margin:4px 2px}
.kn-c{text-align:center;margin-top:8px}
.kn-kort{background:var(--m-surface);border:1px solid var(--m-line);border-left:4px solid var(--kf);padding:12px;margin-bottom:8px}
.kn-q{font-family:Newsreader,Georgia,serif;font-size:18px;font-weight:600;line-height:1.3}
.kn-varme{display:flex;align-items:center;gap:6px;margin-bottom:8px}
.kn-varme i{width:14px;height:6px}
.kn-varme span{font-size:12px;color:var(--m-muted);margin-left:6px}
.kn-felter{display:grid;grid-template-columns:auto 1fr;gap:6px 10px;margin-top:9px;font-size:13px;line-height:1.4}
.kn-fk{font-weight:700;white-space:nowrap;color:var(--kf)}
.kn-who{display:inline-flex;align-items:center;gap:4px;min-height:28px;padding:0 8px;margin:-4px 0;border:1px solid var(--m-line);background:var(--m-surface);cursor:pointer;font:700 13px/1 Barlow,sans-serif;color:var(--m-text)}
.kn-who.valgt{border-color:var(--kf);color:var(--kf)}
.kn-hl{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}
.kn-tag,.kn-akt{min-height:38px;display:inline-flex;align-items:center;padding:0 12px;font:700 13px/1 Barlow,sans-serif;cursor:pointer;background:var(--m-surface);color:var(--kf);border:1.5px solid var(--kf)}
.kn-akt{min-height:36px;margin-top:10px}
.kn-tag.paa,.kn-akt.paa{background:var(--kf);color:var(--m-surface)}
.kn-senere{min-height:38px;display:inline-flex;align-items:center;padding:0 10px;font:400 13px/1 Barlow,sans-serif;cursor:pointer;background:none;border:0;color:var(--m-accent)}
.kn-senere.paa{color:var(--m-ok)}
.kn-dj{margin-bottom:10px}
.kn-dj-a{background:var(--m-surface);border:1px solid var(--m-line);padding:10px 12px;font-size:15px;line-height:1.4}
.kn-dj-a .kn-kick{margin-bottom:6px}
.kn-dj-b{display:flex;align-items:flex-start;gap:10px;margin-top:-1px;padding:12px;background:var(--kf);color:var(--m-surface)}
.kn-dj-b .kn-kick{color:var(--m-surface);opacity:.8}
.kn-dj-ik{width:22px;height:22px;flex:none;stroke:var(--m-surface)}
.kn-dj-mod{font-family:Newsreader,Georgia,serif;font-size:17px;line-height:1.4;margin-top:6px}
.kn-boelge{display:flex;align-items:center;gap:2px;height:24px;margin-top:8px}
.kn-boelge i{flex:1;background:var(--kf);opacity:.55}
.kn-sagt{font-family:Newsreader,Georgia,serif;font-size:16px;font-style:italic;line-height:1.4;margin-top:8px}
.kn-kort:has(.kn-boelge){border-left:1px solid var(--m-line)}
.kn-papir{background:var(--m-paper);border:1px solid var(--m-paper-line);padding:16px;margin-top:8px;font-family:Newsreader,Georgia,serif}
.kn-papir p{font-size:16px;line-height:1.55;margin:6px 0 0}
.kn-papir p.f{font-weight:600}
.kn-skarp{display:flex;gap:12px;align-items:flex-start;background:var(--m-surface);border:1px solid var(--m-line);padding:14px 12px;margin-bottom:8px}
.kn-nr{font:600 40px/.9 "Barlow Condensed",sans-serif;color:var(--kf)}
.kn-q19{flex:1;font-family:Newsreader,Georgia,serif;font-size:19px;font-weight:600;line-height:1.3}
.kn-hoejt{background:var(--kt);padding:18px 16px}
.kn-hp{display:flex;gap:12px;align-items:flex-start;margin-top:14px}
.kn-hp .kn-kick{margin-bottom:5px}
.kn-prik{width:10px;height:10px;flex:none;margin-top:9px;border-radius:50%;background:var(--kf);border:2px solid var(--kf);box-sizing:border-box}
.kn-prik.hul{background:var(--m-surface)}
.kn-hp-t{font-size:20px;line-height:1.35;font-weight:600}
.kn-person{display:flex;gap:12px;align-items:center;min-height:60px;background:var(--m-surface);border:1px solid var(--m-line);padding:8px 12px;margin-bottom:6px;box-sizing:border-box}
.kn-init{width:36px;height:36px;flex:none;display:grid;place-items:center;color:var(--m-surface);font-size:14px;font-weight:700;background:var(--kf)}
.kn-init.ingen{background:var(--m-faint)}
.kn-pm{flex:1;min-width:0}
.kn-pm b{display:block;font-size:15px}
.kn-pm span{display:block;font-size:13px;line-height:1.35;color:var(--m-text);margin-top:2px}
.kn-st{min-height:26px;display:flex;align-items:center;padding:0 8px;font-size:12px;font-weight:700;white-space:nowrap;background:var(--m-bg);color:var(--m-muted)}
.kn-st.ja{background:var(--kt);color:var(--kf)}
.kn-single{background:var(--m-text);color:var(--m-ink-fg);padding:22px 18px}
.kn-single-ik{width:42px;height:42px;stroke:var(--m-surface);stroke-width:1.4}
.kn-single-t{font-family:Newsreader,Georgia,serif;font-size:22px;line-height:1.35;margin-top:12px}
.kn-single-s{font-size:14px;line-height:1.45;opacity:.75;margin-top:10px}
.kn-blid{background:var(--m-surface);border:1px solid var(--m-line);padding:14px;margin-top:8px}
.kn-blid-q{font-size:17px;font-weight:600;line-height:1.35;margin-top:8px}
.kn-el{min-height:40px;display:inline-flex;align-items:center;padding:0 14px;font:700 14px/1 Barlow,sans-serif;cursor:pointer;background:var(--m-surface);color:var(--m-text);border:1.5px solid var(--m-text)}
.kn-el.paa{background:var(--m-text);color:var(--m-ink-fg)}
.kn-ikkenu{min-height:40px;display:inline-flex;align-items:center;padding:0 10px;font:400 14px/1 Barlow,sans-serif;color:var(--m-muted);background:none;border:0;cursor:pointer}
.kn-num{display:flex;gap:12px;align-items:flex-start;background:var(--m-surface);border:1px solid var(--m-line);padding:14px 12px;margin-bottom:8px}
.kn-badge{width:34px;height:34px;flex:none;display:grid;place-items:center;border-radius:50%;color:var(--m-surface);font:600 18px/1 "Barlow Condensed",sans-serif;background:var(--kf)}
.kn-num .kn-q{flex:1}
.kn-qdots{display:flex;gap:3px;margin-bottom:10px}
.kn-qdots i{flex:1;height:5px}
.kn-udsagn{min-height:210px;display:flex;align-items:center;justify-content:center;background:var(--m-surface);border:1.5px solid var(--kf);margin-top:10px;padding:24px 20px;text-align:center;
  font-family:Newsreader,Georgia,serif;font-size:24px;font-weight:600;line-height:1.3;animation:kn-rise 360ms both;box-sizing:border-box}
.kn-qk{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.kn-nej,.kn-ja{min-height:96px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;cursor:pointer;font:700 14px/1 Barlow,sans-serif}
.kn-nej{background:var(--m-surface);border:1.5px solid var(--m-muted);color:var(--m-text)}
.kn-nej .kn-svg{width:34px;height:34px;stroke:var(--m-muted)}
.kn-ja{background:var(--kf);border:0;color:var(--m-surface)}
.kn-ja .kn-svg{width:34px;height:34px;stroke:var(--m-surface)}
.kn-spring,.kn-igen{min-height:40px;display:inline-flex;align-items:center;padding:0 12px;font:400 14px/1 Barlow,sans-serif;color:var(--m-accent);background:none;border:0;cursor:pointer}
.kn-igen{margin-top:10px;min-height:44px;padding:0 14px;font-weight:700;border:1.5px solid var(--m-accent)}
.kn-qsum{background:var(--kt);padding:16px}
.kn-qsum-t{font:600 26px/1.1 "Barlow Condensed",sans-serif}
.kn-qsum-u{font-size:13px;color:var(--m-text);margin-top:6px}
.kn-qres{display:flex;gap:12px;align-items:center;min-height:56px;background:var(--m-surface);border:1px solid var(--m-line);padding:8px 12px;margin-top:6px;box-sizing:border-box}
.kn-qmk{width:28px;height:28px;flex:none;display:grid;place-items:center;font-size:14px;font-weight:700;color:var(--m-surface)}
.kn-qres-t{flex:1;font-size:15px;line-height:1.35}
.kn-qres-l{font-size:12px;font-weight:700;color:var(--m-muted)}
.kn-tema{font-family:Newsreader,Georgia,serif;font-size:21px;font-weight:600;line-height:1.25;margin-top:8px}
.kn-tl{position:relative;margin-top:14px;padding-left:24px}
.kn-tl-l{position:absolute;left:7px;top:6px;bottom:6px;width:2px;background:var(--kf)}
.kn-tlp{position:relative;padding:0 0 16px}
.kn-tl-d{position:absolute;left:-23px;top:3px;width:14px;height:14px;box-sizing:border-box;border-radius:50%;border:2px solid var(--kf);background:var(--m-surface)}
.kn-tl-d.nu{background:var(--kf)}
.kn-tl-dato{font:500 12px/1 ui-monospace,Menlo,monospace;color:var(--m-muted)}
.kn-tl-t{font-size:15px;line-height:1.4;margin-top:5px}
.kn-note{padding:12px;margin-top:2px;font-size:14px;font-weight:700;line-height:1.4;background:var(--kt);color:var(--kf)}
.kn-pchips{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.kn-pchip{min-height:38px;display:flex;align-items:center;padding:0 12px;font:700 14px/1 Barlow,sans-serif;cursor:pointer;background:var(--m-surface);color:var(--kf);border:1.5px solid var(--kf)}
.kn-pchip.paa{background:var(--kf);color:var(--m-surface)}
.kn-boble{position:relative;margin-top:14px;background:var(--m-surface);border:1.5px solid var(--kf);padding:18px 16px;font-family:Newsreader,Georgia,serif;font-size:19px;font-style:italic;line-height:1.45}
.kn-boble i{position:absolute;left:24px;bottom:-9px;width:14px;height:14px;background:var(--m-surface);border-right:1.5px solid var(--kf);border-bottom:1.5px solid var(--kf);transform:rotate(45deg)}
.kn-hvem{margin:14px 0 0 12px;font-size:13px;font-weight:700;color:var(--kf)}
.kn-del,.kn-kopi{min-height:44px;display:flex;align-items:center;padding:0 14px;font:700 14px/1 Barlow,sans-serif;cursor:pointer}
.kn-del{color:var(--m-ink-fg);background:var(--m-ink);border:0}
.kn-kopi{font-weight:600;background:var(--m-surface);border:1px solid var(--m-line);color:var(--m-text)}
.kn-tog{display:flex;align-items:center;gap:10px;min-height:52px;box-sizing:border-box;background:var(--m-surface);border:1px solid var(--m-line);padding:8px 8px 8px 12px;margin-bottom:6px}
.kn-tog span{flex:1;min-width:0;font-size:16px;font-weight:600;line-height:1.35}
.kn-tog .kn-akt{margin-top:0}
.kn-plakat{background:var(--kf);color:var(--m-surface);padding:22px 18px 26px;transform:rotate(-1deg);box-shadow:0 10px 24px rgba(0,0,0,.18)}
.kn-plakat .kn-kick{color:var(--m-surface);opacity:.8;letter-spacing:.14em}
.kn-pp{display:flex;gap:12px;align-items:baseline;margin-top:16px}
.kn-pnr{font:600 34px/.9 "Barlow Condensed",sans-serif;opacity:.6}
.kn-pt{font:600 26px/1.1 "Barlow Condensed",sans-serif}
.kn-plakat + .kn-hj{margin:14px 2px 0}
.kn-par{display:grid;grid-template-columns:1fr 1fr;margin-bottom:10px}
.kn-par > div{background:var(--m-surface);border:1px solid var(--m-line);padding:12px;font-size:14px;line-height:1.4}
.kn-par > div.b{background:var(--kt);border-left:0}
.kn-par .kn-kick{margin-bottom:6px}

/* ---------- arkene (§2.2 og §2.3) ---------- */
.kn-bag{position:fixed;inset:0;z-index:150;background:rgba(0,0,0,.32);opacity:0;transition:opacity 220ms}
.kn-bag.vis{opacity:1}
.kn-ark{position:fixed;left:0;right:0;bottom:0;z-index:151;background:var(--m-surface);padding:10px 0 calc(22px + env(safe-area-inset-bottom,0px));transform:translateY(100%);
  transition:transform 300ms cubic-bezier(.2,.8,.2,1);max-height:86vh;overflow-y:auto;font-family:Barlow,system-ui,sans-serif;color:var(--m-text);max-width:560px;margin:0 auto}
.kn-ark.vis{transform:none}
.kn-greb{width:40px;height:4px;background:var(--m-line);margin:0 auto 14px}
.kn-info-h{display:flex;align-items:center;gap:14px;padding:0 20px}
.kn-info-h b{display:block;font:600 26px/1.05 "Barlow Condensed",sans-serif}
.kn-info-h small{display:block;font-size:13px;color:var(--m-muted);margin-top:5px}
.kn-info-k{padding:16px 20px 0;display:flex;flex-direction:column;gap:12px}
.kn-betyd{padding:10px 12px;font-family:Newsreader,Georgia,serif;font-size:15px;line-height:1.45;font-style:italic;color:var(--m-paper-text);background:var(--kt)}
.kn-betyd.lille{font-size:14px;line-height:1.4;padding:8px 10px;margin-top:8px}
.kn-hvad{font-size:15px;line-height:1.5;margin-top:6px}
.kn-godt{font-size:14px;line-height:1.45;color:var(--m-text);margin-top:5px}
.kn-info-f{display:flex;gap:8px;padding:16px 20px 0}
.kn-brug{flex:1;min-height:52px;display:grid;place-items:center;color:var(--m-surface);font:700 16px/1 Barlow,sans-serif;cursor:pointer;background:var(--kf);border:0}
.kn-luk{min-height:52px;display:flex;align-items:center;padding:0 16px;font:400 15px/1 Barlow,sans-serif;color:var(--m-accent);cursor:pointer;background:none;border:0}
.kn-ark-h{padding:0 18px 4px;font:600 22px/1.1 "Barlow Condensed",sans-serif}
.kn-ark-q{padding:0 18px 10px;font-size:13px;line-height:1.4;color:var(--m-muted)}
.kn-nf{margin:0 18px;height:48px;display:flex;align-items:center;gap:8px;padding:0 6px 0 12px;border:1.5px solid var(--m-accent);box-sizing:border-box}
.kn-nf input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:400 16px/1 Barlow,sans-serif}
.kn-vaelg{min-height:36px;display:flex;align-items:center;padding:0 12px;background:var(--m-ink);color:var(--m-ink-fg);font:700 13px/1 Barlow,sans-serif;cursor:pointer;border:0}
.kn-nf-hj{padding:6px 18px 0;font-size:12px;color:var(--m-faint)}
.kn-mig,.kn-kendt{width:100%;min-height:52px;display:flex;align-items:center;gap:12px;padding:0 18px;border:0;border-top:1px solid var(--m-field);background:var(--m-surface);cursor:pointer;text-align:left;font-family:Barlow,sans-serif}
.kn-mig{margin-top:10px}
.kn-mig span{width:32px;height:32px;display:grid;place-items:center;background:var(--m-ink);color:var(--m-ink-fg);font-size:13px;font-weight:700}
.kn-mig b{font-size:16px;font-weight:600}
.kn-kendt{min-height:48px}
.kn-kendt span{width:32px;height:32px;display:grid;place-items:center;background:var(--m-tint);color:var(--m-accent);font-size:13px;font-weight:700}
.kn-kendt b{flex:1;font-size:16px;font-weight:500}
.kn-kendt.nu{background:var(--m-tint)}.kn-kendt.nu b{font-weight:700}
.kn-kendt small{font-size:12px;color:var(--m-muted)}
.kn-ark-kick{padding:10px 18px 4px;font:700 11px/1 Barlow,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--m-muted)}
.kn-ingen{margin:10px 18px 0;padding:10px 12px;background:var(--m-bg);font-size:13px;line-height:1.4;color:var(--m-text)}

/* ---------- computerens kort (168b) ---------- */
.kn-hover{position:fixed;z-index:160;width:300px;box-sizing:border-box;background:var(--m-surface);border:1px solid var(--m-line);box-shadow:0 14px 30px rgba(0,0,0,.18);padding:14px;
  animation:kn-rise 200ms cubic-bezier(.2,.8,.2,1) both;font-family:Barlow,system-ui,sans-serif;color:var(--m-text);pointer-events:none}
.kn-pil{position:absolute;top:-6px;left:24px;width:10px;height:10px;background:var(--m-surface);border-left:1px solid var(--m-line);border-top:1px solid var(--m-line);transform:rotate(45deg)}
.kn-hover.hoejre .kn-pil{left:auto;right:24px}
.kn-hover-h{display:flex;align-items:center;gap:8px}
.kn-hover-h i{width:10px;height:10px}
.kn-hover-h b{font:600 19px/1 "Barlow Condensed",sans-serif}
.kn-hover-h small{margin-left:auto;font-size:12px;color:var(--m-muted)}
.kn-hover-t{font-size:13px;line-height:1.45;margin-top:8px}
.kn-hover-u{font-size:12px;color:var(--m-muted);margin-top:8px}

@media (prefers-reduced-motion: reduce){
  .kn-rise,.kn-udsagn,.kn-hover{animation:none}
  .kn-damp i,.kn-maaler i{animation:kn-pulse 1s ease-in-out infinite}
}

/* ---------- i fladens svar-ark (moedeflade.js ks-ark) og bakken ---------- */
.ks-ark.kn-svarark .ks-h{border-bottom:3px solid var(--kf)}
.ks-ark.kn-svarark .ks-ik .kn-svg{width:24px;height:24px;stroke:var(--kf);stroke-width:1.6}
.ks-ark.kn-svarark .ks-krop{padding:12px 12px 16px;font-size:15px}
.kn-svar.stille .kn-rise{animation:none}
.kn-tf28{width:28px;height:28px}.kn-tf28 .kn-svg{width:18px;height:18px}
/* læsevisningen (referatsiden · Andre): ingen handlinger - de hører til mødet, mens det kører */
.kn-svar.kn-laes .kn-hl,.kn-svar.kn-laes .kn-akt,.kn-svar.kn-laes .kn-pchips,.kn-svar.kn-laes .kn-c,.kn-svar.kn-laes .kn-igen{display:none}
.kn-svar.kn-laes .kn-who{pointer-events:none}

/* handoff 185 §1.3: slags-mærket på knappen - stribe for dem, der følger mødet, og en linje nederst */
.kn-stribe{position:absolute;left:0;right:0;top:0;height:3px;display:block;pointer-events:none}