/* Juridico v2 (2026-10-27, användaren: "kör tjänstedesignen från H1 ... mixa lite designerna"): H1:s komponenter
   (faktakort, kapslar, dragspel, pillertrappa, väljaren i tre steg, kontaktkort och formulär på foto) i M1:s svart, vitt
   och guld. Laddas efter style.css. Färgblock är alltid rundade paneler med vit luft runt (användaren: "ingen luft
   mellan segment som byter färg"). */
:root{--yta:#F3F3F3;--g1:#E5E5E5;--g2:#DDDDDD;--tint:#EFEDE7;--guldtint:#F6EFDD;--mellan:#5F5E5A;--rs:16px}
/* Löptext bryts med pretty; balance bara på rubriker och korta etiketter (balance gav korta rader i breda kolumner) */
[data-check],.lead,.sub,.ok p,.why span,.pk .top p,.st p,.q p,.fq p{text-wrap:pretty}
.w{max-width:1280px;margin:0 auto;padding:0 32px}
.sek{padding-top:128px}
.sek-s{padding-top:88px}
svg.lucide{width:20px;height:20px;stroke-width:1.8;flex:none}
.ik{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;flex:none}
.ik svg.lucide{width:18px;height:18px}

/* knappar: piller med pil */
.k{display:inline-flex;align-items:center;justify-content:center;gap:12px;height:52px;padding:0 26px;border-radius:999px;font:600 15px/1 var(--body);white-space:nowrap;border:0;cursor:pointer;transition:transform .14s var(--ease),opacity .2s var(--ease),background-color .2s var(--ease);text-decoration:none}
.k:active{transform:scale(.97)}
.k-svart{background:#0E0E0F;color:#fff}.k-guld{background:var(--accent);color:#0E0E0F}.k-ljus{background:var(--yta);color:var(--ink)}.k-vit{background:#fff;color:var(--ink)}
.k-ram{background:transparent;color:inherit;box-shadow:inset 0 0 0 1.5px currentColor}
.k-pil{padding:0 6px 0 26px;justify-content:space-between}
.k-pil .pr{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#0E0E0F}
.k-guld.k-pil .pr{background:#0E0E0F;color:#fff}.k-ljus.k-pil .pr,.k-vit.k-pil .pr{background:#0E0E0F;color:#fff}
.k-pil .pr svg.lucide{width:16px;height:16px}
@media (hover:hover) and (pointer:fine){.k:hover{opacity:.9}}
.rp{width:44px;height:44px;border-radius:50%;border:0;display:grid;place-items:center;background:var(--g1);color:var(--ink);cursor:pointer;flex:none;transition:transform .2s var(--ease),background-color .2s var(--ease),color .2s var(--ease)}
.rp svg.lucide{width:18px;height:18px}.rp-s{width:34px;height:34px;background:#fff}.rp-s svg.lucide{width:15px;height:15px}

/* brödsmulor som piller */
.smulor{padding-top:20px}
.smulor ol{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;color:var(--mellan);list-style:none}
.smulor li{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;min-width:0}
.smulor li+li::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--accent)}
.smulor a{display:inline-flex;align-items:center;height:32px;padding:0 14px;border-radius:999px;background:var(--yta);font-weight:600;color:#3D3D3F}
.smulor [aria-current]{font-weight:600;color:var(--ink);overflow:hidden;text-overflow:ellipsis}

/* hero för tjänst-, områdes- och informationssidor: text och bild vänster, kort höger */
.tjh-grid{display:grid;grid-template-columns:minmax(0,1fr) 420px;grid-template-areas:"text kort" "bild kort";column-gap:72px;row-gap:40px;margin-top:36px;align-items:stretch}
.tjh-text{grid-area:text}
.tjh h1{font-size:76px;line-height:1.02;letter-spacing:-.04em;font-weight:700;margin:0;text-wrap:balance}
.tjh .ingress{margin-top:28px;font-size:19px;line-height:1.6;color:var(--mellan);max-width:620px;text-wrap:pretty}
.tjh-bild{grid-area:bild;align-self:end;border-radius:var(--r);aspect-ratio:16/8}
.tjh-bild img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.faktakort{grid-area:kort;display:flex;flex-direction:column;background:#fff;border-radius:var(--r);padding:32px;box-shadow:inset 0 0 0 1px var(--g1),0 24px 48px -24px rgba(0,0,0,.28),0 2px 8px rgba(0,0,0,.04)}
.faktakort .fk-pl{font-size:13px;font-weight:600;color:var(--mellan)}
.faktakort .stort{margin-top:6px;font-size:28px;font-weight:700;letter-spacing:-.03em;line-height:1.2}
.faktakort dl{margin-top:24px;border-top:1px solid var(--g1)}
.faktakort dl>div{display:grid;grid-template-columns:40px minmax(0,1fr);gap:16px;align-items:center;padding:15px 0;border-bottom:1px solid var(--g1)}
.faktakort .ik{width:40px;height:40px;background:var(--tint);color:#0E0E0F}
.faktakort dt{font-size:12px;font-weight:600;color:var(--mellan)}
.faktakort dd{font-size:15px;font-weight:600;line-height:1.4}
.faktakort dd a{text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:3px}
.faktakort .knappar{display:flex;flex-direction:column;gap:12px;margin-top:auto;padding-top:28px}
.faktakort .k{width:100%}
.lankkort ul{margin-top:20px;border-top:1px solid var(--g1);list-style:none}
.lankkort li a{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--g1);font-weight:600;font-size:15.5px}
.lankkort li a .rp-s{background:var(--yta)}
@media (hover:hover) and (pointer:fine){.lankkort li a:hover .rp-s{background:#0E0E0F;color:#fff}}

/* intro: text bredvid två kapslar */
.intro{display:grid;grid-template-columns:400px minmax(0,1fr);gap:104px;align-items:center}
.kapslar{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding-bottom:80px}
.kapsel{border-radius:999px;aspect-ratio:1/2.05}
.kapsel img,.foto>img.fyll{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.kapsel.b{transform:translateY(80px)}
.intro h2{font-size:46px;line-height:1.05;margin:0}
.intro .lead2{margin-top:24px;font-size:21px;line-height:1.55;letter-spacing:-.01em;max-width:640px;color:var(--ink)}
.intro .lead2 p+p{margin-top:12px}
.intro .h2b{font-size:28px;margin-top:52px;letter-spacing:-.02em}
.intro .brod{margin-top:18px;color:#3A3A3C;max-width:640px;font-size:17px;line-height:1.65}
.intro .brod p+p,.intro .brod ul{margin-top:12px}
.intro .brod a{text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:2px;text-underline-offset:4px;font-weight:600}
.intro .brod ul{display:grid;gap:8px;list-style:none}.intro .brod ul li{position:relative;padding-left:22px}.intro .brod ul li::before{content:"";position:absolute;left:0;top:10px;width:8px;height:8px;border-radius:50%;background:var(--accent)}
.faktaruta{margin-top:28px;background:var(--yta);border-radius:var(--r);padding:24px 26px;max-width:640px}
.faktaruta h3,.faktaruta h2{font-size:17px;margin-bottom:12px}
.faktaruta .rader{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.faktaruta .rader.en{grid-template-columns:minmax(0,1fr)}
.faktaruta .rader div{background:#fff;border-radius:14px;padding:14px 16px}.faktaruta b{display:block;font-size:15.5px;margin-bottom:2px}.faktaruta span{font-size:14px;color:var(--mellan);line-height:1.45}
.faktaruta>p{font-size:16px;font-weight:500}

/* dragspel: ingår, ingår inte, behöver */
.beh-lista{display:flex;flex-direction:column;gap:8px}
.beh{border-radius:var(--r);transition:background-color .3s var(--ease)}
.beh:not([open]){box-shadow:inset 0 -1px 0 var(--g1);border-radius:0}
.beh[open]{background:var(--yta)}
.beh summary{list-style:none;display:grid;grid-template-columns:minmax(0,1fr) auto 44px;align-items:center;gap:24px;padding:26px 32px;cursor:pointer}
.beh summary::-webkit-details-marker{display:none}
.sok-falt input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}
.beh h2{font-size:30px;font-weight:600;letter-spacing:-.03em;line-height:1.15;margin:0}
.beh summary .ant{font-size:14px;color:var(--mellan);white-space:nowrap}
.beh summary .rp{grid-column:-2/-1;transition:transform .3s var(--ease),background-color .2s var(--ease),color .2s var(--ease)}
.beh[open] summary .rp{background:#0E0E0F;color:#fff;transform:rotate(45deg)}
.punkter{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0 32px 32px;list-style:none}
.punkter li{display:flex;align-items:center;gap:16px;min-height:72px;padding:14px 20px 14px 14px;border-radius:var(--rs);background:#fff;font-size:16px;font-weight:600;line-height:1.4}
.punkter li small{display:block;font-size:14px;font-weight:500;color:var(--mellan);margin-top:2px}
.punkter li small a{text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:3px;color:var(--ink)}
.punkter .ik{width:40px;height:40px;background:var(--tint);color:#0E0E0F}
.punkter .ik svg.lucide{width:16px;height:16px;stroke-width:2.2}
.punkter.nej .ik{background:var(--yta);color:var(--mellan)}
.beh-text{padding:0 32px 32px}.beh-text p{max-width:760px;padding:22px 26px;border-radius:var(--rs);background:#fff;font-size:17px;line-height:1.6}
@media (prefers-reduced-motion:no-preference){.beh[open] .punkter,.beh[open] .beh-text{animation:fram .5s var(--ease)}@keyframes fram{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}}

/* så går det till: pillertrappa */
.skal{text-align:center}.skal h2{margin:0}
.trappa{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin:48px auto 0;width:max-content;max-width:100%;text-align:left;list-style:none}
.trappa li{display:inline-flex;align-items:center;gap:16px;min-height:76px;padding:0 36px 0 16px;border-radius:999px;background:var(--yta);font-size:18px;letter-spacing:-.01em;white-space:nowrap;color:#3D3D3F}
.trappa li b{font-weight:700;color:var(--ink)}
.trappa li:nth-child(2){margin-left:64px}.trappa li:nth-child(3){margin-left:128px}.trappa li:nth-child(4){margin-left:192px}
.trappa li:last-child{background:#0E0E0F;color:rgba(255,255,255,.82)}.trappa li:last-child b{color:#fff}
.trappa .nr{width:44px;height:44px;border-radius:50%;background:#fff;color:#0E0E0F;display:grid;place-items:center;flex:none;font-size:15px;font-weight:700}
.trappa li:last-child .nr{background:var(--accent)}
.tid{display:inline-flex;align-items:center;gap:12px;margin-top:36px;font-size:16px;color:var(--mellan)}
.tid svg.lucide{width:18px;height:18px;color:#0E0E0F}

/* vanliga frågor i två kolumner */
.faq2 h2{margin:0}
.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px;margin-top:40px;align-items:start}
.faq-kol{display:flex;flex-direction:column;gap:12px}
.fq2{border-radius:20px;background:var(--yta)}
.fq2 summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:84px;padding:16px 16px 16px 26px;font-size:17px;font-weight:700;letter-spacing:-.015em;line-height:1.3;cursor:pointer;text-wrap:balance}
.fq2 summary::-webkit-details-marker{display:none}
.sok-falt input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}
.fq2 summary .rp-s{transition:transform .3s var(--ease)}
.fq2[open] summary .rp-s{transform:rotate(45deg);background:#0E0E0F;color:#fff}
.fq2 .svar{padding:0 64px 26px 26px;color:#4A4945;font-size:15.5px;line-height:1.6}
.fq2 .svar a{text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:3px;color:var(--ink);font-weight:600}

/* avslut: guldtonat piller + fler tjänster */
.cta2{display:flex;justify-content:space-between;align-items:center;gap:40px;padding:44px 44px 44px 64px;border-radius:999px;background:var(--guldtint)}
.cta2 h2{font-size:44px;letter-spacing:-.035em;margin:0;text-wrap:balance}
.cta2 p{margin-top:10px;font-size:16px;color:#4A4740}
.cta2 .k{height:60px;font-size:16px}
.rel2{display:flex;align-items:center;gap:24px;margin-top:28px;padding:0 24px}
.rel2>span{font-size:14px;font-weight:600;color:var(--mellan);white-space:nowrap}
.rel2 ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none}
.rel2 a{display:inline-flex;align-items:center;gap:10px;height:46px;padding:0 6px 0 18px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--g2);font-size:14px;font-weight:600;white-space:nowrap;transition:background-color .2s var(--ease)}
.rel2 a .rp-s{width:32px;height:32px;background:var(--yta)}
@media (hover:hover) and (pointer:fine){.rel2 a:hover{background:var(--yta)}}

/* kontakt: kort vänster, formulär på foto höger */
.kontakt2{display:grid;grid-template-columns:6fr 5fr;gap:48px;align-items:stretch}
.kontakt2-v{display:flex;flex-direction:column}
.kontakt2 h2{font-size:50px;line-height:1.04;margin:0;max-width:600px}
.kontakt2 .sub{margin-top:22px;max-width:520px;font-size:18px;line-height:1.6;color:var(--mellan)}
.kort4{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:auto;padding-top:44px}
.info{border-radius:20px;padding:26px;background:var(--yta);display:block}
.info.b{background:var(--tint)}
.info .ik{background:#fff;color:#0E0E0F}
.info h3{margin:18px 0 4px;font-size:16px}
.info p{font-size:15px;color:#4C4B48;line-height:1.5}
a.info{transition:background-color .2s var(--ease)}
@media (hover:hover) and (pointer:fine){a.info:hover{background:var(--guldtint)}}
/* formuläret i en svart ram (Morad 2026-10-29, variant B) */
.formram{border-radius:var(--r);padding:12px;display:flex;flex-direction:column;background:#0E0E0F}
.formkort{position:relative;background:#fff;border-radius:18px;padding:24px;display:block}
.formkort .valt{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;background:var(--guldtint);border-radius:999px;padding:8px 14px;margin-bottom:14px}
.formkort .intro2{font-size:14px;font-weight:600;color:var(--accent-text);margin-bottom:12px}
.formkort .intro2[hidden],.formkort .fel[hidden]{display:none}
.formkort .fel{background:#FBEAEA;color:#7A1E1E;border-radius:12px;padding:12px 14px;font-size:14px;font-weight:600;margin-bottom:12px}
.falt2{display:block;margin-top:14px;min-width:0}
.radpar{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.radpar .falt2,.formkort>.falt2:first-of-type{margin-top:0}
.radpar+.radpar,.radpar+.falt2{margin-top:14px}
.falt2>span,.falt2 legend{display:block;font-size:12px;font-weight:600;color:var(--mellan);margin-bottom:6px;white-space:nowrap}
.falt2 input,.falt2 textarea,.falt2 select{width:100%;height:46px;border:0;border-radius:12px;background:var(--yta);padding:0 14px;font:500 15px var(--body);color:var(--ink);outline:none;box-shadow:inset 0 0 0 1px transparent;transition:box-shadow .2s var(--ease)}
.falt2 select{appearance:none;-webkit-appearance:none;padding-right:40px;cursor:pointer;background:var(--yta) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%230E0E0F' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 16px center;text-overflow:ellipsis}
.falt2 textarea{height:104px;padding:12px 14px;resize:vertical;display:block}
.falt2 input:focus,.falt2 textarea:focus,.falt2 select:focus{box-shadow:inset 0 0 0 1.5px #0E0E0F}
fieldset.falt2{border:0;padding:0}
.seg{display:grid;grid-template-columns:1fr 1fr;padding:4px;border-radius:999px;background:var(--yta);height:46px}
.seg label{position:relative;display:grid;place-items:center;border-radius:999px;font-size:14px;font-weight:600;color:var(--mellan);cursor:pointer;white-space:nowrap;transition:background-color .2s var(--ease),color .2s var(--ease),box-shadow .2s var(--ease)}
.seg input{position:absolute;opacity:0;pointer-events:none}
.seg label:has(input:checked){background:#fff;color:var(--ink);box-shadow:0 2px 8px -2px rgba(0,0,0,.18)}
.seg label:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}
.hjalp{display:flex;gap:8px;margin-top:8px;font-size:12.5px;line-height:1.5;color:var(--mellan)}
.hjalp svg.lucide{width:14px;height:14px;margin-top:2px;color:#0E0E0F}
.samtycke{position:relative;display:flex;align-items:flex-start;gap:12px;margin-top:16px;font-size:13.5px;line-height:1.5;cursor:pointer}
.samtycke input{position:absolute;opacity:0;width:22px;height:22px;margin:0}
.bock{width:22px;height:22px;flex:none;border-radius:6px;background:#fff;box-shadow:inset 0 0 0 1.5px var(--g2);display:grid;place-items:center;color:transparent;transition:background-color .2s var(--ease),color .2s var(--ease)}
.bock svg.lucide{width:13px;height:13px;stroke-width:3}
.samtycke input:checked+.bock{background:#0E0E0F;box-shadow:none;color:#fff}
.samtycke input:focus-visible+.bock{box-shadow:0 0 0 3px var(--accent)}
.samtycke a{text-decoration:underline;text-underline-offset:2px}
.formkort .skicka{width:100%;margin-top:18px}
.formkort .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

/* startsidan: väljaren i tre steg under hjälten */
.valj2{position:relative;z-index:2;width:calc(100% - 160px);margin:-64px auto 0;background:#fff;border-radius:22px;padding:24px 28px 24px 36px;box-shadow:0 24px 48px -24px rgba(0,0,0,.32),0 2px 8px rgba(0,0,0,.05);outline:none;transition:box-shadow .3s var(--ease)}
.valj2.puls{box-shadow:0 0 0 4px var(--accent),0 24px 48px -24px rgba(0,0,0,.32)}
.valj2-topp{display:grid;grid-template-columns:auto minmax(0,1fr);gap:48px;align-items:center}
.valj2-r{font-size:20px;font-weight:700;letter-spacing:-.02em;white-space:nowrap}
.stegrad{display:grid;grid-template-columns:minmax(0,1fr) 1px minmax(0,1fr) 1px minmax(0,1fr);gap:24px;align-items:center}
.stg{display:flex;flex-direction:column;gap:6px;min-width:0}
.stg .fl{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--mellan);white-space:nowrap}
.stg .fl::before{content:'';width:8px;height:8px;border-radius:50%;background:var(--g2);flex:none;transition:background-color .2s var(--ease),box-shadow .2s var(--ease)}
.stg.nu .fl{color:var(--ink);font-weight:600}.stg.nu .fl::before{background:var(--accent);box-shadow:0 0 0 4px var(--guldtint)}
.stg.klar .fl::before{background:#0E0E0F}
.stg .fv{display:block;height:24px;font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stg .fv:empty::after{content:'';display:block;width:56%;height:8px;margin-top:8px;border-radius:4px;background:var(--yta)}
.delare{width:1px;height:44px;background:var(--g1)}
.valj2-yta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px 24px;align-items:center;margin-top:20px;padding-top:20px;border-top:1px solid var(--g1)}
.fraga{font-size:20px;font-weight:700;letter-spacing:-.015em;line-height:1.3;margin:0}
.stg-m{display:none}
.alt{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px}
.k-val{height:46px;padding:0 20px;font-size:14.5px;background:var(--yta);color:var(--ink)}
@media (hover:hover) and (pointer:fine){.k-val:hover{opacity:1;background:var(--guldtint)}}
.tillbaka{grid-column:2;grid-row:1;height:40px;padding:0 16px 0 12px;gap:8px;font-size:14px}
.tillbaka svg.lucide{width:16px;height:16px}
.tillbaka[hidden]{display:inline-flex;visibility:hidden}

/* startsidan: varför (svart panel med ikoner) */
.varfor2{background:#0E0E0F;color:#fff;border-radius:var(--r);padding:56px 16px}
.varfor2 h2{font-size:38px;color:#fff;padding:0 32px;margin:0}
.varfor2 ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:40px;list-style:none}
.varfor2 li{padding:0 32px}.varfor2 li+li{border-left:1px solid rgba(255,255,255,.18)}
.varfor2 .ik{background:rgba(255,255,255,.1);color:var(--accent)}
.varfor2 h3{margin-top:20px;font-size:18px;min-height:2.6em;color:#fff}
.varfor2 p{margin-top:8px;font-size:15px;line-height:1.6;color:rgba(255,255,255,.76)}

/* välj område: foto bredvid ikonrutnät i grå panel */
.panel{background:var(--yta);border-radius:var(--r);padding:64px}
.panel h2{margin:0}
.runt{display:grid;grid-template-columns:5fr 7fr;gap:64px;margin-top:44px;align-items:stretch}
.runt .foto{border-radius:20px;min-height:440px}
.runt .foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.omr2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 40px;list-style:none}
.omr2 a{display:block}
.omr2 .ik{box-shadow:inset 0 0 0 1.5px #0E0E0F;color:#0E0E0F;transition:background-color .2s var(--ease),color .2s var(--ease)}
.omr2 h3{display:flex;align-items:center;gap:8px;margin:16px 0 6px;font-size:17px;white-space:nowrap}
.omr2 h3 svg.lucide{width:16px;height:16px;transition:transform .2s var(--ease)}
.omr2 p{font-size:14.5px;color:var(--mellan);line-height:1.6}
@media (hover:hover) and (pointer:fine){.omr2 a:hover .ik{background:#0E0E0F;color:#fff}.omr2 a:hover h3 svg.lucide{transform:translateX(4px)}}

/* populära tjänster: kortrad med flikar */
.shuvud{display:flex;justify-content:space-between;align-items:flex-end;gap:48px}
.shuvud h2{margin:0}.shuvud .sub{margin-top:14px;font-size:16px;max-width:560px;color:var(--mellan)}
.pilar{display:flex;gap:8px}
.flikar{display:flex;gap:8px;margin-top:28px;overflow-x:auto;scrollbar-width:none}
.flik{height:44px;padding:0 22px;border-radius:12px;border:0;background:var(--yta);color:#6F6E6A;font:600 14px var(--body);white-space:nowrap;cursor:pointer;transition:background-color .2s var(--ease),color .2s var(--ease)}
.flik[aria-pressed=true]{background:var(--accent);color:#0E0E0F}
.spar{display:flex;gap:16px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;margin-top:28px;padding-top:8px;padding-bottom:8px}
.spar::-webkit-scrollbar,.flikar::-webkit-scrollbar{display:none}
.spar>*{scroll-snap-align:start;flex:none}.spar>[hidden]{display:none}
.tj2{position:relative;width:292px;height:396px;border-radius:20px;background:linear-gradient(180deg,#F5F5F5 0%,#EDEDED 100%);padding:16px;display:flex;flex-direction:column}
.tj2 .typ{align-self:flex-start;display:inline-flex;align-items:center;height:30px;padding:0 13px;border-radius:999px;background:#fff;font-size:12.5px;font-weight:700}
.tj2 .mitt{flex:1;display:flex;align-items:center;padding:0 8px}
.tj2 .tik{width:64px;height:64px;border-radius:50%;background:#fff;color:#0E0E0F;display:grid;place-items:center}
.tj2 .tik svg.lucide{width:26px;height:26px;stroke-width:1.5}
.tj2 h3{padding:0 8px;font-size:23px;letter-spacing:-.025em;margin:0}
.tj2 p{padding:0 8px;margin-top:8px;font-size:14px;line-height:1.55;color:var(--mellan);min-height:4.65em}
.tj2 .namn{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:18px}
.tj2 .namn span{display:inline-flex;align-items:center;height:32px;padding:0 14px;border-radius:999px;background:#fff;font-size:13px;font-weight:600;white-space:nowrap}
.tj2.foto2{padding:0;background:none;overflow:hidden}
.tj2.foto2 img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:20px}
.tj2.foto2 .namn{position:absolute;left:16px;right:16px;bottom:16px;margin:0}
@media (hover:hover) and (pointer:fine){.tj2:hover .namn .rp-s{background:#0E0E0F;color:#fff}.tj2 .namn .rp-s{transition:background-color .2s var(--ease),color .2s var(--ease)}}

/* text bredvid foto */
.zig{display:grid;grid-template-columns:5fr 6fr;gap:96px;align-items:center}
.zig.om{grid-template-columns:6fr 5fr}
.zig h2{margin:0}
.steg3{display:flex;flex-direction:column;gap:26px;margin-top:36px;list-style:none}
.steg3 li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:20px}
.steg3 .nr{width:44px;height:44px;border-radius:50%;box-shadow:inset 0 0 0 1.5px #0E0E0F;display:grid;place-items:center;font-size:15px;font-weight:700}
.steg3 h3{font-size:17px;padding-top:10px;margin:0}
.steg3 p{margin-top:6px;font-size:15.5px;color:var(--mellan)}
.betala{display:flex;align-items:center;gap:12px;margin-top:30px;padding-top:24px;border-top:1px solid var(--g1);font-size:15.5px;font-weight:600}
.betala svg.lucide{width:18px;height:18px;color:var(--accent-text)}
.zig .k{margin-top:30px}
.zigfoto{border-radius:var(--r);aspect-ratio:3/2.7}
.zigfoto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

/* vanliga frågor på startsidan: rubrik vänster, rader höger */
.fragor{display:grid;grid-template-columns:4fr 8fr;gap:64px;align-items:start}
.fragor h2{margin:0}
.fq-lista{border-top:1px solid var(--g1)}
.fr{border-bottom:1px solid var(--g1)}
.fr summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:22px 0;font-size:19px;font-weight:700;letter-spacing:-.015em;line-height:1.3;cursor:pointer}
.fr summary::-webkit-details-marker{display:none}
.sok-falt input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}
.fr summary .rp{width:40px;height:40px;transition:transform .3s var(--ease),background-color .2s var(--ease),color .2s var(--ease)}
.fr[open] summary .rp{background:#0E0E0F;color:#fff;transform:rotate(45deg)}
.fr .svar{padding:0 72px 26px 0;color:#4A4945;max-width:760px;font-size:16.5px;line-height:1.6}

/* juridiktips på startsidan och i listan */
.tips3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:40px}
.tk2{display:flex;flex-direction:column;border-radius:var(--r);background:var(--yta);overflow:hidden;transition:transform .2s var(--ease)}
.tk2 .foto{aspect-ratio:16/10}.tk2 .foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.tk2 .txt{padding:22px 24px 26px;display:flex;flex-direction:column;flex:1}
.tk2 .meta{display:flex;gap:10px;align-items:center;font-size:13px;font-weight:600;color:var(--accent-text);margin-bottom:10px}
.tk2 .meta span+span::before{content:"·";margin-right:10px;color:var(--mellan)}
.tk2 h3{font-size:21px;line-height:1.2;letter-spacing:-.02em;margin:0 0 8px}
.tk2 p{font-size:15px;line-height:1.55;color:var(--mellan)}
.tk2 .las{margin-top:auto;padding-top:18px;display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:14px}
@media (hover:hover) and (pointer:fine){.tk2:hover{transform:translateY(-3px)}}
.tk-stor{display:grid;grid-template-columns:7fr 5fr;border-radius:var(--r);background:#0E0E0F;color:#fff;overflow:hidden;margin-top:40px}
.tk-stor .foto{min-height:420px}.tk-stor .foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.tk-stor .txt{padding:48px;display:flex;flex-direction:column;justify-content:center}
.tk-stor .meta{font-size:13px;font-weight:600;color:var(--accent);margin-bottom:14px}
.tk-stor h2{font-size:34px;line-height:1.1;margin:0 0 14px;color:#fff}
.tk-stor p{color:rgba(255,255,255,.78);font-size:16px;line-height:1.6}
.tk-stor .k{margin-top:28px;align-self:flex-start}

/* artikelns författarrad */
.forf2{display:flex;align-items:center;gap:14px;margin-top:26px;font-size:14px;line-height:1.5;color:var(--mellan)}
.forf2 img{width:46px;height:46px;border-radius:50%;object-fit:cover;object-position:50% 20%}
.forf2 a{color:var(--ink);font-weight:700;text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:3px}
.forf2 .rad2{display:flex;flex-wrap:wrap;gap:4px 12px}

/* profilsidor */
.profil2{display:grid;grid-template-columns:380px minmax(0,1fr);gap:80px;align-items:start;margin-top:36px}
.profil2 .vanster{position:sticky;top:110px}
.profil2 .portratt{border-radius:28px;aspect-ratio:4/5}
.profil2 .portratt img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 20%}
.profillankar{margin-top:16px;background:var(--yta);border-radius:20px;padding:8px 18px}
.profillankar b{display:block;font-size:12px;font-weight:600;color:var(--mellan);padding:12px 0 4px}
.profillankar a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid var(--g1);font-weight:600;font-size:15px}
.profillankar a:first-of-type{border-top:0}
.profillankar a .rp-s{width:30px;height:30px}
.profil2 .titel{display:inline-flex;align-items:center;gap:8px;background:var(--guldtint);border-radius:999px;padding:8px 16px;font-weight:700;font-size:14px}
.profil2 h1{font-size:72px;line-height:1;letter-spacing:-.04em;margin:18px 0 0}
.profil2 .lead{font-size:20px;line-height:1.55;color:var(--mellan);margin-top:20px;max-width:640px}
.profil2 .brod{margin-top:28px;max-width:680px}
.profil2 .brod p{font-size:17px;line-height:1.7;color:#3A3A3C}.profil2 .brod p+p{margin-top:14px}
.profil2 .brod a{text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:2px;text-underline-offset:4px;font-weight:600}
.expertis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:32px;max-width:680px;list-style:none}
.expertis li{display:flex;align-items:center;gap:12px;background:var(--yta);border-radius:16px;padding:12px 14px;font-weight:600;font-size:15px}
.expertis .ik{width:36px;height:36px;background:#fff}.expertis .ik svg.lucide{width:16px;height:16px}
.profilkontakt{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}

/* team på om oss */
.team{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:40px}
.pkort{display:grid;grid-template-columns:200px minmax(0,1fr);gap:28px;align-items:center;background:var(--yta);border-radius:var(--r);padding:20px;transition:transform .2s var(--ease)}
.pkort .foto{border-radius:18px;aspect-ratio:4/5}.pkort .foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 20%}
.pkort small{display:inline-block;background:#fff;border-radius:999px;padding:6px 12px;font-size:12.5px;font-weight:700}
.pkort h3{font-size:26px;letter-spacing:-.025em;margin:12px 0 8px}
.pkort p{font-size:15px;line-height:1.55;color:var(--mellan)}
.pkort .las{display:inline-flex;align-items:center;gap:8px;margin-top:16px;font-weight:700;font-size:14px}
@media (hover:hover) and (pointer:fine){.pkort:hover{transform:translateY(-3px)}}

/* ljus sidhero utan kort (kontakt, katalog, juridiktips) */
.sh2 h1{font-size:76px;line-height:1.02;letter-spacing:-.04em;margin:28px 0 0;text-wrap:balance}
.sh2 .ingress{margin-top:22px;font-size:19px;line-height:1.6;color:var(--mellan);max-width:640px}
.sh2 .par{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.bredbild{margin-top:44px;border-radius:var(--r);aspect-ratio:16/6.4}
.bredbild img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

/* katalogen */
.kat-grupp+.kat-grupp{margin-top:72px}
.kat-topp{display:flex;justify-content:space-between;align-items:flex-end;gap:24px}
.kat-topp h2{margin:0;display:flex;align-items:center;gap:16px}
.kat-topp h2 .ik{box-shadow:inset 0 0 0 1.5px #0E0E0F}
.kat-topp p{color:var(--mellan);margin-top:10px;max-width:560px}
.kat-lista{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:28px;list-style:none}
.kat-lista a{display:flex;flex-direction:column;justify-content:space-between;gap:20px;min-height:150px;padding:22px 22px 20px;border-radius:20px;background:var(--yta);transition:background-color .2s var(--ease)}
.kat-lista b{font-size:18px;letter-spacing:-.015em}.kat-lista span{font-size:14px;color:var(--mellan);line-height:1.5}
.kat-lista .rp-s{align-self:flex-end}
@media (hover:hover) and (pointer:fine){.kat-lista a:hover{background:var(--guldtint)}}

/* utskjutande innehåll som inte ska bli smalt */
@media (max-width:1180px){
  .tjh-grid{grid-template-columns:minmax(0,1fr) 380px;column-gap:40px}
  .tjh h1,.sh2 h1{font-size:60px}
  .intro{grid-template-columns:320px minmax(0,1fr);gap:56px}
  .trappa li:nth-child(n){margin-left:0}
  .trappa{align-items:stretch}
  .trappa li{white-space:normal;padding:14px 28px 14px 16px;line-height:1.4;border-radius:38px}
  .cta2{flex-direction:column;align-items:flex-start;border-radius:40px;padding:44px}
  .rel2{flex-direction:column;align-items:flex-start;padding:0}
  .valj2{width:calc(100% - 48px)}
  .valj2-topp{grid-template-columns:minmax(0,1fr);gap:16px}
  .varfor2 ul{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:40px}
  .varfor2 li:nth-child(3){border-left:0}
  .runt,.zig,.zig.om,.kontakt2,.fragor,.profil2{grid-template-columns:minmax(0,1fr);gap:48px}
  .fragor h2,.profil2 .vanster{position:static}
  .profil2 .vanster{display:grid;grid-template-columns:300px minmax(0,1fr);gap:24px;align-items:end}
  .profil2 .portratt{max-width:300px}
  .kat-lista{grid-template-columns:repeat(2,minmax(0,1fr))}
  .team{grid-template-columns:minmax(0,1fr)}
  .tips3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tk-stor{grid-template-columns:minmax(0,1fr)}.tk-stor .foto{min-height:300px}
}
@media (max-width:900px){
  .tjh-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"text" "bild" "kort"}
  .intro{grid-template-columns:minmax(0,1fr);gap:40px}
  .kapslar{max-width:420px}
  .faq-grid{grid-template-columns:minmax(0,1fr)}
  .punkter{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:760px){
  .w{padding:0 16px}
  .sek{padding-top:80px}.sek-s{padding-top:56px}
  .tjh h1,.sh2 h1{font-size:min(44px,11vw)}
  .tjh .ingress,.sh2 .ingress{font-size:17px;margin-top:18px}
  .tjh-grid{margin-top:24px;row-gap:24px}
  .tjh-bild{aspect-ratio:4/3}
  .faktakort{padding:24px 20px}
  .bredbild{aspect-ratio:4/3;margin-top:28px}
  .kapslar{padding-bottom:48px;gap:12px;max-width:300px;margin:0 auto;width:100%}
  .kapsel{aspect-ratio:1/1.75}.kapsel.b{transform:translateY(48px)}
  .intro h2{font-size:32px}.intro .lead2{font-size:18px}.intro .h2b{font-size:24px;margin-top:36px}
  .faktaruta .rader{grid-template-columns:minmax(0,1fr)}
  .beh summary{grid-template-columns:minmax(0,1fr) 44px;padding:16px;gap:16px;min-height:84px}
  .beh summary .ant{display:none}
  .beh h2{font-size:21px}
  .punkter{padding:0 12px 12px;gap:8px}.punkter li{font-size:15px;min-height:64px;padding:12px 16px 12px 12px}
  .beh-text{padding:0 12px 12px}.beh-text p{padding:18px;font-size:16px}
  .trappa li{font-size:16px;gap:14px;padding:12px 20px 12px 12px;min-height:0}
  .faq-grid{margin-top:28px}
  .fq2 summary{font-size:16px;min-height:72px;padding:14px 14px 14px 20px}
  .fq2 .svar{padding:0 20px 20px}
  .cta2{padding:32px 22px;border-radius:28px;gap:24px}.cta2 h2{font-size:30px}.cta2 .k{width:100%}
  .rel2 ul{gap:6px}.rel2 a{white-space:normal;min-height:44px;height:auto;padding:8px 6px 8px 16px}
  .kontakt2 h2{font-size:34px}.kontakt2 .sub{font-size:16px}
  .kort4{gap:10px;padding-top:28px}.info{padding:18px}.info h3{margin-top:14px}.info p{font-size:14px;overflow-wrap:anywhere}
  .formram{padding:8px}.formkort{padding:18px}
  .radpar{grid-template-columns:minmax(0,1fr);gap:14px}
  .valj2{width:calc(100% - 24px);margin-top:-48px;padding:20px}
  .valj2-r{font-size:18px;white-space:normal}
  .stegrad{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.stegrad .delare{display:none}
  .stg{height:4px;border-radius:2px;background:var(--g1)}.stg.klar{background:#0E0E0F}.stg.nu{background:var(--accent)}
  .stg .fl,.stg .fv{display:none}
  .valj2-yta{grid-template-columns:minmax(0,1fr);margin-top:16px;padding-top:0;border-top:0}
  .stg-m{display:block;font-size:13px;font-weight:600;color:var(--mellan);margin-bottom:6px}
  .fraga{font-size:18px}
  .alt{flex-direction:column}
  .k-val{width:100%;justify-content:flex-start;height:auto;min-height:48px;padding:12px 20px;white-space:normal;text-align:left;line-height:1.35}
  .tillbaka{grid-column:1;grid-row:auto;justify-self:start}.tillbaka[hidden]{display:none}
  .varfor2{padding:40px 0 16px}.varfor2 h2{font-size:30px;padding:0 24px}
  .varfor2 ul{grid-template-columns:minmax(0,1fr);margin-top:16px;row-gap:0}
  .varfor2 li{padding:24px}.varfor2 li+li{border-left:0;border-top:1px solid rgba(255,255,255,.18)}.varfor2 h3{min-height:0}
  .panel{padding:36px 20px;border-radius:20px}
  .runt{margin-top:28px;gap:36px}.runt .foto{min-height:240px}
  .omr2{grid-template-columns:minmax(0,1fr);gap:28px}
  .shuvud{display:block}.pilar{display:none}
  .tj2{width:264px;height:380px}
  .fr summary{font-size:17px;padding:18px 0}.fr .svar{padding:0 0 22px}
  .tips3{grid-template-columns:minmax(0,1fr)}
  .tk-stor .txt{padding:28px 22px}.tk-stor h2{font-size:26px}
  .profil2{margin-top:24px}
  .profil2 .vanster{grid-template-columns:minmax(0,1fr)}
  .profil2 .portratt{max-width:none;aspect-ratio:4/4.4}
  .profil2 h1{font-size:44px}.profil2 .lead{font-size:18px}
  .expertis{grid-template-columns:minmax(0,1fr)}
  .pkort{grid-template-columns:120px minmax(0,1fr);gap:16px;padding:14px}.pkort h3{font-size:21px;margin-top:8px}.pkort p{font-size:14px}
  .kat-lista{grid-template-columns:minmax(0,1fr)}.kat-lista a{min-height:0}
  .kat-topp{flex-direction:column;align-items:flex-start}
}
@media (prefers-reduced-motion:reduce){.kapsel.b{transform:none}}
/* mörkt kort i katalogen och klistrande kontaktkort bredvid löptext */
.kat-lista a.mork-kort{background:#0E0E0F;color:#fff}.kat-lista a.mork-kort span span{color:rgba(255,255,255,.75)}.kat-lista a.mork-kort .rp-s{background:var(--accent);color:#0E0E0F}
@media (hover:hover) and (pointer:fine){.kat-lista a.mork-kort:hover{background:#1A1A1C}}
.klistra{position:sticky;top:110px}
.stort-kort{padding:36px}.stort-kort .ik{background:rgba(255,255,255,.1);color:var(--accent);margin-bottom:20px}
.stort-kort b{font-size:24px;letter-spacing:-.02em}
.stort-kort .k{width:100%}.stort-kort .k-ram{margin-top:10px;color:#fff}
@media (max-width:1180px){.klistra{position:static}}
/* startsidans hjälte (M1) med v2-knappar och väljaren under */
.hero{padding-bottom:0}
.hero .cta{gap:12px}
.hero .k-ram{color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.5)}
.hero .ph{min-height:560px}
.hd-b2{display:inline-flex;align-items:center}
@media (max-width:760px){.hero .ph{padding:0}.hero .foto{height:300px}.hero .cta{flex-direction:column;align-items:stretch}.hero .cta .k{width:100%}}
/* M1:s section{padding:104px 0} lades ovanpå .sek och gav dubbla avstånd: v2-sektionerna styr bara sitt övre avstånd */
section.sek,section.sek-s,section.tjh,section.hero{padding-bottom:0}
section.tjh{padding-top:0}
section.las{padding-bottom:0}
section.kallor{padding:96px 0 0}
main{padding-bottom:128px}
.intro{align-items:start}
@media (max-width:760px){main{padding-bottom:80px}section.kallor{padding-top:64px}}
.artikel-lista{list-style:none;display:grid;gap:6px}.artikel-lista a{font-weight:600;text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:3px}
.profil2 .titel svg.lucide{width:16px;height:16px}
.steg3 .nr svg.lucide{width:18px;height:18px}
/* artikelns innehåll i samma bredd som resten (.w) */
/* innehållsrutan 340 px på alla artiklar, varje rad på en rad (längre rubriker har en kortare toc-text i datan) */
.kd-w{display:grid;grid-template-columns:340px minmax(0,1fr);gap:72px;align-items:start}
.kd-w .art p,.kd-w .art li{max-width:720px}
@media (max-width:1100px){.kd-w{gap:40px}}
@media (max-width:1000px){.kd-w{grid-template-columns:minmax(0,1fr);gap:32px}.kd .sido{position:static}.kd .sido .btn{display:none}}
/* informationssidor: löptext med klistrande kontaktkort i samma bredd som resten */
.las-w{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:88px;align-items:start}
@media (max-width:1100px){.las-w{grid-template-columns:minmax(0,1fr) 280px;gap:48px}}
@media (max-width:760px){.las-w{grid-template-columns:minmax(0,1fr);gap:40px}}
@media (max-width:760px){.hero .ph{min-height:0}}
/* Mätt 2026-10-27: långa steg i trappan sprängde 1280 px; de får bryta rad inom 860 px */
.trappa{width:auto}.trappa li{white-space:normal;max-width:860px;padding-top:14px;padding-bottom:14px;line-height:1.45}
@media (max-width:760px){.sh2 h1,.tjh h1{font-size:min(44px,10vw)}}
/* Heimdall 2026-10-27: sidfotens rubriker är h2 (rubrikordningen), mörka kortets rubrik vit (kontrast), faktakortets dl giltig */
footer .fc h2.fh{font-size:14px;letter-spacing:0;line-height:1.3;margin:0 0 12px;color:var(--accent)}
.kat-lista a.mork-kort b{color:#fff}
.faktakort dl>div{position:relative;display:block;padding-left:56px}
.faktakort dt .ik{position:absolute;left:0;top:50%;transform:translateY(-50%)}
/* "Få hjälp med bolagsstämmoprotokoll" sprängde 360 px: flexbarnet får krympa och rubriken skalas */
.cta2>div{min-width:0}
@media (max-width:760px){.cta2 h2{font-size:min(30px,7.6vw);hyphens:auto}}
@media (max-width:760px){.tj2 h3{font-size:21px}}
/* Formuläret: rubrikrad och fält, tunnare fält än förut */
.formkort{padding:0;display:flex;flex:1;flex-direction:column}
.fk-topp{padding:22px 22px 6px;margin:0}
.fk-topp b{display:block;font-size:22px;font-weight:700;letter-spacing:-.02em;line-height:1.25}
.fk-topp small{display:block;font-size:13px;color:var(--mellan);margin-top:2px}
.fk-kropp{flex:1 0 auto;display:flex;flex-direction:column}
.fk-kropp>div{flex:1;display:flex;flex-direction:column;padding:2px 22px 22px}
.formkort .skicka{margin-top:auto}.fk-kropp .samtycke{margin-bottom:18px}
.fk-kropp .falt2 input,.fk-kropp .falt2 select{height:42px}
.fk-kropp .falt2 textarea{height:84px}
.fk-kropp .falt2{margin-top:12px}.fk-kropp .radpar+.radpar,.fk-kropp .radpar+.falt2{margin-top:12px}
.fk-kropp .radpar .falt2{margin-top:0}
.fk-kropp .seg{height:42px}
.fk-kropp .hjalp{font-size:12px}.fk-kropp .samtycke{margin-top:12px;font-size:13px}
@media (max-width:760px){
  .fk-topp{padding:18px 16px 4px}.fk-topp b{font-size:20px}
  .fk-kropp>div{padding:2px 16px 16px}
}
@media (min-width:761px){.kort4{padding-top:40px}}
/* Om oss: en person i teamet (Morad 2026-10-28), rubriken bredvid kortet i stället för ett halvtomt rutnät */
.team-en{display:grid;grid-template-columns:5fr 6fr;gap:64px;align-items:center}
.team-en h2{margin:0}.team-en>div>p{margin-top:18px;font-size:17px;line-height:1.65;color:#3A3A3C;max-width:460px}
.team-en .team{grid-template-columns:minmax(0,1fr);margin-top:0}
@media (max-width:900px){.team-en{grid-template-columns:minmax(0,1fr);gap:32px}}
/* Medborgarskapskursen på medborgarskapssidan (Morad 2026-10-28, som rutan på Swefleet): bild vänster, mörk textruta höger */
.kurs{display:grid;grid-template-columns:5fr 7fr;border-radius:var(--r);overflow:hidden;background:#0E0E0F;color:#fff}
.kurs-bild{position:relative;min-height:380px}
.kurs-bild img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 40%}
.kurs-text{padding:56px 56px 52px;display:flex;flex-direction:column;justify-content:center}
.kurs-text h2{font-size:40px;line-height:1.08;margin:0;color:#fff}
.kurs-text p{margin-top:16px;font-size:17px;line-height:1.65;color:#D6D4CE;max-width:560px}
.kurs-text p a{color:#fff;font-weight:600;text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:2px;text-underline-offset:4px}
.kurs-text .k{margin-top:28px;align-self:flex-start}
@media (max-width:900px){.kurs{grid-template-columns:minmax(0,1fr)}.kurs-bild{min-height:240px}.kurs-text{padding:32px 24px 28px}.kurs-text h2{font-size:30px}}
/* Raden under H1 på startsidan (Morad 2026-10-28: tydliggör att vi tar både privata ärenden och företagsärenden) */
.hero .h1-under{margin-top:14px;font-size:21px;line-height:1.35;font-weight:600;letter-spacing:-.01em;color:var(--accent);text-wrap:balance}
.hero .h1-under+.lead{margin-top:16px}
@media (max-width:760px){.hero .h1-under{font-size:18px}}
/* Språkväxeln i sidhuvudet (engelska versionen 2026-10-28): kort text bredvid knappen, som SV | EN på Ekonomico */
.hd-sprak{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;border-radius:999px;font-weight:700;font-size:14px;letter-spacing:.04em;color:var(--ink);transition:background-color .2s var(--ease)}
@media (hover:hover) and (pointer:fine){.hd-sprak:hover{background:var(--yta)}}
/* Menyn variant A "Två ingångar" (Morad 2026-10-28): För företag, För privatpersoner, Om oss, sökikon. Panelerna öppnas med klick. */
@media (min-width:1101px){.hd nav{flex:1;display:flex;justify-content:center}}
.hd nav ul.hm-rad{gap:4px}
.hm{position:static}
.mv{display:inline-flex;align-items:center;gap:6px;height:42px;padding:0 15px;border:0;border-radius:999px;background:none;color:var(--ink);font:500 15px var(--body);white-space:nowrap;cursor:pointer;transition:background-color .2s var(--ease)}
.mv svg.lucide{width:15px;height:15px;transition:transform .2s var(--ease)}
.mv[aria-expanded=true]{background:var(--yta)}.mv[aria-expanded=true] svg.lucide{transform:rotate(180deg)}
.mv[data-current]{text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:2px;text-underline-offset:6px}
@media (hover:hover) and (pointer:fine){.mv:hover{background:var(--yta)}}
.mega{position:absolute;left:24px;right:24px;top:calc(100% - 6px);z-index:30;display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) 280px;gap:32px;background:#fff;border-radius:24px;box-shadow:0 24px 60px rgba(14,14,15,.14);padding:32px}
.mega[hidden],.drop[hidden],.sok[hidden]{display:none}
.mega-kol b{display:block;font-size:13px;font-weight:700;color:var(--muted);margin-bottom:10px}
.mega-kol a,.drop a{display:flex;align-items:center;gap:6px;padding:7px 0;font-size:15px;font-weight:600;white-space:nowrap}
.mega-kol a svg.lucide{width:14px;height:14px;color:var(--muted)}
.mega-kol a[aria-current=page]{color:var(--accent-text)}
@media (hover:hover) and (pointer:fine){.mega-kol a:hover{color:var(--accent-text)}}
.mega-promo{background:#0E0E0F;color:#fff;border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:10px}
.mega-promo b{font-size:20px;line-height:1.2;letter-spacing:-.015em;text-wrap:balance}
.mega-promo p{font-size:14px;line-height:1.5;color:#cfcfcf;text-wrap:pretty}
.mega-promo .btn{margin-top:auto;align-self:flex-start;padding:11px 18px;font-size:14px}
.hm-liten{position:relative}
.drop{position:absolute;left:0;top:calc(100% + 10px);z-index:30;width:300px;background:#fff;border-radius:20px;box-shadow:0 24px 60px rgba(14,14,15,.14);padding:12px}
.drop a{display:block;padding:10px 14px;border-radius:14px}
.drop a small{display:block;font-size:13px;font-weight:500;color:var(--muted)}
.drop a[aria-current=page]{background:var(--yta)}
.hd .drop a[aria-current=page]{text-decoration:none}
@media (hover:hover) and (pointer:fine){.drop a:hover{background:var(--yta)}}
.sok-knapp{width:44px;height:44px;border-radius:50%;border:0;background:var(--yta);color:var(--ink);display:grid;place-items:center;cursor:pointer}
.sok-knapp svg.lucide{width:19px;height:19px}
.sok{position:absolute;right:24px;top:calc(100% - 6px);z-index:30;width:min(560px,calc(100% - 48px));background:#fff;border-radius:24px;box-shadow:0 24px 60px rgba(14,14,15,.14);padding:16px}
.sok-falt{display:flex;align-items:center;gap:10px;height:52px;padding:0 18px;border-radius:999px;background:var(--yta)}
.sok-falt svg.lucide{width:19px;height:19px;flex:none;color:var(--muted)}
.sok-falt input{flex:1;min-width:0;border:0;background:none;font:500 16px var(--body);color:var(--ink);outline:none}
.sok-falt:focus-within{box-shadow:0 0 0 2px #0E0E0F inset}
.sok-res:empty{display:none}
.sok-res{margin-top:10px;max-height:min(60vh,440px);overflow-y:auto}
.sok-res .g{display:block;font-size:12px;font-weight:700;color:var(--muted);padding:10px 14px 4px}
.sok-res a{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:10px 14px;border-radius:14px;font-weight:600}
.sok-res a span{font-size:13px;font-weight:500;color:var(--muted);white-space:nowrap}
.sok-res a.akt{background:var(--yta)}
.sok-res p{padding:12px 14px;color:var(--muted);text-wrap:pretty}
@media (hover:hover) and (pointer:fine){.sok-res a:hover{background:var(--yta)}}
@media (max-width:1280px){.mega{grid-template-columns:repeat(3,minmax(0,1fr)) 240px;gap:24px;padding:28px}}
@media (max-width:1200px){.mega{grid-template-columns:repeat(3,minmax(0,1fr))}.mega-promo{display:none}}
@media (max-width:1100px){.sok-knapp{display:none}.sok{display:none}}
/* Mobilmenyn: sök överst, sedan utfällbara rader med samma grupper */
.mobilmeny .sok-falt{margin-bottom:8px}
.mobilmeny .sok-res{margin:0 0 8px}
.mm-grupp{border-radius:16px;background:var(--yta);margin-bottom:8px}
.mm-grupp summary{list-style:none;display:flex;justify-content:space-between;align-items:center;padding:16px 18px;font-weight:700;font-size:16px;cursor:pointer}
.mm-grupp summary::-webkit-details-marker{display:none}
.sok-falt input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}
.mm-grupp summary svg.lucide{width:18px;height:18px;transition:transform .2s var(--ease)}
.mm-grupp[open] summary svg.lucide{transform:rotate(180deg)}
.mm-del{padding:0 18px 14px}
.mm-del b{display:block;font-size:12.5px;font-weight:700;color:var(--muted);margin:10px 0 2px}
.mm-del a{display:flex;align-items:center;gap:6px;padding:8px 0;font-weight:600;font-size:15px}
.mm-del a svg.lucide{width:14px;height:14px;color:var(--muted)}
.mm-sprak{display:block;padding:14px 18px;font-weight:700}
.mobilmeny>.btn{display:block;margin-top:8px}

/* Populära tjänster variant C (Morad 2026-10-28): två svarta listor i stället för karusellen med foto */
.pop2{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:24px}
.pop2-lista{background:#0E0E0F;color:#fff;border-radius:var(--r);padding:32px 36px 20px}
.pop2-lista h3{color:#fff;font-size:26px;margin-bottom:12px}
.pop2-lista a{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0;border-top:1px solid rgba(255,255,255,.14)}
.pop2-lista .txt{display:grid;gap:4px;min-width:0}
.pop2-lista b{font-size:18px;letter-spacing:-.01em}
.pop2-lista .txt span{font-size:14.5px;line-height:1.5;color:#BDBDB8;text-wrap:pretty}
.pop2-lista .pil{flex:none;width:40px;height:40px;border-radius:50%;background:var(--accent);color:#0E0E0F;display:grid;place-items:center;transition:transform .2s var(--ease)}
.pop2-lista .pil svg.lucide{width:17px;height:17px}
@media (hover:hover) and (pointer:fine){.pop2-lista a:hover .pil{transform:translateX(4px)}.pop2-lista a:hover b{color:var(--accent)}}
@media (max-width:900px){.pop2{grid-template-columns:minmax(0,1fr)}.pop2-lista{padding:24px 22px 10px}.pop2-lista h3{font-size:22px}}

/* Morad 2026-10-29: sidhuvudet följer med när man scrollar (som Ekonomico), skugga först när sidan rullats (main.js 1d) */
:root{--hdh:88px}
html{scroll-padding-top:calc(var(--hdh) + 16px)}
.hd{position:sticky;top:0;z-index:35;background:var(--bg);transition:box-shadow .2s var(--ease)}
.hd.rullad{box-shadow:0 1px 0 var(--line),0 10px 30px rgba(14,14,15,.06)}
.sido,.las .sido{top:calc(var(--hdh) + 24px)}
.klistra,.profil2 .vanster{top:calc(var(--hdh) + 24px)}
@media (max-width:1100px){:root{--hdh:80px}}

/* Alla tjänster för företag / privatpersoner */
.kat-block+.kat-block,.kat-block+.kat-grupp{margin-top:72px}
@media (min-width:1201px){.mega-promo{grid-column:4;grid-row:1}}

/* SV | EN som på Ekonomico (Morad 2026-10-29, variant A): det språk man är på är svart */
.sv-en{display:inline-flex;padding:3px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--g2);flex:none}
.sv-en>*{min-width:40px;height:34px;padding:0 10px;display:grid;place-items:center;border-radius:999px;font:700 13px var(--body);letter-spacing:.04em;color:var(--mellan);transition:background-color .2s var(--ease),color .2s var(--ease)}
.sv-en [aria-current]{background:#0E0E0F;color:#fff}
@media (hover:hover) and (pointer:fine){.sv-en a:not([aria-current]):hover{background:var(--yta);color:var(--ink)}}
@media (max-width:760px){.sv-en>*{min-width:36px;height:30px;padding:0 8px;font-size:12px}}
/* Så fungerar det: tre svarta rutor i stället för fotot (Morad 2026-10-29, variant A) */
.sf-tal{grid-area:bild;align-self:end;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.sf-tal div{background:#0E0E0F;color:#fff;border-radius:var(--r);padding:28px 26px;display:flex;flex-direction:column;justify-content:space-between;gap:24px;min-height:200px}
.sf-tal b{font-size:56px;line-height:1;letter-spacing:-.04em;color:var(--accent)}
.sf-tal span{font-size:16px;line-height:1.45;color:rgba(255,255,255,.82);text-wrap:balance}
@media (max-width:1100px){.sf-tal{grid-template-columns:minmax(0,1fr)}.sf-tal div{min-height:0;flex-direction:row;justify-content:flex-start;align-items:center;gap:20px;padding:20px 22px}.sf-tal b{font-size:40px;min-width:118px}}
@media (max-width:375px){.sf-tal div{gap:16px;padding:18px 18px}.sf-tal b{font-size:34px;min-width:100px}}
/* org.nr under "En del av Ekonomico" (Morad 2026-10-29); e-handelslagen 8 § vill ha det lätt att hitta */
.fb .orgnr{display:block;font-size:13.5px;color:var(--soft);margin-top:2px}
/* Startsidans Så fungerar det: samma tre rutor som på sidan, staplade i stället för fotot (Morad 2026-10-29) */
.sf-tal.sf-stapel{grid-area:auto;align-self:center;grid-template-columns:minmax(0,1fr)}
.sf-stapel div{min-height:0;flex-direction:row;justify-content:flex-start;align-items:center;gap:28px;padding:30px 32px}
.sf-stapel b{min-width:150px}
@media (max-width:1100px){.sf-stapel div{gap:20px;padding:20px 22px}.sf-stapel b{min-width:118px}}
/* Prissidan, variant C "Tabell" (Morad 2026-10-29) */
.pr-not{margin-top:16px;font-size:15px;color:var(--mellan);max-width:640px;text-wrap:pretty}
.pr-del .shuvud{margin-bottom:24px}.pr-del+.pr-del{padding-top:96px}
.pc-tab{width:100%;border-collapse:collapse;font-size:16px}
.pc-tab .vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.pc-tab th{text-align:left;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-text);padding:32px 0 10px;font-weight:700}
.pc-tab tbody:first-of-type .pc-rub th{padding-top:8px}
.pc-tab td{padding:15px 0;border-bottom:1px solid var(--g1)}
.pc-tab td:last-child{text-align:right;font-weight:700;white-space:nowrap;padding-left:16px}
.pc-tab td a{text-decoration:underline;text-decoration-color:transparent;text-underline-offset:4px;transition:text-decoration-color .2s var(--ease)}
@media (hover:hover) and (pointer:fine){.pc-tab td a:hover{text-decoration-color:var(--accent)}}
@media (max-width:760px){.pc-tab{font-size:15px}.pr-del+.pr-del{padding-top:64px}}
.mm-lank{display:block;padding:16px 18px;font-weight:700;font-size:16px}
.hd nav a.mv[aria-current=page]{text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:2px;text-underline-offset:6px}
.faktakort .fk-moms{margin-top:6px;font-size:14px;color:var(--mellan)}

/* kontaktsidan utan bilder (Morad 2026-10-29: Ekonomicos upplägg i Juridicos design): tre kontaktkort, bockar bredvid formuläret */
.kort3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.kort3 .info{display:flex;flex-direction:column}
.kort3 .info p.kv{font-size:17px;font-weight:600;color:#0E0E0F;margin-bottom:6px}
.kort3 .vag{display:inline-flex;align-items:center;gap:6px;margin-top:auto;padding-top:14px;font-size:15px;font-weight:600;color:#0E0E0F;text-decoration:underline;text-underline-offset:3px}
.kort3 .vag svg.lucide{width:16px;height:16px}
.bockar{list-style:none;margin:32px 0 0;padding:0;display:grid;gap:14px}
.bockar li{display:flex;align-items:center;gap:12px;font-size:17px;font-weight:600}
.bockar .bk{width:28px;height:28px;border-radius:50%;background:var(--accent);color:#0E0E0F;display:grid;place-items:center;flex:none}
.bockar .bk svg.lucide{width:15px;height:15px}
@media (max-width:900px){.kort3{grid-template-columns:minmax(0,1fr);gap:10px}}
@media (max-width:760px){.kort3 .info p.kv{font-size:16px;overflow-wrap:anywhere}.bockar{margin-top:24px}.bockar li{font-size:16px}}

/* startsidans hjälte med glasrutan (Morad 2026-10-30, drafts/design/2026-10-29-startbild: ruta 1 "Glas", bakgrund 2):
   fotot nedtonat bakom texten, väljaren som mörk genomskinlig ruta till höger (under texten upp till 1100 px) */
.hero-glas .in{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;padding:72px 64px 64px;min-height:600px}
.hero-glas .bg{position:absolute;inset:0;overflow:hidden}
.hero-glas .bg img{width:100%;height:100%;object-fit:cover}
.hero-glas .bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,14,15,.95) 0%,rgba(14,14,15,.88) 55%,rgba(14,14,15,.78) 100%)}
.hero-glas .copy{position:relative;padding:0}
.hero-glas .valj2{position:relative;margin:0;width:auto;color:#fff;background:rgba(255,255,255,.07);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.16);box-shadow:0 30px 60px -30px rgba(0,0,0,.6)}
.hero-glas .valj2.puls{box-shadow:0 0 0 4px var(--accent),0 30px 60px -30px rgba(0,0,0,.6)}
.hero-glas .valj2-topp{grid-template-columns:minmax(0,1fr);gap:14px}
.hero-glas .valj2-yta{grid-template-columns:minmax(0,1fr);border-top-color:rgba(255,255,255,.14)}
.hero-glas .stg .fl,.hero-glas .stg-m{color:rgba(255,255,255,.75)}
.hero-glas .stg.nu .fl{color:#fff}
.hero-glas .stg .fl::before{background:rgba(255,255,255,.3)}
.hero-glas .stg.nu .fl::before{background:var(--accent);box-shadow:0 0 0 4px rgba(217,181,94,.25)}
.hero-glas .stg.klar .fl::before{background:#fff}
.hero-glas .stg .fv:empty::after{background:rgba(255,255,255,.12)}
.hero-glas .delare{background:rgba(255,255,255,.14)}
.hero-glas .k-val{background:transparent;color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.4)}
.hero-glas .k-svart{background:var(--accent);color:#0E0E0F}
.hero-glas .k-svart .pr{background:#0E0E0F;color:#fff}
.hero-glas .tillbaka{background:transparent;color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.3)}
@media (hover:hover) and (pointer:fine){.hero-glas .k-val:hover{background:#fff;color:#0E0E0F;box-shadow:none}.hero-glas .tillbaka:hover{background:rgba(255,255,255,.1)}}
.hero-glas .k-val:focus-visible,.hero-glas .tillbaka:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media (max-width:1100px){.hero-glas .in{grid-template-columns:minmax(0,1fr);gap:40px;padding:56px 40px 40px;min-height:0}}
@media (max-width:760px){.hero-glas .in{padding:36px 20px 20px;gap:28px}.hero-glas .valj2{padding:20px}
  .hero-glas .stg{background:rgba(255,255,255,.18)}.hero-glas .stg.klar{background:#fff}.hero-glas .stg.nu{background:var(--accent)}}

/* Varför Juridico på startsidan som fyra ljusgrå kort (Morad 2026-10-30, drafts/design/2026-10-29-startbild/varfor-C):
   två svarta block efter varandra blev för tungt under den mörka hjälten. Om oss har kvar den svarta rutan. */
.varfor2.kort{background:transparent;color:#0E0E0F;padding:0}
.varfor2.kort h2{color:#0E0E0F;padding:0}
.varfor2.kort ul{gap:16px;margin-top:32px}
.varfor2.kort li{background:var(--yta);border-radius:20px;padding:28px}
.varfor2.kort li+li{border-left:0}
.varfor2.kort h3{color:#0E0E0F;min-height:0}
.varfor2.kort p{color:var(--mellan)}
.varfor2.kort .ik{background:#0E0E0F;color:var(--accent)}
@media (max-width:1100px){.varfor2.kort ul{row-gap:16px}.varfor2.kort li:nth-child(3){border-left:0}}
@media (max-width:760px){.varfor2.kort{padding:0}.varfor2.kort h2{padding:0}.varfor2.kort ul{gap:10px;margin-top:20px}.varfor2.kort li{padding:22px}.varfor2.kort li+li{border-top:0}}

/* Startsidans tre rutor bredvid Så fungerar det (Morad 2026-10-30): flera språk, juridik och ekonomi, fasta priser; rubriken över texten */
.sf-tre div{flex-direction:column;align-items:flex-start;gap:8px;padding:26px 30px}
.sf-tre b{min-width:0;font-size:28px;line-height:1.15;letter-spacing:-.02em;text-wrap:balance}
.sf-tre a{color:#fff;text-decoration:underline;text-underline-offset:3px}
@media (max-width:760px){.sf-tre div{padding:20px 22px}.sf-tre b{font-size:22px}}

/* Prislistan (Morad 2026-10-30): kort per grupp med prickad linje, val mellan privatpersoner och företag */
.pv-fliksek{padding-top:72px}
.pv-flik{display:inline-flex;background:var(--yta);border-radius:999px;padding:5px;gap:4px}
.pv-flik[hidden]{display:none}
.pv-flik button{border:0;background:transparent;font:inherit;font-size:15px;font-weight:600;color:var(--ink);padding:12px 24px;border-radius:999px;cursor:pointer}
.pv-flik button[aria-selected="true"]{background:#0E0E0F;color:#fff}
.pv-flik button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.pv-pa .pr-del{padding-top:28px}.pv-pa .pr-del[hidden]{display:none}
.pv-pa .pv-h{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.pv-h{font-size:44px;margin:0}
.pv-m{display:inline-block;margin-top:12px;font-size:14px;font-weight:600;background:var(--guldtint);border-radius:999px;padding:7px 14px}
.pv-pa .pv-m{margin-top:0}
.pv{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px;align-items:stretch}
.pv-k{background:var(--yta);border-radius:24px;padding:28px 30px}
.pv-k h3{font-size:20px;margin:0 0 10px}
.pv-k ul{list-style:none;margin:0;padding:0}
.pv-k li{display:flex;align-items:baseline;gap:10px;padding:9px 0;font-size:16px}
.pv-k li i{flex:1;min-width:16px;border-bottom:2px dotted #C9C8C3;transform:translateY(-4px)}
.pv-k li span{font-weight:700;white-space:nowrap}
.pv-k li a{text-decoration:underline;text-decoration-color:transparent;text-underline-offset:4px;transition:text-decoration-color .2s var(--ease)}
@media (hover:hover) and (pointer:fine){.pv-k li a:hover{text-decoration-color:var(--accent)}}
@media (max-width:900px){.pv{grid-template-columns:minmax(0,1fr)}.pv-k{padding:22px}.pv-h{font-size:32px}.pv-fliksek{padding-top:48px}}
@media (max-width:420px){.pv-flik{display:flex}.pv-flik button{flex:1;padding:12px 10px;font-size:14px}.pv-k li{font-size:15px}}
/* Tre grupper: tre kort i rad, så att inget kort står ensamt (Morad 2026-10-30: symmetriskt) */
@media (min-width:1101px){.pv-3{grid-template-columns:repeat(3,minmax(0,1fr))}.pv-3 .pv-k{padding:26px 24px}.pv-3 .pv-k li{font-size:15px}}
@media (min-width:901px) and (max-width:1100px){.pv-3{grid-template-columns:minmax(0,1fr)}}

/* Vanliga frågor (Morad 2026-10-30): genvägar till grupperna, grupperna tätare än vanliga sektioner */
.vf-genvag{margin-top:28px;padding:0;flex-wrap:wrap}
.vf-grupp{padding-top:64px}
@media (max-width:760px){.vf-genvag{flex-direction:column;align-items:flex-start;gap:12px}.vf-grupp{padding-top:48px}}
/* Knappar i löptext (t.ex. Ändra kakinställningar på /cookies/): knappens färg, inte länkens */
.prose a.k{color:inherit;text-decoration:none}.prose a.k-svart{color:#fff}

/* Ordlistan (Morad 2026-10-30): bokstäver som genvägar, begreppen som kort två i bredd */
.ol-bokst{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.ol-bokst a{display:grid;place-items:center;min-width:44px;height:44px;padding:0 10px;border-radius:999px;background:var(--yta);font-weight:700;font-size:16px}
@media (hover:hover) and (pointer:fine){.ol-bokst a:hover{background:#0E0E0F;color:#fff}}
.ol-grupp{padding-top:56px}
.ol-b{font-size:40px;margin:0 0 16px;color:var(--accent-text)}
.ol-lista{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:stretch}
.ol-k{background:var(--yta);border-radius:24px;padding:26px 28px;scroll-margin-top:calc(var(--hdh, 80px) + 24px)}
.ol-k h3{font-size:20px;margin:0 0 8px}
.ol-k p{font-size:16px;line-height:1.6;color:#3A3A3C}
.ol-fot{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:14px;font-size:14px}
.ol-fot>a{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:#0E0E0F}
.ol-fot>a svg.lucide{width:15px;height:15px}
.ol-fot span{color:var(--mellan)}.ol-fot span a{text-decoration:underline;text-underline-offset:3px}
.ol-not{margin-top:32px;font-size:14px;color:var(--mellan)}
.ol-grupp{scroll-margin-top:calc(var(--hdh, 80px) + 16px)}
@media (max-width:900px){.ol-lista{grid-template-columns:minmax(0,1fr)}.ol-k{padding:20px}.ol-b{font-size:32px}.ol-grupp{padding-top:40px}}
/* Menypanel med fyra grupper (För företag, Morad 2026-10-30: samma grupper som prislistan) */
.mega.mega-4{grid-template-columns:repeat(4,minmax(0,1fr)) 240px;gap:24px}
@media (max-width:1280px){.mega.mega-4{grid-template-columns:repeat(4,minmax(0,1fr)) 220px}}
@media (max-width:1200px){.mega.mega-4{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (min-width:1201px){.mega.mega-4 .mega-promo{grid-column:5}}

/* Sociala medier i sidfoten (Morad 2026-10-30) */
footer .socialt{list-style:none;display:flex;gap:10px;margin:18px 0 0;padding:0}
footer .socialt a,footer .socialt .ej{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.08);color:var(--accent);transition:background-color .2s var(--ease)}
footer .socialt svg.lucide{width:18px;height:18px}
@media (hover:hover) and (pointer:fine){footer .socialt a:hover{background:var(--accent);color:#0E0E0F}}
.mega-kol b.mega-och{margin-top:22px}

.intro.utan{grid-template-columns:minmax(0,1fr)}
.intro.utan .lead2,.intro.utan .brod{max-width:760px}
/* Sociala ikonerna i mitten av nedersta raden (Morad 2026-10-30) */
footer .bot{display:grid;grid-template-columns:1fr auto 1fr;align-items:center}
footer .bot .socialt{margin:0}
@media (max-width:900px){footer .bot{grid-template-columns:1fr;justify-items:center;gap:16px}footer .bot .socialt{order:-1}footer .bot>span:last-child{display:none}}
/* Källorna hopfällda (Morad 2026-10-30) */
.kallor details{border-top:1px solid var(--line);padding-top:24px}
.kallor summary{display:flex;align-items:center;gap:12px;cursor:pointer;list-style:none;width:max-content;max-width:100%}
.kallor summary::-webkit-details-marker{display:none}
.kallor summary h2{margin:0;font-size:18px;color:var(--muted);font-weight:600}
.kallor .kl-pil{width:9px;height:9px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg) translateY(-3px);transition:transform .2s var(--ease)}
.kallor details[open] .kl-pil{transform:rotate(-135deg) translateY(-1px)}
.kallor details[open] ol{margin-top:16px}
.kallor summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:6px}
/* Menyns rubriker leder till områdessidan och Se alla under gruppen (Morad 2026-10-31) */
.mega-kol a.mega-rub{display:inline-flex;padding:0;margin-bottom:10px;font-size:13px;font-weight:700;color:var(--muted)}
.mega-kol a.mega-rub svg.lucide{width:12px;height:12px;transition:transform .2s var(--ease)}
.mega-kol a.mega-fler{font-size:13.5px;font-weight:700;color:var(--accent-text);padding-top:9px}
.mega-kol a.mega-fler svg.lucide{color:currentColor;width:13px;height:13px}
@media (hover:hover) and (pointer:fine){.mega-kol a.mega-rub:hover{color:var(--accent-text)}.mega-kol a.mega-rub:hover svg.lucide{transform:translateX(3px)}}
.mega-kol a.mega-rub.mega-och{margin-top:22px}
.mm-del a.mm-rub{display:inline-flex;font-size:12.5px;font-weight:700;color:var(--muted);margin:10px 0 2px;padding:4px 0}
.mm-del a.mm-fler{font-size:14px;font-weight:700;color:var(--accent-text)}
.mm-del a.mm-fler svg.lucide{color:currentColor}
.mega-kol a.mega-rub{display:block;white-space:normal;line-height:1.35}
.mega-kol a.mega-rub svg.lucide{display:inline-block;vertical-align:-1px;margin-left:5px}
.mega-kol a.mega-fler{display:block;white-space:normal;line-height:1.35}
.mega-kol a.mega-fler svg.lucide{display:inline-block;vertical-align:-1px;margin-left:5px}
.lankkort .lk-fler{display:inline-flex;align-items:center;gap:6px;margin-top:14px;font-size:14px;font-weight:700;color:var(--accent-text)}
.lankkort .lk-fler svg.lucide{width:14px;height:14px}
/* Långa ord i rubriken bryts aldrig: rubriken krymper så att det längsta ordet ryms (--ord = antal tecken, ordStil() i site.ts; Morad 2026-10-31) */
.tjh-text{container-type:inline-size}
.tjh-text h1{--fs:76px;font-size:min(var(--fs),calc(100cqi * 1.8 / var(--ord,1)));hyphens:manual;-webkit-hyphens:manual}
@media (max-width:1180px){.tjh-text h1{--fs:60px}}
@media (max-width:760px){.tjh-text h1{--fs:min(44px,10vw)}}
/* Långa rubriker (över 38 tecken, langRubrik()) och knappar som inte ryms på smal mobil (svepet 2026-10-31) */
@media (max-width:760px){
  .tjh-text h1.lang{--fs:min(36px,8.6vw)}
  .sh2 h1.lang{font-size:min(36px,8.6vw)}
  .k{max-width:100%}
  .k-pil{white-space:normal;height:auto;min-height:52px;padding-top:6px;padding-bottom:6px;text-align:left;line-height:1.25}
}
/* Långa brödsmulor (artiklarnas titlar) kortas med … i stället för att klippas vid kanten (svepet 2026-10-31) */
.smulor li{max-width:100%}
.smulor [aria-current]{display:block;min-width:0}
.k-pil .pr{flex:none}