/* Luftverket Ventilation – tema-CSS */
@font-face{font-family:"Archivo";src:url(../fonts/archivo.woff2) format("woff2");font-weight:100 900;font-stretch:62% 125%;font-display:swap}
@font-face{font-family:"Figtree";src:url(../fonts/figtree.woff2) format("woff2");font-weight:300 900;font-display:swap}

:root{
  --navy:#0b1f4b;--navy-2:#11295f;--navy-3:#183573;
  --bla:#1663e6;--bla-hover:#0f52c4;--himmel:#3a8bff;--is:#e8f1ff;
  --blac:#8fb8ff;
  --ink:#0e1a33;--dov:#435170;--linje:#dde4ef;--dimma:#f3f6fb;--vit:#fff;
  --f-rubrik:"Archivo","Arial Narrow",Arial,sans-serif;
  --f-text:"Figtree","Helvetica Neue",Arial,sans-serif;
  --wrap:1240px;--kant:clamp(16px,4vw,48px);
  --huvud-h:84px;
  --radie:4px;
  --skugga:0 24px 60px -28px rgba(11,31,75,.45);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--huvud-h) + 16px);background:var(--vit)}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}
body{margin:0;background:var(--vit);color:var(--ink);font-family:var(--f-text);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,svg{display:block;max-width:100%}
img{height:auto}
a{color:inherit}
h1,h2,h3,p,figure,dl,dd{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--himmel);outline-offset:3px}
::selection{background:var(--is);color:var(--navy)}
.wrap{width:100%;max-width:calc(var(--wrap) + 2 * var(--kant));margin-inline:auto;padding-inline:var(--kant)}
.ikon{width:1.15em;height:1.15em;flex:none}
.hoppa{position:absolute;left:12px;top:-60px;z-index:100;background:var(--navy);color:#fff;padding:10px 16px;border-radius:var(--radie);text-decoration:none;font-weight:600}
.hoppa:focus{top:12px}

/* Typografi */
.eyebrow{font-family:var(--f-rubrik);font-stretch:125%;font-weight:600;font-size:.74rem;letter-spacing:.3em;text-transform:uppercase;color:var(--bla);display:flex;align-items:center;gap:.8rem;margin-bottom:1.1rem}
.eyebrow::before{content:"";width:26px;height:2px;background:currentColor;flex:none}
.eyebrow--ljus{color:var(--blac)}
.rubrik-stor,.intro h1,.tjanst-hero h1{font-family:var(--f-rubrik);font-weight:800;color:var(--navy);letter-spacing:-.035em;line-height:1;text-wrap:balance;font-size:clamp(2.2rem,4.6vw,3.9rem)}
.rubrik-mellan{font-family:var(--f-rubrik);font-weight:800;color:var(--navy);letter-spacing:-.03em;line-height:1.05;font-size:clamp(1.7rem,3vw,2.5rem);text-wrap:balance}
.ingress{color:var(--dov);font-size:clamp(1.02rem,1.3vw,1.14rem);line-height:1.7;max-width:36rem}
.ingress--bred{max-width:52rem}
.smatt{font-size:.88rem;color:var(--dov)}
.smatt a{color:var(--navy)}

/* Knappar och länkar */
.knappar{display:flex;flex-wrap:wrap;gap:.75rem}
.knapp{display:inline-flex;align-items:center;justify-content:center;gap:.7rem;padding:.85rem 1.25rem;border-radius:var(--radie);border:1.5px solid transparent;font-family:var(--f-text);font-weight:600;font-size:1rem;line-height:1.1;text-decoration:none;cursor:pointer;transition:background .2s,color .2s,border-color .2s,transform .2s}
.knapp .ikon{transition:transform .25s}
.knapp:hover .ikon{transform:translate(2px,-2px)}
.knapp--stor{padding:1.05rem 1.6rem;font-size:1.06rem}
.knapp--bla{background:var(--bla);color:#fff}
.knapp--bla:hover{background:var(--bla-hover)}
.knapp--navy{background:var(--navy);color:#fff}
.knapp--navy:hover{background:var(--navy-3)}
.knapp--vit{background:#fff;color:var(--navy)}
.knapp--vit:hover{background:var(--is)}
.knapp--linje{border-color:var(--linje);color:var(--navy);background:#fff}
.knapp--linje:hover{border-color:var(--navy)}
.textlank{display:inline-flex;align-items:center;gap:.55rem;font-weight:700;color:var(--navy);text-decoration:none;border-bottom:2px solid var(--himmel);padding-bottom:.2rem;margin-top:1.8rem}
.textlank .ikon{transition:transform .25s}
.textlank:hover .ikon{transform:translateX(4px)}
.textlank--ljus{color:#fff;border-color:var(--blac);margin-top:0}

/* Luftvågor – signatur */

/* Luftvågor – hela linjer med glidande ljusstrimma (rör sig även med "minska rörelse") */
.lv-vagor{fill:none;stroke:currentColor;stroke-width:3.5;stroke-linecap:round}
.lv-vagor .flode-bas{opacity:.35}
.flode-glid path{stroke-dasharray:28 72;stroke-dashoffset:0}
.lv-vagor .flode-glid path,.hero-luft .flode-glid path{animation:flode 7s linear infinite!important;animation-duration:7s!important;animation-iteration-count:infinite!important}
.lv-vagor .flode-glid path:nth-child(2){animation-delay:-2.3s!important}
.lv-vagor .flode-glid path:nth-child(3){animation-delay:-4.6s!important}
@keyframes flode{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
.hero-luft{position:absolute;z-index:3;left:0;right:0;bottom:-6px;width:100%;height:clamp(120px,15vw,220px);fill:none;stroke-width:2.5;stroke-linecap:round;pointer-events:none}
.hero-luft path{stroke:var(--himmel);vector-effect:non-scaling-stroke}
.hero-luft .flode-bas path{opacity:.22}
.hero-luft .flode-glid path{opacity:.75;animation-duration:9s!important}
.hero-luft .flode-glid path:nth-child(2){animation-delay:-3s!important;opacity:.55}
.hero-luft .flode-glid path:nth-child(3){animation-delay:-6s!important;opacity:.4}

/* Sidhuvud */
.meny-puls{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--bla);margin-left:.4rem;vertical-align:.15em;box-shadow:0 0 0 0 rgba(22,99,230,.6);animation:puls-bla 2s infinite!important;animation-duration:2s!important;animation-iteration-count:infinite!important}
@keyframes puls-bla{70%{box-shadow:0 0 0 8px rgba(22,99,230,0)}100%{box-shadow:0 0 0 0 rgba(22,99,230,0)}}
.sidhuvud{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.97);backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid transparent;transition:border-color .25s,box-shadow .25s}
.sidhuvud.ar-scrollad{border-bottom-color:var(--linje);box-shadow:0 12px 30px -24px rgba(11,31,75,.5)}
.sidhuvud-rad{height:var(--huvud-h);display:flex;align-items:center;gap:2rem}
.logga{display:flex;align-items:center;gap:.7rem;text-decoration:none;flex:none;margin-right:auto}
.logga-bild{height:50px;width:auto}
.meny ul{display:flex;align-items:center;gap:.4rem}
.meny>ul>li{position:relative}
.meny a{display:block;padding:.6rem .85rem;text-decoration:none;font-weight:600;font-size:.96rem;color:var(--ink);border-radius:var(--radie);transition:color .2s,background .2s}
.meny a:hover{color:var(--bla)}
.meny>ul>li>a[aria-current="page"]{color:var(--bla)}
.meny>ul>li>a[aria-current="page"]::after{content:"";display:block;height:2px;background:var(--bla);margin-top:3px;border-radius:2px}
.har-under>a::before{content:"";float:right;width:7px;height:7px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg);margin:.45em 0 0 .55rem}
.undermeny{position:absolute;left:-.4rem;top:100%;padding-top:.6rem;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .2s,transform .2s,visibility .2s}
.har-under:hover .undermeny,.har-under:focus-within .undermeny{opacity:1;visibility:visible;transform:none}
.undermeny ul{display:grid;gap:0;min-width:300px;background:#fff;border:1px solid var(--linje);border-radius:6px;box-shadow:var(--skugga);padding:.5rem}
.undermeny a{display:flex;gap:.9rem;align-items:baseline;padding:.7rem .9rem;font-weight:600}
.undermeny a:hover{background:var(--dimma);color:var(--navy)}
.um-nr{font-family:var(--f-rubrik);font-size:.72rem;color:var(--bla);letter-spacing:.08em}
.sidhuvud-cta{padding:.8rem 1.15rem}
.menyknapp{display:none;width:46px;height:46px;border:1.5px solid var(--linje);border-radius:var(--radie);background:#fff;color:var(--navy);align-items:center;justify-content:center;cursor:pointer}
.menyknapp .ikon{width:22px;height:22px}
.menyknapp .ikon-stang{display:none}
.menyknapp[aria-expanded="true"] .ikon-oppna{display:none}
.menyknapp[aria-expanded="true"] .ikon-stang{display:block}
.mobilmeny{border-top:1px solid var(--linje);background:#fff;padding:.5rem var(--kant) 1.5rem;max-height:calc(100svh - var(--huvud-h));overflow:auto}
.mobilmeny a{display:block;padding:.9rem 0;text-decoration:none;font-family:var(--f-rubrik);font-weight:700;font-size:1.25rem;color:var(--navy);border-bottom:1px solid var(--linje)}
.mobilmeny a[aria-current="page"]{color:var(--bla)}
.mobil-under{padding-left:1rem}
.mobil-under a{font-family:var(--f-text);font-weight:600;font-size:1rem;color:var(--dov);padding:.65rem 0}
.mobilmeny .knapp{display:flex;justify-content:space-between;margin-top:1.4rem;width:100%;padding:1.05rem 1.2rem;border:0;color:#fff;font-family:var(--f-text);font-weight:600;font-size:1.05rem}
@media (max-width:1120px){.meny{display:none}.menyknapp{display:inline-flex}.sidhuvud-cta{display:none}}
@media (max-width:520px){:root{--huvud-h:70px}.logga-bild{height:38px}}

/* Hero */
.hero{position:relative;overflow:hidden;background:#fff;isolation:isolate;display:grid;grid-template-columns:minmax(0,44fr) minmax(0,56fr)}
/* Text och bild i varsin kolumn – texten kan aldrig hamna över bilden. */
.hero-rad{position:relative;z-index:2;grid-column:1;grid-row:1;min-height:clamp(600px,calc(100svh - var(--huvud-h) - 64px),820px);display:flex;align-items:center;padding-block:clamp(48px,6vw,88px) clamp(120px,13vw,190px);padding-left:max(var(--kant),calc((100vw - var(--wrap)) / 2));padding-right:clamp(24px,3vw,48px)}
.hero-text{width:100%;max-width:40rem;container-type:inline-size}
.hero-rubrik{font-family:var(--f-rubrik);font-weight:800;color:var(--navy);font-size:clamp(3rem,6vw,6.6rem);font-size:min(15.5cqi,6.6rem);line-height:.9;letter-spacing:-.05em;margin-bottom:1.6rem}
.hero-rubrik span{display:block}
.hero-ingress{font-size:clamp(1.04rem,1.35vw,1.22rem);color:#33415f;line-height:1.6;max-width:31rem;margin-bottom:2rem}
.hero-punkter{display:grid;grid-template-columns:1fr 1fr;gap:.8rem 1.6rem;margin-top:2.2rem;padding-top:1.5rem;border-top:1px solid var(--linje)}
.hero-punkter li{display:flex;gap:.6rem;font-size:.9rem;line-height:1.45;color:var(--dov)}
.hero-punkter .ikon{color:var(--bla);margin-top:.12em;stroke-width:2.2}
@container (max-width:470px){.hero-punkter{grid-template-columns:1fr}}
.hero-bild{position:relative;z-index:1;grid-column:2;grid-row:1;clip-path:polygon(0 0,100% 0,100% 100%,24% 100%);background:var(--navy)}
.hero-bild img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:0% 50%;transform-origin:30% 55%;animation:zooma 3.2s cubic-bezier(.16,.8,.24,1) both!important;animation-duration:3.2s!important;animation-iteration-count:1!important}
@keyframes zooma{from{transform:scale(1.22)}to{transform:scale(1)}}
.hero-bild::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,31,75,.18),transparent 40%)}
.hero-tagg{position:absolute;right:clamp(16px,4vw,56px);top:clamp(40px,9vh,96px);z-index:2;display:flex;align-items:center;gap:.9rem;background:#fff;border-radius:6px;padding:.9rem 1.2rem .9rem .9rem;box-shadow:var(--skugga);animation:in 0.9s .6s cubic-bezier(.2,.7,.2,1) both}
.hero-tagg-ikon{display:grid;place-items:center;width:44px;height:44px;border-radius:4px;background:var(--navy);color:#fff}
.hero-tagg-ikon .ikon{width:24px;height:24px}
.hero-tagg strong{display:block;font-family:var(--f-rubrik);font-weight:800;color:var(--navy);font-size:1.15rem;line-height:1.1}
.hero-tagg small{display:block;color:var(--dov);font-size:.82rem}
@keyframes in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.hero-text>:nth-child(2){animation-delay:.08s}.hero-text>:nth-child(3){animation-delay:.16s}.hero-text>:nth-child(4){animation-delay:.24s}.hero-text>:nth-child(5){animation-delay:.32s}
@media (max-width:899px){
  .hero{display:flex;flex-direction:column}
  .hero-bild{position:relative;width:100%;height:clamp(260px,62vw,440px);clip-path:polygon(0 0,100% 0,100% 84%,0 100%);order:-1}
  .hero-rad{padding-inline:var(--kant)}
  .hero-luft{height:90px}
  .hero-tagg{bottom:auto;top:16px;right:16px;padding:.6rem .9rem .6rem .6rem}
  .hero-tagg-ikon{width:36px;height:36px}
  .hero-rad{min-height:0;padding-block:24px 96px}
  .hero-text{max-width:none}
  .hero-punkter{grid-template-columns:1fr}
  }

/* Tjänsteremsa */
.remsa{background:var(--navy);color:#fff}
.remsa-rad{display:grid;grid-template-columns:repeat(4,1fr)}
.remsa a{display:flex;align-items:center;gap:.8rem;padding:1.3rem 1.2rem;text-decoration:none;font-weight:600;font-size:1rem;border-left:1px solid rgba(255,255,255,.18);transition:background .2s}
.remsa a:last-child{border-right:1px solid rgba(255,255,255,.18)}
.remsa a span{white-space:nowrap}
.remsa a::after{content:"";flex:1;height:1px;background:rgba(255,255,255,.3);margin-left:.4rem;order:3;min-width:12px}
.remsa .ikon{order:2;color:var(--blac);transition:transform .25s}
.remsa a:hover{background:var(--navy-3)}
.remsa a:hover .ikon{transform:translate(2px,-2px)}
@media (max-width:899px){.remsa-rad{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-inline:0;scrollbar-width:none}.remsa-rad::-webkit-scrollbar{display:none}.remsa a{scroll-snap-align:start;flex:none;padding:1.1rem 1.2rem}.remsa a::after{display:none}}

/* Fördelar */
.fordelar{border-bottom:1px solid var(--linje)}
.fordelar-rad{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;padding-block:2rem}
.fordel{display:flex;gap:1rem;align-items:center}
.fordel-ikon{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--is);color:var(--bla);flex:none}
.fordel-ikon .ikon{width:26px;height:26px}
.fordel h2{font-family:var(--f-rubrik);font-weight:700;font-size:1.04rem;color:var(--navy);letter-spacing:-.01em}
.fordel p{font-size:.92rem;color:var(--dov);line-height:1.45}
@media (max-width:899px){.fordelar-rad{grid-template-columns:1fr;gap:1.1rem;padding-block:1.6rem}}

/* Sektioner */
.sektion{padding-block:clamp(64px,9vw,128px)}
.sektion--tat{padding-block:clamp(48px,6vw,88px)}
.sektion--dimma{background:var(--dimma)}
.sektion-huvud{margin-bottom:clamp(32px,4.5vw,56px);max-width:48rem}
.sektion-huvud--delad{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;max-width:none}
.sektion-huvud--delad .ingress{max-width:26rem}
@media (max-width:899px){.sektion-huvud--delad{flex-direction:column;align-items:flex-start}}

/* Tjänstekort */
.kort-rutnat{display:grid;grid-template-columns:repeat(6,1fr);gap:clamp(14px,1.6vw,22px)}
.kort{grid-column:span 2;display:flex;flex-direction:column;text-decoration:none;color:inherit;background:var(--dimma);border-radius:6px;overflow:hidden;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s}
.kort-rutnat--5 .kort:nth-child(-n+2),.kort-rutnat--4 .kort{grid-column:span 3}
.kort:hover{transform:translateY(-4px);box-shadow:var(--skugga)}
.kort-media{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:var(--navy)}
.kort-rutnat--5 .kort:nth-child(-n+2) .kort-media{aspect-ratio:16/8}
.kort-media img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.kort:hover .kort-media img{transform:scale(1.05)}
.kort-nr{position:absolute;left:1rem;top:.9rem;font-family:var(--f-rubrik);font-weight:700;font-size:.78rem;letter-spacing:.14em;color:#fff;background:rgba(11,31,75,.55);padding:.25rem .5rem;border-radius:3px;backdrop-filter:blur(4px)}
.kort-grafik{position:absolute;inset:0;display:block;background:radial-gradient(120% 140% at 100% 0%,var(--navy-3) 0%,var(--navy) 55%,#081639 100%);color:var(--himmel)}
.kort-grafik .lv-vagor{position:absolute;left:-6%;right:-6%;bottom:12%;width:112%;height:auto;opacity:.75}
.kort-grafik-ikon{position:absolute;right:1.4rem;top:1.2rem;width:clamp(56px,6vw,84px);height:auto;aspect-ratio:1;color:#fff;stroke-width:1.1;opacity:.95;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.kort:hover .kort-grafik-ikon{transform:rotate(-8deg) scale(1.06)}
.kort-kropp{position:relative;display:grid;gap:.5rem;padding:1.3rem 3.6rem 1.5rem 1.4rem;flex:1}
.kort-titel{font-family:var(--f-rubrik);font-weight:800;font-size:1.22rem;line-height:1.15;color:var(--navy);letter-spacing:-.015em}
.kort-titel .kortnamn{display:none}
.tjanstrad-lank{display:none}
.kort-text{font-size:.94rem;color:var(--dov);line-height:1.55}
.kort-pil{position:absolute;right:1.2rem;top:1.25rem;color:var(--bla)}
.kort-pil .ikon{width:26px;height:26px;stroke-width:2;transition:transform .3s}
.kort:hover .kort-pil .ikon{transform:translate(3px,-3px)}
@media (max-width:899px){.kort-rutnat{grid-template-columns:1fr}.kort,.kort-rutnat--5 .kort:nth-child(-n+2),.kort-rutnat--4 .kort{grid-column:auto}.kort-rutnat--5 .kort:nth-child(-n+2) .kort-media{aspect-ratio:16/9}}
@media (min-width:600px) and (max-width:899px){.kort-rutnat{grid-template-columns:1fr 1fr}}

/* OVK-band */
.ovk-band{position:relative;overflow:hidden;background:var(--navy);color:#cdd8ee;padding-block:clamp(64px,9vw,120px)}
.ovk-band .rubrik-stor{color:#fff}
.ovk-rad{position:relative;z-index:1;display:grid;grid-template-columns:5fr 6fr;gap:clamp(32px,6vw,96px);align-items:center}
.ovk-text p:not(.eyebrow){margin:1.3rem 0 2rem;max-width:30rem;font-size:1.08rem}
.ovk-tabell dl{display:grid}
.ovk-tabell dl>div{display:grid;grid-template-columns:1fr auto;gap:1.4rem;padding:1.15rem 0;border-bottom:1px solid rgba(255,255,255,.14);align-items:baseline}
.ovk-tabell dl>div:first-child{border-top:1px solid rgba(255,255,255,.14)}
.ovk-tabell dt{color:#cdd8ee}
.ovk-tabell dd{font-family:var(--f-rubrik);font-weight:700;color:#fff;white-space:nowrap;font-size:1.08rem}
.kalla{margin-top:1rem;font-size:.86rem;color:#a9b7d6}
.ovk-vagor{position:absolute;left:-6%;bottom:-14%;width:min(52vw,640px);height:auto;color:var(--navy-3);stroke-width:5;z-index:0;opacity:.8}
.ovk-tabell--ljus dl>div{border-color:var(--linje)}
.ovk-tabell--ljus dl>div:first-child{border-color:var(--linje)}
.ovk-tabell--ljus dt{color:var(--ink)}
.ovk-tabell--ljus dd{color:var(--navy)}
.ovk-tabell--ljus .kalla{color:var(--dov)}
.ovk-sida{display:grid;grid-template-columns:5fr 6fr;gap:clamp(32px,6vw,96px);align-items:start}
.ovk-sida .ingress{margin-top:1.3rem}
@media (max-width:899px){.ovk-rad,.ovk-sida{grid-template-columns:1fr}.ovk-tabell dl>div{grid-template-columns:1fr;gap:.2rem}}

/* Delad (bild + text) */
.delad{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,96px);align-items:center}
.delad-text .ingress{margin-top:1.3rem}
.delad-bild{border-radius:6px;overflow:hidden;background:var(--dimma)}
.delad-bild img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/3}
.delad-bild--bil{background:linear-gradient(180deg,#fff 0%,var(--dimma) 100%);padding:clamp(24px,4vw,56px) clamp(12px,2vw,24px);border:1px solid var(--linje)}
.delad-bild--bil img{aspect-ratio:auto;object-fit:contain}
.delad--omvand .delad-bild{order:2}
.bocklista{display:grid;gap:.75rem;margin-top:1.6rem}
.bocklista li{display:flex;gap:.75rem;align-items:flex-start;line-height:1.5}
.bocklista .ikon{color:var(--bla);margin-top:.15em;stroke-width:2.2}
@media (max-width:899px){.delad{grid-template-columns:1fr}.delad--omvand .delad-bild{order:0}}

/* Steg */
.steg{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,3vw,40px);counter-reset:steg}
.steg--fyra{grid-template-columns:repeat(4,1fr)}
.steg li{position:relative;padding-top:1.4rem;border-top:3px solid var(--navy)}
.steg-nr{display:block;font-family:var(--f-rubrik);font-weight:800;font-size:clamp(3rem,5vw,4.4rem);line-height:1;letter-spacing:-.05em;color:transparent;-webkit-text-stroke:1.5px var(--bla);margin-bottom:1.1rem}
.steg h3{font-family:var(--f-rubrik);font-weight:800;font-size:1.3rem;color:var(--navy);letter-spacing:-.015em;margin-bottom:.5rem}
.steg p{color:var(--dov);font-size:.98rem}
@media (max-width:899px){.steg,.steg--fyra{grid-template-columns:1fr}}
@media (min-width:600px) and (max-width:899px){.steg--fyra{grid-template-columns:1fr 1fr}}

/* Jobbband */
.jobb-band{position:relative;overflow:hidden;background:var(--bla);color:#fff}
.jobb-band>.wrap{position:relative;z-index:1;padding-block:clamp(40px,5vw,64px)}
.jobb-annonser{display:grid;margin-top:1.2rem;border-top:1px solid rgba(255,255,255,.28)}
.jobb-annonser a{display:flex;align-items:center;justify-content:space-between;gap:1rem 2rem;flex-wrap:wrap;padding-block:clamp(16px,2vw,24px);border-bottom:1px solid rgba(255,255,255,.28);text-decoration:none;color:#fff}
.jobb-las{display:inline-flex;align-items:center;gap:.55rem;font-weight:700;border-bottom:2px solid #8fb8ff;padding-bottom:.2rem;white-space:nowrap}
.jobb-las .ikon{transition:transform .25s}
.jobb-annonser a:hover .jobb-las .ikon{transform:translateX(4px)}
.jobb-vagor{position:absolute;right:-50px;top:50%;width:min(48vw,620px);height:auto;transform:translateY(-50%);color:#8fb8ff;stroke-width:5;opacity:.55;z-index:0}
.jobb-etikett{display:flex;align-items:center;gap:.6rem;font-family:var(--f-rubrik);font-stretch:125%;font-weight:600;font-size:.74rem;letter-spacing:.28em;text-transform:uppercase;color:#dbe8ff}
.puls{width:10px;height:10px;border-radius:50%;background:#fff;box-shadow:0 0 0 0 rgba(255,255,255,.7);animation:puls 2s infinite}
@keyframes puls{70%{box-shadow:0 0 0 12px rgba(255,255,255,0)}100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}}
.jobb-titel{font-family:var(--f-rubrik);font-weight:800;font-size:clamp(1.7rem,3.6vw,3rem);line-height:1.05;letter-spacing:-.035em;text-wrap:balance}

/* Intro (undersidor) */
.intro{position:relative;overflow:hidden;background:var(--dimma);padding-block:clamp(56px,8vw,112px) clamp(56px,7vw,96px);border-bottom:1px solid var(--linje)}
.intro-rad{position:relative;z-index:1;display:flex;align-items:flex-end;justify-content:space-between;gap:2rem 4rem}
.intro-text{max-width:46rem}
.intro h1{font-size:clamp(2.5rem,6vw,5.2rem);line-height:.95;letter-spacing:-.045em}
.intro .ingress{margin-top:1.5rem;max-width:40rem}
.intro-vagor{position:absolute;right:-60px;top:50%;width:min(46vw,560px);height:auto;transform:translateY(-50%);color:#cfe0fb;stroke-width:5}
.intro--extra .intro-vagor{top:auto;bottom:-30px;transform:none;opacity:.5}
.intro--enkel{padding-block:clamp(48px,6vw,80px)}
.intro--enkel h1{font-family:var(--f-rubrik);font-weight:800;color:var(--navy);letter-spacing:-.035em;font-size:clamp(2.2rem,5vw,3.8rem)}
.intro--404{min-height:60vh;display:flex;align-items:center}
.intro--404 .knappar{margin-top:2rem}
.intro-lankar{display:grid;gap:.4rem;flex:none}
.intro-lankar .textlank{margin-top:.6rem}
@media (max-width:899px){.intro-rad{flex-direction:column;align-items:flex-start}.intro-vagor{opacity:.6}}

/* Tjänstelista */
.tjanstlista{display:grid}
.tjanstrad{display:grid;grid-template-columns:200px 1fr 64px;gap:2rem;padding-block:2.4rem;border-bottom:1px solid var(--linje);align-items:start}
.tjanstrad:first-child{padding-top:0}
.tjanstrad-meta{display:flex;flex-direction:column;gap:1rem}
.tjanstrad-ikon{display:grid;place-items:center;width:60px;height:60px;border-radius:6px;background:var(--navy);color:#fff}
.tjanstrad-ikon .ikon{width:30px;height:30px;stroke-width:1.4}
.tjanstrad-nr{font-family:var(--f-rubrik);font-stretch:125%;font-weight:600;font-size:.72rem;letter-spacing:.2em;color:var(--dov)}
.tjanstrad h2{font-family:var(--f-rubrik);font-weight:800;font-size:clamp(1.5rem,2.6vw,2.2rem);line-height:1.08;letter-spacing:-.03em;color:var(--navy);margin-bottom:1rem}
.tjanstrad h2 a{text-decoration:none}
.tjanstrad h2 a:hover{color:var(--bla)}
.tjanstrad p{color:var(--dov);max-width:44rem}
.tjanstrad p+p{margin-top:.8rem}
.tjanstrad-pil{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;border:1.5px solid var(--linje);color:var(--bla);transition:background .2s,color .2s,border-color .2s}
.tjanstrad-pil .ikon{width:24px;height:24px;stroke-width:2}
.tjanstrad-pil:hover{background:var(--bla);border-color:var(--bla);color:#fff}
@media (max-width:899px){.tjanstrad{grid-template-columns:1fr;gap:1.2rem}.tjanstrad-meta{flex-direction:row;align-items:center}.tjanstrad-pil{display:none}}

/* Tjänstesida */
.tjanst-hero{background:var(--dimma);border-bottom:1px solid var(--linje);overflow:hidden}
.tjanst-hero-rad{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(24px,5vw,72px);align-items:center;min-height:clamp(380px,48vw,540px)}
.tjanst-hero-text{padding-block:clamp(48px,6vw,80px)}
.tjanst-hero h1{font-size:clamp(2.2rem,5vw,4.4rem);line-height:.98;letter-spacing:-.045em;margin-bottom:2rem}
.brodsmulor{display:flex;gap:.6rem;align-items:center;font-size:.86rem;color:var(--dov);margin-bottom:1.4rem}
.brodsmulor a{color:var(--bla);font-weight:600;text-decoration:none}
.tjanst-hero-media{position:relative;align-self:stretch;margin-right:calc(-1 * var(--kant));clip-path:polygon(14% 0,100% 0,100% 100%,0 100%);background:var(--navy);min-height:280px}
.tjanst-hero-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.tjanst-hero-media--grafik{background:radial-gradient(120% 140% at 100% 0%,var(--navy-3) 0%,var(--navy) 55%,#081639 100%);color:var(--himmel)}
.tjanst-hero-media--grafik .lv-vagor{position:absolute;left:4%;right:-10%;bottom:14%;width:106%;height:auto;opacity:.8}
.tjanst-hero-ikon{position:absolute;right:12%;top:18%;width:clamp(96px,12vw,170px);height:auto;color:#fff;stroke-width:.9}
@media (min-width:1400px){.tjanst-hero-media{margin-right:calc((100vw - var(--wrap)) / -2)}}
@media (max-width:899px){.tjanst-hero-rad{grid-template-columns:1fr;min-height:0}.tjanst-hero-media{order:-1;margin-inline:calc(-1 * var(--kant));clip-path:polygon(0 0,100% 0,100% 86%,0 100%);min-height:240px}.tjanst-hero-text{padding-block:16px 48px}}
.tjanst-kropp{display:grid;grid-template-columns:1.4fr 1fr;gap:clamp(32px,6vw,96px);align-items:start}
.ingar{background:var(--navy);color:#cdd8ee;border-radius:6px;padding:clamp(24px,3vw,40px);position:sticky;top:calc(var(--huvud-h) + 24px)}
.ingar h2{font-family:var(--f-rubrik);font-weight:800;color:#fff;font-size:1.4rem;letter-spacing:-.02em}
.ingar .bocklista .ikon{color:var(--himmel)}
.ingar .textlank{color:#fff;border-color:var(--himmel)}
@media (max-width:899px){.tjanst-kropp{grid-template-columns:1fr}.ingar{position:static}}

/* Prosa */
.prosa{font-size:1.1rem;line-height:1.75;color:#2a3753}
.prosa>*+*{margin-top:1.1em}
.prosa p:first-child{font-size:clamp(1.2rem,1.7vw,1.42rem);line-height:1.55;color:var(--navy);font-weight:500}
.prosa h2{font-family:var(--f-rubrik);font-weight:800;color:var(--navy);font-size:1.6rem;letter-spacing:-.02em;margin-top:1.8em}
.prosa h3{font-family:var(--f-rubrik);font-weight:700;color:var(--navy);font-size:1.25rem;margin-top:1.5em}
.prosa ul{list-style:disc;padding-left:1.3em}
.prosa a{color:var(--bla)}
.prosa--smal{max-width:46rem}
.prosa--smal p:first-child{font-size:inherit;color:inherit;font-weight:400}
.delad-text .prosa{margin-top:1.3rem;font-size:1.04rem}
.delad-text .prosa p:first-child{font-size:1.14rem}

/* Värden */
.varden{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,28px)}
.varde{background:#fff;border:1px solid var(--linje);border-radius:6px;padding:clamp(24px,2.6vw,36px)}
.sektion:not(.sektion--dimma) .varde{background:var(--dimma);border-color:transparent}
.varde-ikon{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:var(--is);color:var(--bla);margin-bottom:1.4rem}
.varde-ikon .ikon{width:28px;height:28px}
.varde h3{font-family:var(--f-rubrik);font-weight:800;color:var(--navy);font-size:1.2rem;letter-spacing:-.015em;margin-bottom:.5rem}
.varde p{color:var(--dov)}
@media (max-width:899px){.varden{grid-template-columns:1fr}}

/* Bildband */
.bildband{padding-bottom:clamp(48px,6vw,88px)}
.bildband-bild{border-radius:6px;overflow:hidden;aspect-ratio:21/9;background:var(--dimma)}
.bildband-bild img{width:100%;height:100%;object-fit:cover}
@media (max-width:699px){.bildband-bild{aspect-ratio:4/3}}

/* Karriär */
.jobblista{display:grid;gap:.8rem;margin-top:2.2rem}
.jobb{background:#fff;border:1px solid var(--linje);border-radius:6px;overflow:hidden}
.jobb summary{display:flex;align-items:center;gap:1.2rem;padding:1.5rem clamp(18px,2.4vw,32px);cursor:pointer;list-style:none}
.jobb summary::-webkit-details-marker{display:none}
.jobb-namn{font-family:var(--f-rubrik);font-weight:800;color:var(--navy);font-size:clamp(1.2rem,2vw,1.6rem);letter-spacing:-.02em;margin-right:auto}
.jobb-taggar{display:flex;gap:.4rem}
.jobb-taggar span{font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:var(--bla);color:#fff;border-radius:999px;padding:.3rem .7rem}
.jobb-taggar--ljus span{background:var(--is);color:var(--navy)}
.jobb-plus{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1.5px solid var(--linje);color:var(--bla);transition:transform .3s,background .2s}
.jobb-plus .ikon{width:22px;height:22px;stroke-width:2}
.jobb[open] .jobb-plus{transform:rotate(45deg);background:var(--is)}
.jobb summary:hover .jobb-namn{color:var(--bla)}
.jobb-panel{padding:0 clamp(18px,2.4vw,32px) clamp(24px,3vw,40px);border-top:1px solid var(--linje);padding-top:1.8rem}
.jobb-kolumner{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,64px);margin-top:2rem}
.jobb-kolumner h3,.jobb-fot h3{font-family:var(--f-rubrik);font-weight:800;color:var(--navy);font-size:1.2rem;margin-bottom:.6rem}
.jobb-kolumner p,.jobb-fot p{color:var(--dov)}
.jobb-fot{margin-top:2.2rem;padding-top:1.8rem;border-top:1px solid var(--linje)}
.jobb-fot .knapp,.jobb-panel>.knapp{margin-top:1.6rem}
.roller{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.4rem}
.roller span{background:var(--is);color:var(--navy);font-weight:600;font-size:.9rem;border-radius:999px;padding:.4rem .9rem}
@media (max-width:699px){.jobb-kolumner{grid-template-columns:1fr}.jobb-taggar{display:none}}
.ansok-dialog{width:min(760px,calc(100vw - 24px));max-height:calc(100svh - 24px);border:0;border-radius:8px;padding:0;box-shadow:0 40px 100px -30px rgba(11,31,75,.6)}
.ansok-dialog::backdrop{background:rgba(11,31,75,.55);backdrop-filter:blur(3px)}
.ansok-dialog .formular{padding:clamp(20px,3vw,36px);border:0;box-shadow:none}
.dialog-huvud{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center}
.dialog-huvud h2{font-family:var(--f-rubrik);font-weight:800;color:var(--navy);font-size:1.6rem;letter-spacing:-.02em}
.dialog-stang{width:44px;height:44px;border-radius:50%;border:1.5px solid var(--linje);background:#fff;display:grid;place-items:center;cursor:pointer;color:var(--navy)}

/* Formulär */
.kontakt-rad{display:grid;grid-template-columns:1fr 1.35fr;gap:clamp(32px,6vw,96px);align-items:start}
.kontakt-info .ingress{margin-top:1.2rem}
.kontaktlista{display:grid;margin-top:2.2rem}
.kontaktlista>div{display:grid;grid-template-columns:140px 1fr;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--linje)}
.kontaktlista>div:first-child{border-top:1px solid var(--linje)}
.kontaktlista dt{display:flex;align-items:center;gap:.6rem;font-weight:600;color:var(--dov);font-size:.94rem}
.kontaktlista dt .ikon{color:var(--bla)}
.kontaktlista dd{font-weight:600;color:var(--navy)}
.kontaktlista a{text-decoration:none}
.kontaktlista a:hover{color:var(--bla)}
@media (max-width:899px){.kontakt-rad{grid-template-columns:1fr}.kontaktlista>div{grid-template-columns:1fr;gap:.2rem}}
.formular{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem 1.2rem;background:#fff}
.formular--kort{border:1px solid var(--linje);border-radius:8px;padding:clamp(20px,3vw,40px);box-shadow:var(--skugga)}
.falt{display:grid;gap:.45rem;font-weight:600;font-size:.92rem;color:var(--navy);min-width:0}
.falt--hel{grid-column:1/-1}
.falt input,.falt select,.falt textarea{width:100%;font-weight:400;font-size:1rem;color:var(--ink);background:var(--dimma);border:1.5px solid transparent;border-radius:var(--radie);padding:.85rem .95rem;transition:border-color .2s,background .2s}
.falt input[type=file]{padding:.6rem;font-size:.9rem}
.falt textarea{resize:vertical;min-height:130px}
.falt input:focus,.falt select:focus,.falt textarea:focus{outline:none;border-color:var(--bla);background:#fff}
.falt-tom{display:block}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.status{grid-column:1/-1;display:flex;gap:.7rem;align-items:flex-start;padding:1rem 1.1rem;border-radius:var(--radie);font-weight:600;margin-top:1.2rem}
.formular .status{margin-top:0}
.status--ok{background:#e7f6ee;color:#11633a}
.status--fel{background:#fdecec;color:#9b1c1c}
@media (max-width:599px){.formular{grid-template-columns:1fr}.falt-tom{display:none}}

/* Sidfot */
.sidfot{background:#06122e;color:#d3dcef;padding-block:clamp(56px,7vw,96px) 28px;position:relative;overflow:hidden}
.sidfot-topp{display:flex;justify-content:space-between;align-items:center;gap:2rem;flex-wrap:wrap;padding-bottom:clamp(36px,5vw,56px);margin-bottom:clamp(36px,5vw,56px);border-bottom:1px solid rgba(255,255,255,.12)}
.sidfot-slogan{font-family:var(--f-rubrik);font-weight:800;color:#fff;font-size:clamp(2rem,5vw,4.2rem);letter-spacing:-.045em;line-height:.95}
.sidfot-rutnat{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.3fr;gap:2.4rem}
.sidfot-logga img{width:190px}
.sidfot-rubrik{font-family:var(--f-rubrik);font-stretch:125%;font-weight:600;font-size:.72rem;letter-spacing:.24em;text-transform:uppercase;color:#fff;margin-bottom:1.1rem}
.sidfot ul{display:grid;gap:.55rem;font-size:.97rem}
.sidfot a{text-decoration:none;transition:color .2s}
.sidfot a:hover{color:#fff}
.sidfot-kontakt li{display:flex;gap:.65rem;align-items:flex-start}
.sidfot-kontakt .ikon{color:var(--himmel);margin-top:.2em}
.sidfot-botten{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.6rem 2rem;margin-top:clamp(40px,5vw,64px);padding-top:1.4rem;border-top:1px solid rgba(255,255,255,.12);font-size:.86rem;color:#aebbd8}
@media (max-width:899px){.sidfot-rutnat{grid-template-columns:1fr 1fr}.sidfot-logga{grid-column:1/-1}}


/* Avslöjande vid scroll */
.js .avslojas{opacity:0;transform:translateY(22px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
.js .avslojas.syns{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.js .avslojas{opacity:1;transform:none}}


/* OVK-band på startsidan */
.ovk-for{display:grid;gap:.6rem;margin:0 0 2rem}
.ovk-for li{display:flex;gap:.7rem;align-items:flex-start;color:#e3e9f6}
.ovk-for .ikon{color:var(--himmel);margin-top:.2em;stroke-width:2.2}
.ovk-bild{border-radius:6px;overflow:hidden;aspect-ratio:4/3;box-shadow:0 30px 70px -30px rgba(0,0,0,.6)}
.ovk-bild img{width:100%;height:100%;object-fit:cover}
.knapp--linje-ljus{border-color:rgba(255,255,255,.35);color:#fff}
.knapp--linje-ljus:hover{border-color:#fff}

/* Passar för */
.passar{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;margin:-0.6rem 0 1.8rem}
.passar-etikett{font-size:.82rem;font-weight:700;color:var(--dov);margin-right:.3rem}
.chip{font-size:.85rem;font-weight:600;color:var(--navy);background:#fff;border:1px solid var(--linje);border-radius:999px;padding:.3rem .75rem}

/* Fördjupning */
.avsnitt-sektion{padding-top:0}
.avsnitt{display:grid}
.avsnitt-rad{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:clamp(20px,5vw,80px);padding-block:clamp(28px,3.5vw,44px);border-top:1px solid var(--linje)}
.avsnitt-rad h2{font-family:var(--f-rubrik);font-weight:800;color:var(--navy);font-size:clamp(1.35rem,2.2vw,1.8rem);letter-spacing:-.025em;line-height:1.12;text-wrap:balance}
.avsnitt-text{color:#2a3753;font-size:1.04rem;max-width:44rem}
.avsnitt-text p+p,.avsnitt-text .bocklista+p{margin-top:1rem}
.avsnitt-text .bocklista{margin-top:1rem}
.avsnitt-text p+.bocklista{margin-top:1rem}
.avsnitt-text>.bocklista:first-child{margin-top:0}

/* Vanliga frågor */
.faq-rad{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:clamp(28px,6vw,96px);align-items:start}
.faq-rad .ingress{margin:1.2rem 0 1.8rem}
.faq details{border-bottom:1px solid var(--linje)}
.faq details:first-child{border-top:1px solid var(--linje)}
.faq summary{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.15rem 0;cursor:pointer;list-style:none;font-weight:700;color:var(--navy);font-size:1.06rem}
.faq summary::-webkit-details-marker{display:none}
.faq-plus{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:50%;border:1.5px solid var(--linje);color:var(--bla);transition:transform .3s}
.faq-plus .ikon{width:18px;height:18px;stroke-width:2}
.faq details[open] .faq-plus{transform:rotate(45deg)}
.faq details p{padding:0 3rem 1.3rem 0;color:var(--dov)}

/* Kompakta tjänstekort (Fler tjänster) */
.kort-rutnat--kompakt{grid-template-columns:repeat(3,minmax(0,1fr))}
.kort-rutnat--kompakt .kort-media{width:120px!important}
.kort-rutnat--kompakt .kort{grid-column:auto!important;flex-direction:row;background:#fff}
.kort-rutnat--kompakt .kort-media{flex:none;width:150px;aspect-ratio:auto!important;min-height:110px}
.kort-rutnat--kompakt .kort-kropp{align-content:center;padding:1rem 3.4rem 1rem 1.2rem;gap:0}
.kort-rutnat--kompakt .kort-text{display:none}
.kort-rutnat--kompakt .kort-titel .lang{display:none}
.kort-rutnat--kompakt .kort-titel .kortnamn{display:inline}
.kort-rutnat--kompakt .kort-pil{top:50%;transform:translateY(-50%)}
@media (max-width:899px){.avsnitt-rad,.faq-rad{grid-template-columns:1fr}.kort-rutnat--kompakt{grid-template-columns:1fr}.ovk-bild{aspect-ratio:16/10}}
@media (max-width:699px){.kort-rutnat--kompakt .kort-media{width:112px;min-height:88px}.faq details p{padding-right:0}.avsnitt-text{font-size:1rem}.passar{margin:-.2rem 0 1.3rem}}

/* ===== Mer mörkblått ===== */
.kort-rutnat--kompakt.kort-rutnat--4{grid-template-columns:repeat(2,minmax(0,1fr))}
.sektion--navy{background:var(--navy);color:#cdd8ee;position:relative;overflow:hidden}
.sektion--navy .rubrik-stor,.sektion--navy .rubrik-mellan{color:#fff}
.sektion--navy .eyebrow{color:var(--blac)}
.sektion--navy .steg li{border-top-color:rgba(255,255,255,.25)}
.sektion--navy .steg-nr{-webkit-text-stroke-color:var(--himmel)}
.sektion--navy .steg h3{color:#fff}
.sektion--navy .steg p{color:#b9c6e2}

/* Undersidornas sidhuvud i navy */
.intro{background:var(--navy);border-bottom:0;color:#cdd8ee}
.intro h1,.intro--enkel h1{color:#fff}
.intro .eyebrow{color:var(--blac)}
.intro .ingress{color:#c3cee6}
.intro .textlank{color:#fff;border-color:var(--himmel)}
.intro .knapp--linje{background:transparent;color:#fff;border-color:rgba(255,255,255,.35)}
.intro .knapp--linje:hover{border-color:#fff}
.intro-vagor{color:var(--navy-3)!important}
.intro--extra .intro-vagor{opacity:.9}

.tjanst-hero{background:var(--navy);border-bottom:0}
.tjanst-hero h1{color:#fff}
.tjanst-hero .brodsmulor{color:#9fb0d4}
.tjanst-hero .brodsmulor a{color:var(--blac)}
.tjanst-hero .passar-etikett{color:#9fb0d4}
.tjanst-hero .chip{background:transparent;color:#e3e9f6;border-color:rgba(255,255,255,.28)}
.tjanst-ingress{color:#c3cee6;font-size:1.1rem;max-width:34rem;margin:-1rem 0 1.8rem}

/* Länkade avsnitt och undersidor */
.avsnitt-rad h2 a{text-decoration:none;color:inherit}
.avsnitt-rad h2 a:hover{color:var(--bla)}
.avsnitt-text .textlank{margin-top:1.2rem}
.ingar-under{font-family:var(--f-rubrik);font-weight:800;color:#fff;font-size:1.05rem;margin-top:1.8rem}
.ingar-lankar{display:grid;gap:.4rem;margin-top:.7rem}
.ingar-lankar a{display:inline-flex;align-items:center;gap:.5rem;color:#fff;text-decoration:none;font-weight:600}
.ingar-lankar a:hover{color:var(--blac)}
.prosa--undersida{max-width:46rem}
.prosa--undersida h2{font-size:clamp(1.4rem,2.2vw,1.8rem)}
.prosa--undersida+.textlank{margin-top:2.4rem}

.sidfot-lankar{display:inline-flex;flex-wrap:wrap;gap:.4rem .8rem}

/* ===== Mobilanpassning ===== */
@media (max-width:699px){
  body{font-size:16px}
  .sektion{padding-block:52px}
  .sektion--tat{padding-block:40px}
  .sektion-huvud{margin-bottom:24px}
  .rubrik-stor{font-size:clamp(1.9rem,8.4vw,2.4rem)}
  .eyebrow{font-size:.68rem;letter-spacing:.24em;margin-bottom:.8rem}
  .ingress{font-size:1rem}

  /* Hero */
  .hero-bild{height:min(58vw,280px)}
  .hero-tagg{top:auto;bottom:22%;right:auto;left:12px;padding:.45rem .75rem .45rem .45rem;gap:.6rem}
  .hero-tagg-ikon{width:30px;height:30px}.hero-tagg-ikon .ikon{width:18px;height:18px}
  .hero-tagg strong{font-size:.95rem}.hero-tagg small{font-size:.72rem}
  .hero-rad{padding-block:8px 84px}
  .hero-luft{height:64px}
    .hero-rubrik{font-size:clamp(2.9rem,14vw,3.6rem);margin-bottom:1rem}
  .hero-ingress{font-size:1rem;margin-bottom:1.4rem}
  .hero .knappar{display:grid;grid-template-columns:1fr 1fr}
  .hero .knapp--stor{padding:.95rem .8rem;font-size:1rem}
  .hero-punkter{margin-top:1.6rem;padding-top:1.2rem;gap:.55rem}
  .hero-punkter li{font-size:.86rem}

  /* Tjänsteremsa: rutnät istället för sidoscroll */
  .remsa-rad{display:grid;grid-template-columns:1fr 1fr;overflow:visible;padding-inline:0}
  .remsa a{padding:1rem var(--kant);border-left:0;border-bottom:1px solid rgba(255,255,255,.14);justify-content:space-between;font-size:.95rem}
  .remsa a:nth-child(odd){border-right:1px solid rgba(255,255,255,.14)}

  .fordelar-rad{gap:.9rem;padding-block:1.4rem}
  .fordel-ikon{width:42px;height:42px}.fordel-ikon .ikon{width:22px;height:22px}

  /* Tjänstekort: kompakta rader med bild till vänster */
  .kort-rutnat{gap:10px}
  .kort{flex-direction:row;align-items:stretch;border-radius:6px}
  .kort-media,.kort-rutnat--5 .kort:nth-child(-n+2) .kort-media{flex:none;width:112px;aspect-ratio:auto;min-height:96px}
  .kort-nr{left:.5rem;top:.5rem;font-size:.66rem;padding:.15rem .35rem}
  .kort-kropp{padding:.9rem 2.8rem .9rem 1rem;align-content:center;gap:0}
  .kort-titel{font-size:1.02rem;line-height:1.2}
  .kort-text{display:none}
  .kort-titel .lang{display:none}.kort-titel .kortnamn{display:inline}
  .tjanstrad-lank{display:inline-flex;margin-top:1rem}
  .ovk-band .ovk-tabell{display:none}
  .kontakt-rad{gap:20px}
  .kontakt-info{display:contents}
  .kontakt-info>h2{order:0}.kontakt-info>.ingress{order:1;margin-top:0}.formular--kort{order:2}.kontaktlista{order:3;margin-top:12px}
  .kort-pil{top:50%;right:.9rem;transform:translateY(-50%)}
  .kort-pil .ikon{width:22px;height:22px}
  .kort:hover{transform:none}

  /* OVK */
  .ovk-band{padding-block:52px}
  .ovk-text p:not(.eyebrow){margin:1rem 0 1.4rem;font-size:1rem}
  .ovk-tabell dl>div{padding:.8rem 0}
  .ovk-tabell dt{font-size:.94rem}
  .ovk-tabell dd{font-size:1rem}

  /* Steg: siffra till vänster, kompakt */
  .steg{gap:0}
  .steg li{display:grid;grid-template-columns:64px 1fr;column-gap:.6rem;padding:1.1rem 0;border-top-width:2px}
  .steg-nr{grid-row:span 2;font-size:2.4rem;margin:0}
  .steg h3{font-size:1.12rem;margin-bottom:.2rem}
  .steg p{font-size:.94rem}

  .delad{gap:28px}
  .delad-bild img{aspect-ratio:16/10}
  .textlank{margin-top:1.3rem}

  /* Undersidor */
  .intro{padding-block:40px 36px}
  .intro h1{font-size:clamp(2.3rem,11vw,3rem)}
  .intro .ingress{margin-top:1rem}
  .intro-vagor{display:none}
  .tjanst-hero-media{min-height:200px}
  .tjanst-hero h1{font-size:clamp(1.9rem,9vw,2.5rem);margin-bottom:1.2rem}
  .tjanst-hero-text{padding-block:12px 36px}
  .prosa{font-size:1rem}
  .prosa p:first-child{font-size:1.1rem}
  .tjanstrad{padding-block:1.6rem;gap:.8rem}
  .tjanstrad-ikon{width:46px;height:46px}.tjanstrad-ikon .ikon{width:24px;height:24px}
  .tjanstrad h2{font-size:1.4rem;margin-bottom:.6rem}
  .tjanstrad p{font-size:.95rem}
  .varde{padding:20px;display:grid;grid-template-columns:44px 1fr;column-gap:.9rem}
  .varde-ikon{width:44px;height:44px;margin:0;grid-row:span 2}.varde-ikon .ikon{width:22px;height:22px}
  .varde h3{font-size:1.05rem;margin-bottom:.2rem}
  .varde p{font-size:.93rem}
  .jobb summary{padding:1.1rem 16px;gap:.8rem}
  .jobb-panel{padding:1.2rem 16px 24px}
  .jobb-plus{width:38px;height:38px}
  .bildband-bild{border-radius:4px}
  .kontaktlista{margin-top:1.4rem}
  .formular--kort{padding:18px;box-shadow:none}

  /* Sidfot */
  .sidfot{padding-block:48px 24px}
  .sidfot-topp{flex-direction:column;align-items:flex-start;gap:1.2rem;padding-bottom:32px;margin-bottom:32px}
  .sidfot-slogan{font-size:2.2rem}
  .sidfot-rutnat{grid-template-columns:1fr 1fr;gap:2rem 1.2rem}
  .sidfot-logga{grid-column:1/-1}
  .sidfot-logga img{width:150px}
  .sidfot-rutnat>div:last-child{grid-column:1/-1}
  .sidfot-botten{flex-direction:column;margin-top:32px}
}