/* hostious-kb · Hostious Videnscenter · fælles navigationspanel og videnscenter-layout (28. oktober 2026) */
.hostious-site{box-sizing:border-box;--g900:#071E1A;--g700:#11342E;--acc:#0B6B4D;--acc-s:#E8F3EC;--acc-l:#8FD3B4;--cream:#FAF4E8;--paper:#FFFDF9;--card:#FFFFFF;--line:#E9E3D6;--line2:#DCD4C3;--ink:#17211E;--mute:#55625E;--mute2:#75817C;--y:#FFD700;--y2:#FFE23D;--w:#FFFFFF;--w8:rgba(255,255,255,.82);--glass:rgba(255,255,255,.08);--glass2:rgba(255,255,255,.2);--term:#0E1513;--disp:"Readex Pro","Trebuchet MS",Verdana,sans-serif;--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--hdr:72px;--top:var(--hdr);background:var(--paper);color:var(--ink);font:400 16.5px/1.65 Inter,"Segoe UI",Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:clip}
.hostious-site *,.hostious-site ::before,.hostious-site ::after{box-sizing:border-box}
.hostious-site :where(h1,h2,h3,p,ul,ol,table){margin:0}
.hostious-site :where(ul,ol){padding:0;list-style:none}
.hostious-site :where(a){color:inherit;text-decoration:none}
.hostious-site :where(button,input){font:inherit;color:inherit}
.hostious-site :focus-visible{outline:3px solid var(--acc);outline-offset:2px;border-radius:8px}
.hostious-i{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.hostious-vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* skal: indhold + panel */
.hostious-kb{container:kb/inline-size;width:100%;max-width:100%;align-self:stretch}
.hostious-kb-grid{--gl:max(24px,env(safe-area-inset-left,0px));--gr:max(24px,env(safe-area-inset-right,0px));display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:56px;max-width:1400px;margin:0 auto;padding-left:var(--gl);padding-right:var(--gr);padding-block:0 72px}
.hostious-kb-main{order:1;container:kbm/inline-size;min-width:0;display:grid;gap:72px;align-content:start;padding-block:44px 96px}
.hostious-kb-side{order:2;position:sticky;top:calc(var(--top) + 24px);align-self:start;max-height:calc(100dvh - var(--top) - 48px);overflow-y:auto;overscroll-behavior:contain;margin-block:24px;padding:18px 14px 16px;border:1px solid var(--line);border-radius:20px;background:var(--card);box-shadow:0 1px 2px rgba(7,30,26,.04),0 14px 30px -24px rgba(7,30,26,.25);scrollbar-width:thin}
.hostious-kb-here{display:grid;gap:3px;margin:0 2px 14px;padding:12px 14px;border-radius:12px;background:var(--g700);color:var(--w)}
.hostious-kb-here small{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--acc-l)}
.hostious-kb-here b{font:600 15px/1.3 var(--disp)}
.hostious-kb-here span{font-size:12.5px;color:var(--w8)}
.hostious-kb-prog{height:4px;margin-top:6px;border-radius:2px;background:var(--glass2);overflow:hidden}
.hostious-kb-prog i{display:block;height:100%;background:var(--y)}
.hostious-kb-pn{display:flex;justify-content:space-between;gap:10px;margin-top:8px;padding-top:8px;border-top:1px solid var(--glass2);font-size:12.5px;font-weight:600}
.hostious-kb-pn a{color:var(--y)}
.hostious-kb-toc{display:grid;gap:8px;margin:0 2px 14px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--cream)}
.hostious-kb-toc>b{font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.hostious-toclist{display:grid;gap:1px;max-height:38vh;overflow:auto}
.hostious-toclist a{display:block;padding:4px 0 4px 12px;border-left:2px solid var(--line);font-size:13px;line-height:1.4;color:var(--mute)}
.hostious-toclist a.is-on{border-left-color:var(--acc);color:var(--g700);font-weight:600}
.hostious-kb-bar{display:none}
.hostious-kb-open{display:inline-flex;align-items:center;gap:8px;flex:none;height:38px;padding:0 12px;border:1px solid var(--line2);border-radius:10px;background:var(--card);color:var(--g700);font-size:14px;font-weight:700;cursor:pointer}
.hostious-kb-where{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;color:var(--mute)}
.hostious-kb-where b{font-weight:600;color:var(--g700)}

/* emnenavigation */
.hostious-kb-nav{display:grid;gap:2px;font-size:14px}
.hostious-kb-search{position:relative;margin-bottom:14px}
.hostious-kb-search .hostious-i{position:absolute;left:11px;top:11px;width:16px;height:16px;color:var(--mute2);pointer-events:none}
.hostious-kb-search input{width:100%;height:38px;padding:0 12px 0 34px;border:1px solid var(--line2);border-radius:10px;background:var(--card);font-size:14px;outline:none}
.hostious-kb-search input:focus{border-color:var(--acc)}
.hostious-kb-home,.hostious-kb-hub,.hostious-kb-art{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:8px;color:var(--ink);transition:background .15s}
.hostious-kb-home:hover,.hostious-kb-hub:hover,.hostious-kb-art:hover{background:var(--cream)}
.hostious-kb-home{font-weight:600;color:var(--g700)}
.hostious-kb-hub>span:not([class]){min-width:0}
.hostious-kb-n{margin-left:auto;padding-left:8px;font-size:12px;color:var(--mute2);font-variant-numeric:tabular-nums}
.hostious-kb-area>summary,.hostious-kb-grp>summary{display:flex;align-items:center;gap:8px;list-style:none;cursor:pointer;border-radius:8px}
.hostious-kb-area>summary::-webkit-details-marker,.hostious-kb-grp>summary::-webkit-details-marker{display:none}
.hostious-kb-area>summary{margin-top:10px;padding:8px 10px;font-size:13.5px;font-weight:600;color:var(--g700)}
.hostious-kb-area>summary .hostious-i{width:16px;height:16px;color:var(--acc)}
.hostious-kb-area>summary .hostious-kb-n{margin-left:0}
.hostious-kb-area>ul{padding:0 0 4px 8px}
.hostious-kb-area>summary::after,.hostious-kb-grp>summary::after{content:"";width:6px;height:6px;margin-left:auto;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(-45deg);opacity:.5;transition:transform .2s}
.hostious-kb-area[open]>summary::after,.hostious-kb-grp[open]>summary::after{transform:rotate(45deg)}
.hostious-kb-area>summary:hover,.hostious-kb-grp>summary:hover{color:var(--g700)}
.hostious-kb-hub.is-open{font-weight:600;color:var(--g700)}
.hostious-kb-sub{display:grid;gap:1px;margin:2px 0 8px 10px;padding-left:10px;border-left:1px solid var(--line)}
.hostious-kb-grp>summary{padding:5px 10px;font-size:13.5px;font-weight:500;color:var(--ink)}
.hostious-kb-grp>summary .hostious-kb-n{margin-left:0}
.hostious-kb-grp ul{display:grid;gap:1px;padding:1px 0 6px 4px}
.hostious-kb-art{padding:5px 10px;font-size:13px;line-height:1.35;color:var(--mute)}
.hostious-kb-nav [aria-current=page]{background:var(--acc-s);color:var(--g700);font-weight:600;box-shadow:inset -3px 0 0 var(--acc)}
.hostious-kb-block{margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}
.hostious-kb-label{padding:4px 10px;font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.hostious-kb-hub .hostious-i{width:16px;height:16px;color:var(--mute2)}
.hostious-kb-empty{padding:8px 10px;font-size:13.5px;color:var(--mute)}
.hostious-help{display:grid;gap:8px;justify-items:start;margin-top:18px;padding:16px;border-radius:14px;background:var(--cream)}
.hostious-help b{font:600 15px/1.25 var(--disp);color:var(--g700)}
.hostious-help p{font-size:13.5px;line-height:1.45;color:var(--mute)}

/* skuffe på mobil */
.hostious-kb-drawer{position:fixed;inset:0;z-index:99990;display:flex;justify-content:flex-end}
.hostious-kb-drawer[hidden]{display:none}
.hostious-kb-scrim{position:absolute;inset:0;border:0;background:rgba(7,30,26,.5);opacity:0;transition:opacity .25s;cursor:pointer}
.hostious-kb-panel{position:relative;display:flex;flex-direction:column;width:min(88%,360px);height:100%;background:var(--paper);transform:translateX(102%);transition:transform .28s cubic-bezier(.2,.7,.2,1)}
.hostious-kb-drawer.is-open .hostious-kb-scrim{opacity:1}
.hostious-kb-drawer.is-open .hostious-kb-panel{transform:none}
.hostious-kb-panelhead{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:calc(12px + env(safe-area-inset-top,0px)) max(14px,env(safe-area-inset-right,0px)) 12px 16px;border-bottom:1px solid var(--line)}
.hostious-kb-panelhead b{font:600 17px/1 var(--disp);color:var(--g700)}
.hostious-kb-close{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line2);border-radius:10px;background:var(--card);color:var(--g700);cursor:pointer}
.hostious-kb-panelbody{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:14px max(12px,env(safe-area-inset-right,0px)) calc(24px + env(safe-area-inset-bottom,0px)) 12px}

/* typografi */
.hostious-h1{font:600 42px/1.1 var(--disp);letter-spacing:-.03em;color:var(--g700);text-wrap:balance}
.hostious-h2{font:600 26px/1.2 var(--disp);letter-spacing:-.02em;color:var(--g700);text-wrap:balance}
.hostious-h3{font:600 17px/1.35 var(--disp);color:var(--g700)}
.hostious-lead{max-width:640px;font-size:17.5px;line-height:1.6;color:var(--mute);text-wrap:pretty}
.hostious-lead--html p{margin:0 0 .6em}
.hostious-lead--html p:last-child{margin:0}
.hostious-sub{max-width:600px;font-size:15.5px;color:var(--mute);text-wrap:pretty}
.hostious-meta{font-size:13.5px;line-height:1.45;color:var(--mute)}
.hostious-eyebrow{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.hostious-hl{color:var(--acc)}
.hostious-link{color:var(--acc);font-weight:600;text-decoration:underline;text-underline-offset:3px}

/* knapper og mærker */
.hostious-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 20px;border:1px solid transparent;border-radius:11px;font-size:15px;font-weight:700;line-height:1.2;white-space:nowrap;cursor:pointer;transition:background .18s}
.hostious-btn--sm{min-height:36px;padding:0 14px;border-radius:9px;font-size:13.5px}
.hostious-btn--y{background:var(--y);color:var(--g900)}
.hostious-btn--y:hover{background:var(--y2)}
.hostious-btn--dark{background:var(--g700);color:var(--w)}
.hostious-btn--line{background:var(--card);border-color:var(--line2);color:var(--g700)}
.hostious-btn--line:hover{border-color:var(--g700)}
.hostious-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.hostious-tag{display:inline-block;font-size:12.5px;font-weight:600;color:var(--acc)}
.hostious-go{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--acc)}
.hostious-anchors{display:flex;flex-wrap:wrap;gap:8px;font-size:13.5px;font-weight:600;color:var(--g700)}
.hostious-anchors a{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 14px;border:1px solid var(--line2);border-radius:999px;background:var(--card);transition:border-color .15s,background .15s}
.hostious-anchors a:hover{border-color:var(--acc);background:var(--acc-s)}
.hostious-anchors small{color:var(--mute2);font-weight:600}

/* hero og søgning */
.hostious-hero{display:grid;gap:20px;justify-items:start;max-width:760px}
.hostious-hero--panel{max-width:none;padding:40px 44px;border:1px solid var(--line);border-radius:24px;background:radial-gradient(700px 360px at 100% 0%,var(--acc-s),transparent 70%),linear-gradient(180deg,var(--card),var(--paper))}
.hostious-hero--panel>*{max-width:760px}
.hostious-hero-top{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}
.hostious-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 8px;border:1px solid var(--line);border-radius:999px;background:var(--card);font-size:13px;font-weight:600;color:var(--g700)}
.hostious-flag{width:20px;height:15px;border-radius:3px;overflow:hidden}
.hostious-crumbs ol{display:flex;flex-wrap:wrap;gap:4px 8px;font-size:13.5px;color:var(--mute)}
.hostious-crumbs li+li::before{content:"/";margin-right:8px;color:var(--mute2)}
.hostious-crumbs a:hover{color:var(--g700);text-decoration:underline;text-underline-offset:3px}
.hostious-crumbs [aria-current]{display:inline-block;max-width:34ch;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;vertical-align:bottom;color:var(--g700)}
.hostious-search{display:flex;align-items:center;gap:8px;width:100%;max-width:640px;padding:6px 6px 6px 14px;border:1px solid var(--line2);border-radius:14px;background:var(--card);color:var(--mute2)}
.hostious-search:focus-within{border-color:var(--acc)}
.hostious-search input{flex:1;min-width:0;height:44px;border:0;background:none;font-size:16px;color:var(--ink);outline:none}
.hostious-found{font-size:14px;color:var(--mute)}
.hostious-found:empty{display:none}
.hostious-sec{display:grid;gap:22px;scroll-margin-top:calc(var(--top) + 56px)}
.hostious-sechead{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 28px}
.hostious-sechead>div{display:grid;gap:6px;max-width:640px}
.hostious-stats{display:flex;flex-wrap:wrap;gap:6px 24px;font-size:14px;color:var(--mute)}
.hostious-stats b{font:600 18px/1 var(--disp);color:var(--g700)}

/* emneoversigt */
.hostious-dir{display:grid;gap:52px}
.hostious-area{display:grid;grid-template-columns:190px minmax(0,1fr);gap:12px 40px;scroll-margin-top:calc(var(--top) + 56px)}
.hostious-area>header{display:grid;gap:6px;align-content:start;position:sticky;top:calc(var(--top) + 24px)}
.hostious-area h2{font:600 22px/1.2 var(--disp);letter-spacing:-.015em;color:var(--g700)}
.hostious-hubs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.hostious-hub{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"ico name" "ico desc" "ico n";gap:2px 14px;align-content:start;padding:16px 18px;border:1px solid var(--line);border-radius:16px;background:var(--card);transition:transform .18s,box-shadow .18s,border-color .18s}
.hostious-hub:hover{transform:translateY(-2px);border-color:var(--acc);box-shadow:0 14px 30px -22px rgba(7,30,26,.35)}
.hostious-hub:hover b{color:var(--acc)}
.hostious-hub .hostious-ico{grid-area:ico;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--acc-s);color:var(--acc)}
.hostious-hub b{grid-area:name;font:600 16.5px/1.3 var(--disp);color:var(--g700)}
.hostious-hub small{grid-area:desc;font-size:13.5px;line-height:1.45;color:var(--mute)}
.hostious-hub .hostious-kb-n{grid-area:n;margin:4px 0 0;font-size:12.5px;white-space:nowrap}
.hostious-plats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.hostious-plat{display:grid;gap:4px;padding:20px 22px;border:1px solid var(--line);border-radius:16px;background:var(--cream);transition:transform .18s,border-color .18s}
.hostious-plat:hover{transform:translateY(-2px);border-color:var(--acc)}
.hostious-plat b{font:600 18px/1.3 var(--disp);color:var(--g700)}
.hostious-plat span{font-size:14px;color:var(--mute)}
.hostious-plat .hostious-go{margin-top:6px}

/* lister */
.hostious-rows{display:grid;border-top:1px solid var(--line)}
.hostious-li{display:grid;grid-template-columns:96px minmax(0,1fr);gap:2px 24px;padding:14px 0;border-bottom:1px solid var(--line)}
.hostious-li time{padding-top:3px;font-size:13px;color:var(--mute2);font-variant-numeric:tabular-nums}
.hostious-li>div{display:grid;gap:3px;min-width:0}
.hostious-li h3{font:500 16.5px/1.4 var(--disp);color:var(--g700)}
.hostious-li h3 a:hover{color:var(--acc)}
.hostious-li .hostious-tag{font-size:12.5px;color:var(--mute)}
.hostious-more{display:flex;justify-content:center;padding-top:8px}
.hostious-more .hostious-btn[disabled]{opacity:.6;cursor:default}
.hostious-more .hostious-kb-n{margin-left:4px}
.hostious-faq{display:grid;max-width:760px;border-top:1px solid var(--line)}
.hostious-faq details{border-bottom:1px solid var(--line)}
.hostious-faq summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;list-style:none;cursor:pointer;font:500 16.5px/1.35 var(--disp);color:var(--g700)}
.hostious-faq summary::-webkit-details-marker{display:none}
.hostious-faq summary::after{content:"+";flex:none;font-size:20px;line-height:1;color:var(--mute2)}
.hostious-faq [open] summary::after{content:"–"}
.hostious-faq p{padding:0 32px 18px 0;font-size:15.5px;color:var(--mute)}
.hostious-faq a{color:var(--acc);text-decoration:underline;text-underline-offset:3px}

/* emneside */
.hostious-kort{display:grid;gap:8px;max-width:760px;padding:20px 24px;border-left:3px solid var(--acc);background:var(--acc-s);border-radius:0 12px 12px 0}
.hostious-kort>b{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--acc)}
.hostious-kort p{font-size:16px;line-height:1.6;color:var(--ink)}
.hostious-kort a{color:var(--acc);text-decoration:underline;text-underline-offset:3px}
.hostious-steps{display:flex;flex-wrap:wrap;gap:6px 20px;padding-top:4px;font-size:14px;color:var(--mute)}
.hostious-steps li{display:flex;gap:6px}
.hostious-steps i{font-style:normal;font-weight:700;color:var(--acc)}
.hostious-spor{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.hostious-spor--many{grid-template-columns:repeat(4,minmax(0,1fr))}
.hostious-spor a{display:grid;gap:4px;align-content:start;padding:16px 18px;border:1px solid var(--line);border-radius:16px;background:var(--card);transition:border-color .15s,transform .18s}
.hostious-spor a:hover{border-color:var(--acc);transform:translateY(-2px)}
.hostious-spor b{font:600 16px/1.3 var(--disp);color:var(--g700)}
.hostious-spor small{font-size:13px;line-height:1.45;color:var(--mute)}
.hostious-spor .hostious-kb-n{margin:4px 0 0;font-size:12.5px}
.hostious-group{display:grid;gap:12px;scroll-margin-top:calc(var(--top) + 56px)}
.hostious-group h3{display:flex;align-items:baseline;gap:10px;font:600 18px/1.3 var(--disp);color:var(--g700)}
.hostious-group h3 span{font:400 13px/1 Inter,sans-serif;color:var(--mute2)}
.hostious-syms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.hostious-sym{position:relative;display:grid;gap:6px;align-content:start;padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:var(--card);transition:border-color .15s}
.hostious-sym:hover{border-color:var(--acc)}
.hostious-sym h3{font:600 16px/1.35 var(--disp);color:var(--g700)}
.hostious-sym h3 a::after{content:"";position:absolute;inset:0;border-radius:inherit}
.hostious-sym p{font-size:13.5px;line-height:1.5;color:var(--mute)}
.hostious-sym p b{color:var(--ink)}
.hostious-sym code{justify-self:start;max-width:100%;font:500 12.5px/1.5 var(--mono);color:var(--mute);overflow-wrap:anywhere}
.hostious-sym .hostious-meta{color:var(--mute2)}
.hostious-q{font-size:13.5px;font-weight:600;color:var(--acc)}
.hostious-term{font:600 13px/1.4 var(--disp);color:var(--acc)}
.hostious-term span{font-weight:400;color:var(--mute)}
.hostious-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.hostious-note{display:grid;gap:8px;align-content:start;padding:20px 22px;border:1px solid var(--line);border-radius:16px;background:var(--card);font-size:15px;line-height:1.6;color:var(--mute)}
.hostious-note h3{font:600 17px/1.35 var(--disp);color:var(--g700)}
.hostious-note p{margin:0}
.hostious-note a{color:var(--acc);text-decoration:underline;text-underline-offset:3px}
a.hostious-note:hover{border-color:var(--acc)}
.hostious-sibs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 32px;border-top:1px solid var(--line)}
.hostious-sib{display:grid;gap:2px;padding:14px 0;border-bottom:1px solid var(--line)}
.hostious-sib b{font:600 15.5px/1.35 var(--disp);color:var(--g700)}
.hostious-sib small{font-size:13.5px;color:var(--mute)}
.hostious-sib:hover b{color:var(--acc)}
.hostious-final{display:grid;padding:36px 40px;border-radius:24px;background:var(--g700);color:var(--w)}
.hostious-final>div{display:grid;gap:14px;justify-items:start;max-width:720px}
.hostious-final .hostious-h2{color:var(--w)}
.hostious-final .hostious-sub,.hostious-final .hostious-eyebrow{color:var(--w8)}
.hostious-final .hostious-btn--line{border-color:var(--glass2);background:var(--glass);color:var(--w)}

/* artikel: forrige/næste og panel inde i artikelskabelonen */
.hostious-pn{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px;border-top:1px solid var(--line);background:none}
.hostious-pn a{display:grid;gap:4px;padding:18px 0;border-bottom:1px solid var(--line)}
.hostious-pn a:last-child{text-align:right}
.hostious-pn small{font-size:12.5px;color:var(--mute)}
.hostious-pn b{font:600 16.5px/1.35 var(--disp);color:var(--g700)}
.hostious-pn a:hover b{color:var(--acc)}
.hostious-kb--inside{background:none;overflow:visible}
.hostious-kb--inside .hostious-kb-side{display:block;position:static;margin:0;max-height:calc(100dvh - 136px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.hostious-kb--inside .hostious-kb-bar{display:none}

/* tilpasning efter bredde */
@container kb (max-width:1099px){
.hostious-kb-grid{display:flex;flex-direction:column}
.hostious-kb-bar{order:-1}
.hostious-kb-side{display:none}
.hostious-kb-main{padding-top:24px}
.hostious-kb-bar{position:sticky;top:var(--top);z-index:30;display:flex;flex-direction:row-reverse;align-items:center;justify-content:space-between;gap:12px;margin-inline:calc(-1 * var(--gl)) calc(-1 * var(--gr));padding:10px var(--gr) 10px var(--gl);border-bottom:1px solid var(--line);background:rgba(255,253,249,.95);backdrop-filter:blur(10px)}
}
@container kb (max-width:640px){.hostious-kb-grid{--gl:max(18px,env(safe-area-inset-left,0px));--gr:max(18px,env(safe-area-inset-right,0px))}}
@container kbm (max-width:900px){
.hostious-area{grid-template-columns:minmax(0,1fr)}
.hostious-area>header{position:static}
.hostious-plats,.hostious-sibs,.hostious-hubs,.hostious-notes,.hostious-spor--many{grid-template-columns:minmax(0,1fr)}
.hostious-spor{grid-template-columns:repeat(2,minmax(0,1fr))}
.hostious-sib:last-child{border-bottom:1px solid var(--line)}
.hostious-hero--panel{padding:28px 24px}
.hostious-final{padding:26px 22px}
}
@container kbm (max-width:640px){
.hostious-kb-main{gap:52px}
.hostious-h1{font-size:32px}
.hostious-h2{font-size:23px}
.hostious-search{flex-wrap:wrap;padding:6px}
.hostious-search>.hostious-i{display:none}
.hostious-search input{flex:1 1 100%;padding:0 8px}
.hostious-search .hostious-btn{flex:1 1 100%}
.hostious-anchors{flex-wrap:nowrap;overflow-x:auto;margin-inline:calc(-1 * var(--gl)) calc(-1 * var(--gr));padding:0 var(--gr) 0 var(--gl);scrollbar-width:none}
.hostious-anchors a{flex:none}
.hostious-syms,.hostious-pn,.hostious-spor{grid-template-columns:minmax(0,1fr)}
.hostious-pn a:last-child{text-align:left}
.hostious-li{grid-template-columns:minmax(0,1fr);gap:2px}
.hostious-kort{padding:16px 18px}
}
@media (max-width:1099px){.hostious-kb--inside .hostious-kb-side{display:block}.hostious-kb--inside .hostious-kb-side .hostious-kb-toc{display:none}}
@media (prefers-reduced-motion:reduce){.hostious-site *{transition:none!important;animation:none!important}}