/*
Theme Name: Carnaby
Template: generatepress
Description: Barntema för carnaby.se, byggt från Carnabys designsystem.
Version: 1.0.0
Text Domain: carnaby
*/

/* Typsnitt och designvariabler: färger, avstånd, radier */
@font-face{font-family:"Inter";src:url("assets/fonts/inter-latin.woff2") format("woff2");font-weight:400 700;font-style:normal;font-display:swap}
:root{--base:#09090b;--mono-4:#1c1c20;--mono-3:#2a2a2e;--mono-2:#a1a1aa;--mono-1:#fafafa;--primary:#f97316;--primary-hover:#ea580c;--on-primary:#09090b;--control-border:#71717a;--logo-peach:#ffa552;--logo-cream:#feeede;--logo-core:#d67d29;--success:#4ade80;--danger:#f87171;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:40px;--space-7:64px;--space-8:96px;--radius-field:12px;--radius-card:20px;--radius-pill:100px;--width-text:720px;--width-page:800px;--width-wide:1200px;--font-sans:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif}
/* Carnaby: blir barntemats style.css. Inga ramverk, inga ikontypsnitt. */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--base);color:var(--mono-2);font-family:var(--font-sans);font-size:18px;line-height:30px;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
h1,h2,h3,h4{color:var(--mono-1);margin:0;text-wrap:balance}
p{margin:0}
:focus-visible{outline:2px solid var(--primary);outline-offset:3px}
/* Anpassning till mindre skärmar, första blocket */
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
.cb-wrap{width:100%;max-width:calc(var(--width-wide) + 2*var(--space-5));margin-inline:auto;padding-inline:max(var(--space-5),env(safe-area-inset-left,0px)) max(var(--space-5),env(safe-area-inset-right,0px))}
.cb-section{padding-block:var(--space-8)}
.cb-section--raised{background:var(--mono-4)}
.cb-stack{display:flex;flex-direction:column;gap:var(--space-4)}
.cb-eyebrow{font-size:18px;line-height:25.2px;font-weight:600;color:var(--primary)}
.cb-h-section{font-size:clamp(33px,3.4vw + 20px,48px);line-height:1.2;font-weight:600}
.cb-lead{font-size:20px;line-height:30px;color:var(--mono-1)}
.cb-head{display:flex;flex-direction:column;gap:var(--space-3);max-width:var(--width-page);margin-bottom:var(--space-6)}
.cb-demo{padding:var(--space-5)}
.cb-example{display:inline-flex;align-self:flex-start;border:1px solid var(--mono-3);border-radius:var(--radius-pill);padding:0 var(--space-3);font-size:14px;line-height:26px;color:var(--mono-2)}

/* Knappar */
.cb-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font:inherit;font-size:18px;line-height:30px;font-weight:600;text-decoration:none;border-radius:var(--radius-pill);padding:14px 26px;border:1px solid transparent;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.cb-btn--primary{background:var(--primary);color:var(--on-primary)}
.cb-btn--primary:hover{background:var(--primary-hover)}
.cb-btn--secondary{background:transparent;color:var(--mono-1);border-color:var(--mono-3)}
.cb-btn--secondary:hover{border-color:var(--mono-2)}
.cb-btn--text{background:transparent;color:var(--mono-1);padding-inline:0;text-decoration:underline;text-underline-offset:5px;text-decoration-color:var(--primary)}
.cb-btns{display:flex;flex-wrap:wrap;gap:var(--space-3)}

/* Sidhuvud och navigering */
.cb-header{padding:20px 0 10px}
.cb-header__pill{display:flex;align-items:center;gap:var(--space-6);background:var(--mono-4);border-radius:var(--radius-pill);padding:15px 25px;position:relative}
.cb-header__logo img{width:190px}
.cb-nav{display:flex;align-items:center;gap:var(--space-5);list-style:none;margin:0;padding:0;font-size:14px;line-height:23.8px;color:var(--mono-1)}
.cb-nav a{text-decoration:none}
.cb-nav a:hover{color:var(--primary)}
.cb-nav__caret{display:inline-block;width:6px;height:6px;margin-left:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg)}
.cb-header__cta{margin-left:auto;font-size:16px;padding:7px 20px}
.cb-burger{display:none;margin-left:auto;background:none;border:1px solid var(--mono-3);color:var(--mono-1);border-radius:var(--radius-pill);font:inherit;font-size:16px;padding:6px 18px}
.cb-mega{margin-top:var(--space-3);background:var(--mono-4);border-radius:var(--radius-card);padding:var(--space-6);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-6)}
.cb-mega h3{font-size:16px;line-height:24px;font-weight:600;margin-bottom:var(--space-2)}
.cb-mega h3 a{text-decoration:none}
.cb-mega ul{list-style:none;margin:0;padding:0;font-size:14px;line-height:30px}
.cb-mega li a{text-decoration:none}
.cb-mega li a:hover{color:var(--mono-1)}

/* Brödsmulor */
.cb-crumbs{font-size:14px;line-height:23.8px}
.cb-crumbs ol{display:flex;flex-wrap:wrap;gap:var(--space-2);list-style:none;margin:0;padding:0}
.cb-crumbs li+li::before{content:"/";margin-right:var(--space-2);color:var(--control-border)}
.cb-crumbs a{text-decoration:none}
.cb-crumbs a:hover{color:var(--mono-1)}
.cb-crumbs [aria-current]{color:var(--mono-1)}

/* Startsidans hero och den dekorativa grafen */
.cb-hero{padding-block:var(--space-8);display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--space-6);align-items:center}
.cb-hero h1{font-size:clamp(42px,3.3vw + 28px,64px);line-height:1.2;font-weight:600}
.cb-hero__text{display:flex;flex-direction:column;gap:var(--space-5);align-items:flex-start}
.cb-graph{width:100%;max-width:420px;justify-self:end}
.cb-graph__dot{fill:var(--control-border)}
.cb-graph__line{fill:none;stroke:var(--primary);stroke-width:3;stroke-linejoin:round;stroke-linecap:round}
.cb-graph__pt{fill:var(--primary)}
.cb-graph__mute{fill:none;stroke:var(--mono-2);stroke-opacity:.6;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.cb-graph__box{fill:var(--mono-3)}
.cb-graph__frame{fill:var(--base);stroke:var(--mono-2);stroke-opacity:.6;stroke-width:2}
.cb-graph__frame--on{stroke:var(--primary);stroke-opacity:1;stroke-width:3}
.cb-pagehead{padding-block:var(--space-7) var(--space-6);display:flex;flex-direction:column;gap:var(--space-4);max-width:var(--width-page)}
.cb-pagehead h1{font-size:clamp(33px,3.4vw + 20px,48px);line-height:1.2;font-weight:600}

.cb-logos{background:var(--mono-4);border-radius:var(--radius-card);padding:var(--space-6);display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-5) var(--space-6);align-items:center;list-style:none;margin:0}
.cb-logos li{color:var(--mono-1);font-size:20px;line-height:28px;font-weight:600;text-align:center}

/* Rutnät och kort */
.cb-grid{display:grid;gap:var(--space-5);grid-template-columns:repeat(3,minmax(0,1fr))}
.cb-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.cb-card{background:var(--mono-4);border-radius:var(--radius-card);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3);font-size:16px;line-height:24px}
.cb-section--raised .cb-card{background:var(--base)}
.cb-card h3{font-size:20px;line-height:28px;font-weight:700}
.cb-card svg{width:28px;height:28px;color:var(--primary)}
.cb-card--link{text-decoration:none;transition:background .15s}
.cb-card--link:hover h3{color:var(--primary)}
.cb-card__more{margin-top:auto;color:var(--mono-1);font-weight:600}

.cb-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-7);align-items:center}
.cb-split__text{display:flex;flex-direction:column;gap:var(--space-4);align-items:flex-start}
.cb-split__media{aspect-ratio:4/3;max-width:100%;border-radius:var(--radius-card);background:var(--mono-3);display:grid;place-items:center;font-size:14px;color:var(--mono-2);overflow:hidden}
.cb-section--raised .cb-split__media{background:var(--base)}

.cb-case{display:flex;flex-direction:column;gap:var(--space-3);text-decoration:none;font-size:16px;line-height:24px}
.cb-case__media{aspect-ratio:4/3;max-width:100%;border-radius:var(--radius-card);background:var(--mono-3);display:grid;place-items:center;font-size:14px;color:var(--mono-2)}
.cb-case h3{font-size:20px;line-height:28px;font-weight:700}
.cb-case:hover h3{color:var(--primary)}

.cb-posts{display:flex;flex-direction:column}
/* Blogglistor */
.cb-post{display:flex;flex-direction:column;gap:var(--space-2);padding-block:var(--space-6);border-bottom:1px solid var(--mono-3);font-size:16px;line-height:24px}
.cb-post:first-child{padding-top:0}
.cb-post h2,.cb-post h3{font-size:clamp(24px,1.2vw + 19px,32px);line-height:1.2;font-weight:600}
.cb-post h2 a,.cb-post h3 a{text-decoration:none}
.cb-post h2 a:hover,.cb-post h3 a:hover{color:var(--primary)}
.cb-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);font-size:16px;line-height:24px;font-weight:600}
.cb-meta time{color:var(--primary)}
/* Etiketter och kategorifilter */
.cb-chip{display:inline-flex;border:1px solid var(--mono-3);border-radius:var(--radius-pill);padding:0 var(--space-3);font-size:14px;line-height:26px;font-weight:400;text-decoration:none;color:var(--mono-2)}
a.cb-chip:hover{border-color:var(--mono-2);color:var(--mono-1)}
.cb-filter{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-6)}
.cb-chip[aria-current]{background:var(--mono-1);color:var(--base);border-color:var(--mono-1)}

.cb-notice{background:var(--mono-4);border-radius:var(--radius-field);padding:var(--space-4) var(--space-5);font-size:16px;line-height:24px}
.cb-notice strong{color:var(--mono-1);font-weight:600}

.cb-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:var(--space-7);align-items:start;padding-bottom:var(--space-8)}
.cb-sidenav{position:sticky;top:var(--space-5);background:var(--mono-4);border-radius:var(--radius-card);padding:var(--space-5);font-size:16px;line-height:24px}
.cb-sidenav h2{font-size:16px;line-height:24px;font-weight:600;margin-bottom:var(--space-3)}
.cb-sidenav h2 a{text-decoration:none}
.cb-sidenav ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}
.cb-sidenav a{text-decoration:none}
.cb-sidenav li a:hover,.cb-sidenav [aria-current]{color:var(--mono-1)}
.cb-sidenav [aria-current]{font-weight:600}

/* Löpande text */
.cb-prose{max-width:var(--width-text);font-size:18px;line-height:30px}
.cb-prose>*+*{margin-top:var(--space-5)}
.cb-prose h2{font-size:clamp(28px,1.4vw + 22px,36px);line-height:1.3;font-weight:700;margin-top:var(--space-7)}
.cb-prose h3{font-size:20px;line-height:28px;font-weight:700;margin-top:var(--space-6)}
.cb-prose strong{color:var(--mono-1);font-weight:600}
.cb-prose a{color:var(--mono-1);text-decoration-color:var(--primary);text-underline-offset:4px}
.cb-prose ul,.cb-prose ol{padding-left:var(--space-5);margin-bottom:0}
.cb-prose li+li{margin-top:var(--space-2)}
.cb-prose li::marker{color:var(--primary)}
.cb-prose blockquote{margin-inline:0;padding-left:var(--space-5);border-left:2px solid var(--primary);color:var(--mono-1);font-size:20px}
/* Tabeller, rullas i sidled på små skärmar */
.cb-table{overflow-x:auto;border:1px solid var(--mono-3);border-radius:var(--radius-field)}
.cb-table table{width:100%;border-collapse:collapse;font-size:16px;line-height:24px;font-variant-numeric:tabular-nums}
.cb-table th{color:var(--mono-1);text-align:left;font-weight:600}
.cb-table th,.cb-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--mono-3)}
.cb-table tr:last-child td{border-bottom:0}

.cb-person{display:grid;grid-template-columns:96px minmax(0,1fr);gap:var(--space-5);align-items:start;font-size:16px;line-height:24px}
.cb-person__img{width:96px;height:96px;border-radius:50%;background:var(--mono-3);color:var(--mono-1);display:grid;place-items:center;font-size:24px;font-weight:600}
.cb-person__text{display:flex;flex-direction:column;gap:var(--space-2);align-items:flex-start}
.cb-person h2,.cb-person h3{font-size:20px;line-height:28px;font-weight:700}

.cb-form{display:flex;flex-direction:column;gap:var(--space-4);font-size:16px;line-height:24px}
.cb-field{display:flex;flex-direction:column;gap:var(--space-1)}
.cb-field label{color:var(--mono-1);font-weight:600}
.cb-field input,.cb-field textarea{font:inherit;color:var(--mono-1);background:var(--base);border:1px solid var(--control-border);border-radius:var(--radius-field);padding:var(--space-3) var(--space-4);width:100%}
.cb-section--raised .cb-field input,.cb-section--raised .cb-field textarea{background:var(--mono-4)}
.cb-field--error input{border-color:var(--danger)}
.cb-field__msg{color:var(--danger);font-size:14px;line-height:22px}
.cb-form__ok{color:var(--success);font-weight:600}
.cb-formcard{background:var(--mono-4);border-radius:var(--radius-card);padding:var(--space-6)}
.cb-formcard .cb-field input,.cb-formcard .cb-field textarea{background:var(--base)}

/* Kontaktruta */
.cb-cta{background:var(--mono-4);border-radius:var(--radius-card);padding:var(--space-7) var(--space-6);display:flex;flex-direction:column;gap:var(--space-4);align-items:flex-start}
.cb-cta h2{font-size:clamp(33px,3.4vw + 20px,48px);line-height:1.2;font-weight:600;max-width:var(--width-page)}

.cb-pager{display:flex;gap:var(--space-2);align-items:center;list-style:none;margin:var(--space-6) 0 0;padding:0;font-size:16px}
.cb-pager a,.cb-pager span{display:inline-grid;place-items:center;min-width:44px;height:44px;border-radius:var(--radius-pill);text-decoration:none;padding-inline:var(--space-3);border:1px solid var(--mono-3)}
.cb-pager a:hover{border-color:var(--mono-2);color:var(--mono-1)}
.cb-pager [aria-current]{background:var(--mono-1);color:var(--base);border-color:var(--mono-1)}

/* Sidfot */
.cb-footer{margin-top:var(--space-8);border-top:1px solid var(--mono-3);padding-block:var(--space-7) var(--space-6);font-size:16px;line-height:24px}
.cb-footer__grid{display:grid;grid-template-columns:minmax(0,2fr) repeat(3,minmax(0,1fr));gap:var(--space-6)}
.cb-footer img{width:170px;margin-bottom:var(--space-4)}
.cb-footer h2{font-size:16px;line-height:24px;font-weight:600;margin-bottom:var(--space-2)}
.cb-footer ul{list-style:none;margin:0;padding:0;line-height:32px}
.cb-footer a{text-decoration:none}
.cb-footer a:hover{color:var(--mono-1)}
.cb-footer__bottom{margin-top:var(--space-6);font-size:14px}

@media (max-width:900px){
.cb-section{padding-block:var(--space-7)}
.cb-hero{grid-template-columns:minmax(0,1fr);padding-block:var(--space-7)}
.cb-graph{display:none}
.cb-grid,.cb-grid--2,.cb-split,.cb-layout{grid-template-columns:minmax(0,1fr)}
.cb-layout{gap:var(--space-6)}
.cb-sidenav{position:static}
.cb-nav,.cb-header__cta{display:none}
.cb-burger{display:inline-flex}
.cb-header__logo img{width:150px}
.cb-header__pill{padding:10px 12px 10px 20px;gap:var(--space-4)}
.cb-mega{grid-template-columns:minmax(0,1fr);padding:var(--space-5);gap:var(--space-5)}
.cb-card,.cb-formcard{padding:var(--space-5)}
.cb-logos{padding:var(--space-5)}
.cb-cta{padding:var(--space-6) var(--space-5)}
.cb-btn{font-size:16px;padding:10px 20px}
.cb-footer__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.cb-footer__brand{grid-column:1/-1}
}

/* Undersidor: sidhuvud, sidopanel och innehållskomponenter */
.cb-subhero{position:relative;overflow:hidden;border-bottom:1px solid var(--mono-3);margin-bottom:var(--space-7)}
.cb-subhero__inner{position:relative;padding-block:var(--space-7);display:flex;flex-direction:column;gap:var(--space-3);max-width:var(--width-page)}
.cb-subhero h1{font-size:clamp(38px,4.2vw + 18px,64px);line-height:1.12;font-weight:600}
.cb-subhero__tag{font-size:clamp(20px,1vw + 16px,26px);line-height:1.35;color:var(--mono-1);max-width:34ch}
.cb-subhero .cb-subhero__graph{display:block;position:absolute;right:max(24px,calc(50vw - 600px));top:50%;transform:translateY(-50%);width:300px;height:auto;max-width:none}
.cb-area{margin-bottom:var(--space-7)}
.cb-area__title{font-size:clamp(28px,1.4vw + 22px,36px);line-height:1.3;font-weight:700;margin-bottom:var(--space-5)}
.cb-card__title{font-size:20px;line-height:28px;font-weight:700}
.cb-page{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:var(--space-7);align-items:start;padding-bottom:var(--space-7)}
.cb-main{min-width:0}
/* Sidopanel på undersidor */
.cb-aside{align-self:stretch;display:flex;flex-direction:column;gap:var(--space-4)}
.cb-aside__sticky{position:sticky;top:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}
.cb-sidecard{background:var(--mono-4);border-radius:var(--radius-card);padding:var(--space-5);font-size:15px;line-height:22px}
.cb-sidecard h2{color:var(--primary);font-size:14px;line-height:20px;font-weight:600;margin-bottom:var(--space-3)}
.cb-sidecard ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}
.cb-sidecard a{text-decoration:none;display:block}
.cb-sidecard a:hover,.cb-sidecard [aria-current]{color:var(--mono-1)}
.cb-sidecard [aria-current]{font-weight:600}
.cb-toc{max-height:calc(100vh - 260px);overflow-y:auto}
.cb-sidecta{background:var(--mono-4);border-radius:var(--radius-card);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3);font-size:15px;line-height:22px}
.cb-sidecta__title{color:var(--mono-1);font-size:18px;line-height:25px;font-weight:600}
.cb-sidecta .cb-btn{font-size:16px;padding:9px 20px}
.cb-toc-mobile{display:none;background:var(--mono-4);border-radius:var(--radius-field);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-5);font-size:16px}
.cb-toc-mobile summary{color:var(--mono-1);font-weight:600;cursor:pointer}
.cb-toc-mobile ul{list-style:none;margin:var(--space-3) 0 0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}
.cb-toc-mobile a{text-decoration:none}
.cb-prose{max-width:none}
.cb-prose>p,.cb-sec>p,.cb-sec>ul,.cb-sec>ol:not(.cb-steps),.cb-sec>h3,.cb-sec>blockquote{max-width:var(--width-text)}
/* Innehållskomponenter från carnaby_structure() */
.cb-sec{scroll-margin-top:var(--space-5)}
.cb-sec>*+*{margin-top:var(--space-4)}
.cb-sec+.cb-sec{margin-top:var(--space-7);padding-top:var(--space-7);border-top:1px solid var(--mono-3)}
.cb-prose .cb-sec>h2{margin-top:0}
.cb-prose .cb-sec>h3{margin-top:var(--space-6)}
.cb-prose .cb-lead{font-size:22px;line-height:33px}
.cb-key{color:var(--mono-1);font-size:clamp(21px,.8vw + 18px,26px);line-height:1.35;font-weight:600;padding-block:var(--space-2);max-width:32ch;text-wrap:balance}
.cb-label{color:var(--primary);font-size:16px;line-height:24px;font-weight:600}
.cb-label+*{margin-top:var(--space-2)!important}
.cb-boxes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}
.cb-boxes--one{grid-template-columns:minmax(0,1fr);max-width:var(--width-text)}
.cb-box{background:var(--mono-4);border-radius:var(--radius-field);padding:var(--space-4) var(--space-5);font-size:16px;line-height:25px}
.cb-prose .cb-box__title{color:var(--mono-1);font-weight:600;margin:0 0 var(--space-2)}
.cb-prose .cb-box ul,.cb-prose .cb-checks{list-style:none;padding:0;margin:0}
.cb-prose .cb-box li,.cb-prose .cb-checks li{position:relative;padding-left:24px}
.cb-prose .cb-box ul li{padding-left:18px}
.cb-prose .cb-box ul li::before{content:"";position:absolute;left:2px;top:10px;width:6px;height:6px;border-radius:50%;background:var(--primary)}
.cb-prose .cb-checks li::before{content:"";position:absolute;left:3px;top:6px;width:7px;height:12px;border-right:2px solid var(--primary);border-bottom:2px solid var(--primary);transform:rotate(40deg)}
.cb-prose .cb-box li+li{margin-top:var(--space-1)}
.cb-prose .cb-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2) var(--space-5);font-size:17px;line-height:26px}
.cb-prose .cb-checks li+li{margin-top:0}
.cb-prose *+.cb-checks{margin-top:var(--space-5)}
.cb-prose ol.cb-steps{list-style:none;padding:0;margin-bottom:0;counter-reset:cb-step;display:flex;flex-direction:column}
.cb-prose ol.cb-steps>li{counter-increment:cb-step;position:relative;padding:0 0 var(--space-4) 52px;margin:0}
.cb-prose ol.cb-steps>li:last-child{padding-bottom:0}
.cb-prose ol.cb-steps>li::before{content:counter(cb-step);position:absolute;left:0;top:0;width:34px;height:34px;border-radius:50%;background:var(--primary);color:var(--on-primary);font-size:15px;line-height:34px;font-weight:700;text-align:center;font-variant-numeric:tabular-nums}
.cb-prose ol.cb-steps>li:not(:last-child)::after{content:"";position:absolute;left:16px;top:38px;bottom:4px;width:2px;background:var(--mono-3)}
.cb-box ol.cb-steps>li{padding-left:40px!important;padding-bottom:var(--space-3)!important}
.cb-box ol.cb-steps>li::before{width:26px!important;height:26px!important;line-height:26px!important;font-size:13px!important}
.cb-box ol.cb-steps>li:not(:last-child)::after{left:12px!important;top:29px!important}
.cb-defs{margin-inline:0;margin-bottom:0;border-top:1px solid var(--mono-3);max-width:var(--width-text)}
.cb-defs>div{display:grid;grid-template-columns:190px minmax(0,1fr);gap:var(--space-4);padding-block:var(--space-3);border-bottom:1px solid var(--mono-3);font-size:17px;line-height:26px}
.cb-defs dt{color:var(--mono-1);font-weight:600}
.cb-defs dd{margin:0}
.cb-note{background:var(--mono-4);border-radius:var(--radius-field);padding:var(--space-4) var(--space-5);max-width:var(--width-text);font-size:17px;line-height:27px;color:var(--mono-1)}
.cb-note__label{display:block;color:var(--primary);font-size:14px;line-height:20px;font-weight:600;margin-bottom:var(--space-1)}
.cb-prose .cb-morelink a{display:inline-flex;align-items:center;gap:var(--space-2);font-weight:600;text-decoration:none;color:var(--mono-1)}
.cb-prose .cb-morelink a::after{content:"";width:8px;height:8px;border-right:2px solid var(--primary);border-top:2px solid var(--primary);transform:rotate(45deg)}
.cb-readnext{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);margin-top:var(--space-7)}
.cb-readnext a{background:var(--mono-4);border-radius:var(--radius-field);padding:var(--space-4) var(--space-5);text-decoration:none;color:var(--mono-1);font-weight:600;font-size:17px;line-height:25px}
.cb-readnext a:last-child{text-align:right}
.cb-readnext span{display:block;color:var(--mono-2);font-size:14px;line-height:20px;font-weight:400}
.cb-readnext a:hover{color:var(--primary)}
@media (max-width:1000px){
.cb-page{grid-template-columns:minmax(0,1fr);gap:var(--space-6)}
.cb-aside__sticky{position:static}
.cb-aside .cb-toc{display:none}
.cb-toc-mobile{display:block}
.cb-subhero .cb-subhero__graph{display:none}
}
@media (max-width:640px){
.cb-boxes,.cb-prose .cb-checks,.cb-readnext{grid-template-columns:minmax(0,1fr)}
.cb-defs>div{grid-template-columns:minmax(0,1fr);gap:var(--space-1)}
.cb-prose .cb-lead{font-size:20px;line-height:30px}
.cb-subhero__inner{padding-block:var(--space-6)}
}

/* WordPress: skiplänk, meny, innehåll, formulär */
.cb-skip{position:absolute;left:-9999px;top:0;background:var(--primary);color:var(--on-primary);padding:var(--space-2) var(--space-4);z-index:100;border-radius:0 0 var(--radius-field) 0}
.cb-skip:focus{left:0}
.cb-header__pill{z-index:40}
.cb-nav-wrap{min-width:0}
.cb-header__pill{gap:var(--space-5)}
.cb-nav{gap:var(--space-4);white-space:nowrap}
.cb-header__cta{white-space:nowrap}
.cb-header__logo{flex:none}
.cb-nav .sub-menu{list-style:none;margin:0;padding:0}
.cb-nav>li>a{display:inline-block;padding-block:var(--space-2)}
.cb-nav>.menu-item-has-children>a::after{content:"";display:inline-block;width:6px;height:6px;margin-left:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg)}
.cb-nav>li>.sub-menu{visibility:hidden;opacity:0;transition:opacity .12s,visibility 0s linear .25s;position:absolute;left:0;right:0;top:100%;margin-top:var(--space-3);background:var(--mono-4);border-radius:var(--radius-card);padding:var(--space-6) var(--space-6) var(--space-3);columns:3;column-gap:var(--space-6);z-index:50}
.cb-nav>li>.sub-menu::before{content:"";position:absolute;left:0;right:0;top:-34px;height:34px}
.cb-nav>li:hover>.sub-menu,.cb-nav>li:focus-within>.sub-menu{visibility:visible;opacity:1;transition:opacity .12s,visibility 0s;z-index:60}
.cb-nav>li>.sub-menu>li{break-inside:avoid;padding-bottom:var(--space-5)}
.cb-nav>li:not(:has(.sub-menu .sub-menu)){position:relative}
.cb-nav>li:not(:has(.sub-menu .sub-menu))>.sub-menu{right:auto;width:max-content;min-width:240px;columns:auto;padding:var(--space-5)}
.cb-nav>li:not(:has(.sub-menu .sub-menu))>.sub-menu::before{top:calc(-1*var(--space-3));height:var(--space-3)}
.cb-nav>li:not(:has(.sub-menu .sub-menu))>.sub-menu>li{padding-bottom:var(--space-3)}
.cb-nav>li:not(:has(.sub-menu .sub-menu))>.sub-menu>li:last-child{padding-bottom:0}
.cb-nav>li:not(:has(.sub-menu .sub-menu))>.sub-menu>li>a{font-size:14px;line-height:22px;font-weight:400}
.cb-nav>li>.sub-menu>li>a{font-size:16px;line-height:24px;font-weight:600}
.cb-nav .sub-menu .sub-menu{margin-top:var(--space-2);color:var(--mono-2);line-height:30px}
.cb-nav .sub-menu .sub-menu a{font-weight:400}
.cb-clients{display:flex;flex-direction:column;align-items:center;gap:var(--space-5);padding-bottom:var(--space-7)}
.cb-clients img{width:100%;max-width:880px;height:auto}
.cb-page-body{padding-bottom:var(--space-8)}
.cb-article{max-width:var(--width-text);padding-bottom:var(--space-8)}
.cb-prose img{border-radius:var(--radius-field);height:auto}
.cb-prose iframe,.cb-prose video,.cb-prose embed{max-width:100%}
.cb-prose figure{margin-inline:0}
.cb-prose figcaption{font-size:14px;line-height:22px;margin-top:var(--space-2)}
.cb-prose table{display:block;width:100%;overflow-x:auto;border-collapse:collapse;font-size:16px;line-height:24px}
.cb-prose th{color:var(--mono-1);text-align:left}
.cb-prose th,.cb-prose td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--mono-3)}
.cb-prose .aligncenter{margin-inline:auto}
.cb-prose .alignleft{float:left;margin:0 var(--space-5) var(--space-3) 0}
.cb-prose .alignright{float:right;margin:0 0 var(--space-3) var(--space-5)}
.cb-prose pre,.cb-prose code{font-size:15px;overflow-x:auto}
.cb-prose>:first-child{margin-top:0}
.cb-pager .page-numbers{display:inline-grid;place-items:center;min-width:44px;height:44px;border-radius:var(--radius-pill);text-decoration:none;padding-inline:var(--space-3);border:1px solid var(--mono-3)}
.cb-pager .page-numbers.current{background:var(--mono-1);color:var(--base);border-color:var(--mono-1)}
.cb-pager .page-numbers.dots{border:0}
.cb-footer ul a{color:inherit}
.wpcf7 form{display:flex;flex-direction:column;gap:var(--space-4);font-size:16px;line-height:24px}
.wpcf7 p{margin:0}
.wpcf7 label{display:block;color:var(--mono-1);font-weight:600}
.wpcf7 input[type=text],.wpcf7 input[type=email],.wpcf7 input[type=tel],.wpcf7 textarea{display:block;width:100%;font:inherit;font-weight:400;color:var(--mono-1);background:var(--base);border:1px solid var(--control-border);border-radius:var(--radius-field);padding:var(--space-3) var(--space-4);margin-top:var(--space-1)}
.wpcf7 input[type=submit]{font:inherit;font-size:18px;line-height:30px;font-weight:600;background:var(--primary);color:var(--on-primary);border:0;border-radius:var(--radius-pill);padding:14px 26px;cursor:pointer}
.wpcf7 input[type=submit]:hover{background:var(--primary-hover)}
.wpcf7-not-valid-tip{color:var(--danger);font-size:14px;font-weight:400}
.wpcf7 form .wpcf7-response-output{margin:0;border:0;padding:0;color:var(--mono-1)}
.wpcf7 form.sent .wpcf7-response-output{color:var(--success)}
.wpcf7 form.invalid .wpcf7-response-output,.wpcf7 form.failed .wpcf7-response-output{color:var(--danger)}
@media (max-width:1180px){
.cb-header__cta{display:none}
.cb-burger{display:inline-flex}
.cb-nav{white-space:normal}
.cb-nav-wrap{display:none;position:absolute;left:0;right:0;top:100%;margin-top:var(--space-2);background:var(--mono-4);border-radius:var(--radius-card);padding:var(--space-5);max-height:calc(100vh - 110px);overflow-y:auto}
.cb-nav-wrap.is-open{display:block}
.cb-nav-wrap.is-open .cb-nav{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-3);font-size:16px;line-height:26px}
.cb-nav>li>.sub-menu,.cb-nav>li:hover>.sub-menu,.cb-nav>li:focus-within>.sub-menu{display:block;position:static;margin:var(--space-2) 0 0;padding:0 0 0 var(--space-4);background:none}
.cb-nav>li>.sub-menu::before{display:none}
.cb-nav>li{position:static!important}
.cb-nav>li>.sub-menu,.cb-nav>li:not(:has(.sub-menu .sub-menu))>.sub-menu{visibility:visible;opacity:1;columns:auto;width:auto;min-width:0;padding:0 0 0 var(--space-4)}
.cb-nav>li>.sub-menu>li{padding-bottom:0}
.cb-nav>li>.sub-menu>li+li{margin-top:var(--space-2)}
.cb-nav>.menu-item-has-children>a::after{display:none}
}