/* Typsnitt på egen server */
@font-face{font-family:"Montserrat";font-style:normal;font-weight:500;font-display:swap;src:url(fonts/montserrat-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"Montserrat";font-style:normal;font-weight:600;font-display:swap;src:url(fonts/montserrat-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Montserrat";font-style:normal;font-weight:700;font-display:swap;src:url(fonts/montserrat-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/inter-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(fonts/inter-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(fonts/inter-latin-600-normal.woff2) format("woff2")}
/* Layout: ljus och luftig enligt Walans grafiska profil. Snedskurna bildpaneler, linjenät med noder som återkommande grafiskt element, rapportgrafik som bevis på leveransen. */
:root{
  --graphite:#3A3E42; --blue:#0B6FCB; --cyan:#4FD1FF; --mist:#E9EDF1; --white:#FFFFFF;
  --bg:#FFFFFF; --surface:#FFFFFF; --soft:#F3F6F9; --ink:#2E3236; --muted:#5C6670; --line:#DDE3E9;
  --deep1:#08233F; --deep2:#0B4F96; --on-deep:#F2F7FC; --on-deep-muted:#A9C3DD;
  --link:#0B6FCB;
  --c-fp:#0B6FCB; --c-fp-on:#FFFFFF; --c-ra:#E9822F; --c-ra-on:#2A1606; --c-fs:#23824A; --c-fs-on:#FFFFFF;
  --p1:#E5483F; --p2:#EBC03A; --p3:#F0883A; --p4:#4FAE6B; --street:#E4E9EE;
  --head:"Montserrat",ui-sans-serif,system-ui,sans-serif;
  --body:"Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --wrap:1180px;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --bg:#0C1621; --surface:#111E2C; --soft:#0F1B28; --ink:#E9EEF3; --muted:#A4B2C0; --line:#223345;
  --mist:#1A2938; --link:#6CC0FF; --street:#1C2B3B; color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#0C1621; --surface:#111E2C; --soft:#0F1B28; --ink:#E9EEF3; --muted:#A4B2C0; --line:#223345;
  --mist:#1A2938; --link:#6CC0FF; --street:#1C2B3B; color-scheme:dark}

*{box-sizing:border-box}
body{background:var(--bg);color:var(--ink);font-family:var(--body);font-size:1.0625rem;line-height:1.65}
a{color:var(--link)}
:focus-visible{outline:3px solid var(--cyan);outline-offset:3px;border-radius:4px}
.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:clamp(16px,4vw,40px)}
h1,h2,h3{font-family:var(--head);color:var(--ink);text-wrap:balance;margin:0;line-height:1.18;font-weight:600}
h1{font-size:clamp(2.1rem,4.4vw,3.35rem);letter-spacing:-.015em}
h2{font-size:clamp(1.55rem,2.8vw,2.2rem);letter-spacing:-.01em}
h3{font-size:1.12rem}
p{margin:0;max-width:65ch}
.label{font-family:var(--head);font-weight:500;font-size:.74rem;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}
.label b{color:var(--blue);font-weight:600}
section{padding-block:clamp(40px,5vw,72px)}
.stack{display:flex;flex-direction:column;gap:18px}
.lead{font-size:1.15rem;color:var(--muted)}
.rule{width:56px;height:3px;background:linear-gradient(90deg,var(--blue),var(--cyan));border-radius:2px}
.ic{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}

/* Knappar */
.btn{display:inline-flex;align-items:center;gap:.55em;font-family:var(--head);font-weight:600;font-size:.98rem;text-decoration:none;padding:.85em 1.3em;border-radius:4px;border:2px solid transparent;transition:background .15s,border-color .15s,transform .15s}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:var(--blue);color:#fff}
.btn-primary:hover{background:#095CAA}
.btn-ghost{border-color:var(--line);color:var(--ink)}
.btn-ghost:hover{border-color:var(--blue)}
.btn .arr{transition:transform .15s}
.btn:hover .arr{transform:translateX(3px)}

/* Sidhuvud */
header.site{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.bar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:12px}
.logo img{height:44px;width:auto;display:block}
.logo .dark{display:none}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .logo .light{display:none}:root:not([data-theme="light"]) .logo .dark{display:block}}
:root[data-theme="dark"] .logo .light{display:none}
:root[data-theme="dark"] .logo .dark{display:block}
nav.main{display:flex;align-items:center;gap:30px}
nav.main a{text-decoration:none;color:var(--ink);font-weight:500;font-size:.96rem}
nav.main a:hover{color:var(--blue)}
nav.main a.btn{color:#fff;padding:.6em 1.05em}
details.menu{display:none}
@media (max-width:1100px){
  nav.main{display:none}
  details.menu{display:block;position:relative}
  details.menu summary{list-style:none;cursor:pointer;font-family:var(--head);font-weight:600;padding:.5em 1em;border:2px solid var(--line);border-radius:4px}
  details.menu summary::-webkit-details-marker{display:none}
  details.menu[open] .panel{position:absolute;right:0;top:calc(100% + 8px);background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:10px;display:flex;flex-direction:column;min-width:230px;box-shadow:0 14px 34px rgba(8,35,63,.18)}
  details.menu .panel a{padding:10px 12px;text-decoration:none;color:var(--ink);border-radius:4px}
  details.menu .panel a:hover{background:var(--soft)}
  .logo img{height:36px}
}

/* Bildplatser: snedskurna paneler i profilens stil. Ersätts med riktiga foton. */
.photo{position:relative;overflow:hidden;background:linear-gradient(150deg,var(--deep1) 0%,var(--deep2) 62%,#1590E0 100%);isolation:isolate}
.photo canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.photo .slot{position:absolute;right:14px;bottom:12px;z-index:2;font-size:.72rem;letter-spacing:.06em;color:rgba(255,255,255,.78);background:rgba(8,35,63,.55);padding:4px 9px;border-radius:3px;font-family:var(--body)}
.photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

/* Hero */
.hero{padding-block:0;position:relative;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1fr 1.05fr;min-height:560px;align-items:stretch}
.hero-text{display:flex;flex-direction:column;justify-content:center;gap:20px;padding-block:clamp(48px,7vw,88px);padding-right:clamp(16px,3vw,40px);min-width:0;max-width:600px;margin-left:auto;padding-left:clamp(16px,4vw,40px)}
.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}
.hero-photo{clip-path:polygon(11% 0,100% 0,100% 100%,0 100%);min-height:420px}
.hero-photo img{object-position:35% 40%}
.hero-tint{position:absolute;inset:0;z-index:1;background:linear-gradient(200deg,rgba(11,111,203,.0) 40%,rgba(8,35,63,.45) 100%)}
.hero-photo .slash{position:absolute;z-index:1;width:3px;height:140%;top:-20%;background:linear-gradient(var(--cyan),transparent);transform:rotate(17deg);opacity:.85}
.hero-photo .slash.s1{left:47%}
.hero-photo .slash.s2{left:52%;width:1px;opacity:.6}
.hero-card{position:absolute;z-index:3;right:28px;bottom:40px;background:rgba(255,255,255,.95);color:#2E3236;border-radius:6px;padding:14px 16px;box-shadow:0 18px 40px rgba(8,35,63,.35);display:flex;gap:14px;align-items:center;max-width:300px}
.hero-card .kpi{font-family:var(--head);font-weight:700;font-size:1.6rem;color:#0B6FCB;line-height:1}
.hero-card small{display:block;color:#5C6670;font-size:.8rem;line-height:1.35}
@media (max-width:900px){
  .hero-grid{grid-template-columns:1fr}
  .hero-text{max-width:none;margin:0;padding-inline:clamp(16px,4vw,40px)}
  .hero-photo{clip-path:polygon(0 12%,100% 0,100% 100%,0 100%);min-height:320px}
  .hero-card{right:16px;bottom:20px}
}

/* Princip-band */
.principle{background:var(--soft);border-block:1px solid var(--line);padding-block:26px}
.principle .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px 32px}
.icons{display:flex;flex-wrap:wrap;gap:14px 30px}
.icons span{display:flex;align-items:center;gap:10px;color:var(--ink);font-size:.95rem}
.icons .ic{color:var(--blue);width:24px;height:24px}
.chain{font-family:var(--head);font-weight:600;letter-spacing:.2em;font-size:.82rem;color:var(--ink)}
.chain i{font-style:normal;color:var(--blue);margin-inline:.6em}

/* Tjänster */
.head{display:flex;flex-direction:column;gap:14px;margin-bottom:44px}
.head p{color:var(--muted)}
.services{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.svc{display:flex;flex-direction:column;gap:12px;padding:24px;border:1px solid var(--line);border-radius:6px;background:var(--surface);min-width:0;transition:border-color .15s,box-shadow .15s}
.svc:hover{border-color:var(--blue);box-shadow:0 10px 30px rgba(11,111,203,.12)}
.svc .badge{width:52px;height:52px;border-radius:50%;border:1.5px solid color-mix(in srgb,var(--blue) 45%,transparent);display:grid;place-items:center;color:var(--blue)}
.svc .step{font-family:var(--head);font-size:.7rem;letter-spacing:.2em;color:var(--muted);text-transform:uppercase}
.svc p{font-size:.95rem;color:var(--muted)}
.svc a.more{margin-top:auto;font-family:var(--head);font-weight:600;font-size:.9rem;text-decoration:none}
@media (max-width:1000px){.services{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.services{grid-template-columns:1fr}}

/* Rapportgrafik */
.proof{background:var(--soft)}
.panels{display:grid;grid-template-columns:1.45fr 1fr;gap:20px;align-items:start}
.panels .big{grid-row:span 2}
.mkey{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.mkey li{display:flex;gap:10px;align-items:flex-start}
.mkey i{flex:none;width:12px;height:12px;border-radius:2px;margin-top:5px;border:1px solid rgba(0,0,0,.25)}
.mkey b{display:block;font-family:var(--head);font-weight:600;font-size:.9rem}
.mkey span{font-size:.84rem;color:var(--muted)}
.matrix-row{display:grid;grid-template-columns:340px 1fr;gap:clamp(24px,4vw,48px);align-items:center;margin-top:28px;padding:28px;background:var(--surface);border:1px solid var(--line);border-radius:6px}
.matrix-row>*{min-width:0}
.matrix-fig svg{width:100%;max-width:320px;height:auto;display:block;margin-inline:auto}
.matrix-row p{color:var(--muted);font-size:.95rem}
@media (max-width:800px){.matrix-row{grid-template-columns:1fr}}
.panel{background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:18px;display:flex;flex-direction:column;gap:12px;min-width:0}
.panel h3{font-size:.95rem}
.panel svg{width:100%;height:auto;display:block}
.panel img.shot{width:100%;height:auto;display:block;border:1px solid var(--line);border-radius:3px;background:#fff}
.panel .cap{font-size:.8rem;color:var(--muted)}
.key{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:.8rem;color:var(--muted)}
.key span{display:flex;align-items:center;gap:6px}
.key i{width:10px;height:10px;border-radius:50%;display:inline-block}
.donut-wrap{display:grid;grid-template-columns:150px 1fr;gap:16px;align-items:center}
.donut-wrap ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;font-size:.85rem}
.donut-wrap li{display:grid;grid-template-columns:12px 1fr auto;gap:8px;align-items:center;font-variant-numeric:tabular-nums}
.donut-wrap li i{width:10px;height:10px;border-radius:50%}
@media (max-width:900px){.panels{grid-template-columns:1fr}.panels .big{grid-row:auto}}
@media (max-width:640px){.panels{grid-template-columns:1fr}.donut-wrap{grid-template-columns:120px 1fr}}

/* Förnyelseplan */
.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,72px);align-items:center}
.feature-grid>*{min-width:0}
.venn{margin:0;background:var(--soft);border:1px solid var(--line);border-radius:6px;padding:28px 28px 22px;display:flex;flex-direction:column;gap:12px}
.venn svg{width:100%;max-width:440px;height:auto;margin-inline:auto;display:block}
.venn figcaption{font-size:.88rem;color:var(--muted)}
ul.checks{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}
ul.checks li{padding-left:30px;position:relative}
ul.checks li::before{content:"";position:absolute;left:0;top:.5em;width:16px;height:9px;border-left:2px solid var(--blue);border-bottom:2px solid var(--blue);transform:rotate(-45deg)}
.tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--line);border-radius:6px;overflow:hidden;margin-top:8px}
.tier{padding:16px;display:flex;flex-direction:column;gap:6px;min-width:0}
.tier+.tier{border-left:1px solid var(--line)}
.tier .size{font-family:var(--head);font-size:.68rem;letter-spacing:.18em;color:var(--blue);text-transform:uppercase}
.tier h3{font-size:.95rem}
.tier p{font-size:.85rem;color:var(--muted)}
@media (max-width:900px){.feature-grid{grid-template-columns:1fr}}
@media (max-width:560px){.tiers{grid-template-columns:1fr}.tier+.tier{border-left:0;border-top:1px solid var(--line)}}

/* Krav */
.krav{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.krav article{display:flex;flex-direction:column;gap:10px;min-width:0}
.krav .when{font-family:var(--head);font-weight:700;font-size:1.6rem;color:var(--blue);line-height:1}
.krav .bar2{height:2px;background:var(--line);position:relative}
.krav .bar2::after{content:"";position:absolute;left:0;top:0;height:2px;width:40px;background:var(--cyan)}
.krav p{font-size:.95rem;color:var(--muted)}
@media (max-width:860px){.krav{grid-template-columns:1fr}}

/* Banner */
.banner{position:relative;min-height:360px;display:flex;align-items:center;padding-block:0}
.banner .photo{position:absolute;inset:0}
.banner .shade{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(8,35,63,.92) 0%,rgba(8,35,63,.55) 45%,rgba(8,35,63,0) 75%)}
.banner .wrap{position:relative;z-index:2;width:100%;padding-block:64px}
.banner h2{color:#fff;max-width:16ch}
.banner p{color:#D5E4F2;margin-top:14px;max-width:46ch}

/* Anlita */
.ways{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.way{background:var(--surface);border:1px solid var(--line);border-top:3px solid var(--blue);border-radius:4px;padding:24px;display:flex;flex-direction:column;gap:10px;min-width:0}
.way p{font-size:.95rem;color:var(--muted)}
@media (max-width:860px){.ways{grid-template-columns:1fr}}
.note{margin-top:28px;border:1px dashed var(--blue);border-radius:6px;padding:18px 22px;display:flex;flex-direction:column;gap:6px;background:color-mix(in srgb,var(--blue) 5%,transparent)}
.note .label{color:var(--blue)}
.note p{font-size:.95rem;color:var(--muted)}

/* Om */
.about{background:var(--soft)}
.about-grid{display:grid;grid-template-columns:380px 1fr;gap:clamp(32px,5vw,72px);align-items:center}
.about-grid>*{min-width:0}
.portrait{margin:0;display:flex;flex-direction:column;gap:10px}
.portrait img{width:100%;height:auto;display:block;clip-path:polygon(0 0,100% 0,100% 86%,84% 100%,0 100%)}
.portrait figcaption{font-size:.82rem;color:var(--muted)}
.timeline{list-style:none;padding:0;margin:6px 0 0;display:flex;flex-direction:column;gap:16px;border-left:2px solid var(--line);padding-left:22px}
.timeline li{position:relative;font-size:.96rem}
.timeline li::before{content:"";position:absolute;left:-30px;top:.45em;width:12px;height:12px;border-radius:50%;background:var(--soft);border:2px solid var(--blue)}
.timeline li:last-child::before{background:var(--cyan);border-color:var(--cyan)}
.timeline b{font-family:var(--head);font-weight:600}
.timeline span{color:var(--muted)}
@media (max-width:800px){.about-grid{grid-template-columns:1fr}.portrait{max-width:300px}}

/* Kontakt */
.contact{background:linear-gradient(135deg,var(--deep1),var(--deep2));color:var(--on-deep);position:relative;overflow:hidden}
.contact canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.55}
.contact .wrap{position:relative}
.contact h2{color:#fff}
.contact .lead{color:var(--on-deep-muted)}
.contact-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:start}
.contact-grid>*{min-width:0}
dl.cd{display:grid;grid-template-columns:auto 1fr;gap:12px 22px;margin:0;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:6px;padding:22px}
dl.cd dt{font-family:var(--head);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--on-deep-muted);padding-top:4px}
dl.cd dd{margin:0;user-select:all;overflow-wrap:anywhere}
.contact .btn-primary{background:var(--cyan);color:#08233F}
.contact .btn-primary:hover{background:#7FDDFF}
@media (max-width:800px){.contact-grid{grid-template-columns:1fr}}
footer.site{background:var(--deep1);color:var(--on-deep-muted);font-size:.86rem}
footer.site .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding-block:22px}
footer.site a{color:#fff}
@media (prefers-reduced-motion:no-preference){.risk{stroke-dasharray:var(--len);animation:draw 1.6s ease-out both}@keyframes draw{from{stroke-dashoffset:var(--len)}to{stroke-dashoffset:0}}}
/* Produkter */
.products{padding-block:clamp(40px,5vw,64px) 0}
.prod-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.prod{display:flex;flex-direction:column;gap:14px;padding:26px 28px;border:1px solid var(--line);border-radius:6px;background:var(--surface);text-decoration:none;color:var(--ink);min-width:0;transition:border-color .15s,box-shadow .15s}
.prod:hover{border-color:var(--blue);box-shadow:0 10px 30px rgba(11,111,203,.12)}
.prod p{color:var(--muted);font-size:.96rem}
.prod .more{font-family:var(--head);font-weight:600;font-size:.9rem;color:var(--link)}
.plogo{display:block}
.plogo img{height:auto;width:auto;max-height:72px;max-width:100%;display:block}
.plogo.big img{max-height:72px}
.plogo .dark{display:none}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .plogo .light{display:none}:root:not([data-theme="light"]) .plogo .dark{display:block}}
:root[data-theme="dark"] .plogo .light{display:none}
:root[data-theme="dark"] .plogo .dark{display:block}
@media (max-width:1000px){.prod-grid{grid-template-columns:1fr}}

/* Undersidor */
.page-hero{position:relative;overflow:hidden;color:var(--on-deep);padding-block:clamp(64px,9vw,120px)}
.page-hero .photo{position:absolute;inset:0}
.page-hero .wrap{position:relative;z-index:2;display:flex;flex-direction:column;gap:18px}
.page-hero h1{color:#fff;max-width:20ch}
.page-hero .lead{color:#D5E4F2}
.mission{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(32px,5vw,72px);align-items:start}
.mission>*{min-width:0}
.mission .stack p{color:var(--muted)}
@media (max-width:860px){.mission{grid-template-columns:1fr}}
.values{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.value{display:flex;flex-direction:column;gap:10px;padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:6px;min-width:0}
.value .badge{width:52px;height:52px;border-radius:50%;border:1.5px solid color-mix(in srgb,var(--blue) 45%,transparent);display:grid;place-items:center;color:var(--blue)}
.value p{font-size:.95rem;color:var(--muted)}
.value .how{font-size:.9rem;padding-top:10px;border-top:1px solid var(--line)}
.value .how b{color:var(--ink);font-weight:600}
.value .more{margin-top:auto;font-family:var(--head);font-weight:600;font-size:.9rem;text-decoration:none}
@media (max-width:1000px){.values{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.values{grid-template-columns:1fr}}
.talk-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,72px);align-items:center}
.talk-grid>*{min-width:0}
.talk{margin:0}
.talk img{width:100%;height:auto;display:block;clip-path:polygon(10% 0,100% 0,100% 100%,0 100%)}
@media (max-width:860px){.talk-grid{grid-template-columns:1fr}}
.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.pillars article{display:flex;flex-direction:column;gap:10px;padding-top:20px;border-top:2px solid var(--blue);min-width:0}
.pillars .ic{color:var(--blue);width:30px;height:30px}
.pillars p{font-size:.96rem;color:var(--muted)}
@media (max-width:860px){.pillars{grid-template-columns:1fr}}
.goals{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.goals article{display:flex;gap:18px;align-items:flex-start;padding:22px;border:1px solid var(--line);border-radius:6px;min-width:0}
.goals .gnum{flex:none;width:52px;height:52px;border-radius:6px;background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;font-family:var(--head);font-weight:700;font-size:1.3rem;display:grid;place-items:center}
.goals p{font-size:.94rem;color:var(--muted);margin-top:4px}
@media (max-width:760px){.goals{grid-template-columns:1fr}}
nav.main a[aria-current="page"]{color:var(--blue)}
/* Förstudier */
.process{list-style:none;margin:0 0 44px;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.process li{font-family:var(--head);font-weight:600;font-size:.86rem;padding:.7em 1.4em .7em 1.6em;background:var(--soft);color:var(--muted);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,0 100%,12px 50%)}
.process li:first-child{clip-path:polygon(0 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,0 100%);padding-left:1.1em}
.process li.on{background:var(--blue);color:#fff}
.fs-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:clamp(28px,4vw,56px);align-items:start}
.fs-grid>*{min-width:0}
.fs-items{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.fs-items article{display:flex;gap:14px;padding:20px;border:1px solid var(--line);border-radius:6px;background:var(--surface);min-width:0}
.fs-items .ic{color:var(--blue);margin-top:2px}
.fs-items h4{margin:0 0 4px;font-family:var(--head);font-weight:600;font-size:1rem;color:var(--ink)}
.fs-items p{font-size:.92rem;color:var(--muted)}
.gains{display:flex;flex-direction:column;gap:18px;padding:28px;border-radius:6px;background:linear-gradient(150deg,var(--deep1),var(--deep2));color:var(--on-deep)}
.gains h3{color:#fff}
.gains ul.checks li{color:#D5E4F2;font-size:.95rem}
.gains ul.checks li b{color:#fff;font-weight:600}
.gains ul.checks li::before{border-color:var(--cyan)}
.gains .btn-primary{background:var(--cyan);color:#08233F;align-self:flex-start}
@media (max-width:960px){.fs-grid{grid-template-columns:1fr}}
@media (max-width:600px){.fs-items{grid-template-columns:1fr}}
/* Hållbarhet */
.focus{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.focus article{display:flex;flex-direction:column;gap:12px;padding:24px;border:1px solid var(--line);border-radius:6px;background:var(--surface);min-width:0}
.focus .fhead{display:flex;gap:12px;align-items:flex-start}
.focus .fhead .ic{color:var(--blue);margin-top:2px}
.focus h3{font-size:1.02rem}
.focus p{font-size:.94rem;color:var(--muted)}
.sdgs{display:flex;gap:8px;margin-top:auto;padding-top:8px}
.sdg{width:64px;height:64px;flex:none;display:block}
.sdg img{width:100%;height:100%;display:block}
.goals .sdg{width:72px;height:72px;font-size:1.4rem}
@media (max-width:1000px){.focus{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.focus{grid-template-columns:1fr}}
.goals-list{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.goals-list article{display:flex;flex-direction:column;gap:10px;min-width:0;padding-top:16px;border-top:2px solid var(--blue)}
.goals-list .big{font-family:var(--head);font-weight:700;font-size:2.2rem;line-height:1;color:var(--blue);font-variant-numeric:tabular-nums}
.goals-list p{font-size:.94rem;color:var(--muted)}
@media (max-width:900px){.goals-list{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.goals-list{grid-template-columns:1fr}}
/* Rullgardin i menyn */
.dd{position:relative}
.dd-top{display:inline-flex;align-items:center;gap:4px}
.chev{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:transform .15s}
.dd-panel{display:none;position:absolute;left:-18px;top:100%;padding-top:14px;min-width:300px;z-index:30}
.dd-panel::before{content:"";position:absolute;inset:14px 0 0;background:var(--surface);border:1px solid var(--line);border-radius:6px;box-shadow:0 16px 36px rgba(8,35,63,.16);z-index:-1}
.dd:hover .dd-panel,.dd:focus-within .dd-panel{display:flex;flex-direction:column;padding:22px 8px 8px}
.dd:hover .chev,.dd:focus-within .chev{transform:rotate(180deg)}
nav.main .dd-panel a{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:4px}
nav.main .dd-panel a:hover{background:var(--soft);color:var(--ink)}
.dd-panel b{font-family:var(--head);font-weight:600;font-size:.95rem}
.dd-panel span{font-size:.82rem;color:var(--muted);font-weight:400}
nav.main .dd-panel a.all{margin-top:4px;border-top:1px solid var(--line);border-radius:0 0 4px 4px;font-family:var(--head);font-weight:600;font-size:.88rem;color:var(--link)}
details.menu .panel a.sub{padding-left:28px;font-size:.94rem;color:var(--muted)}
details.menu .panel a.btn{margin-top:6px;justify-content:center;color:#fff}
details.menu .panel a.btn:hover{background:#095CAA}
details.menu .panel a[aria-current]{color:var(--blue);font-weight:600}
@media (max-width:1240px){nav.main{gap:22px}nav.main a{font-size:.92rem}}
.ls{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-direction:column}
.ls li{display:flex;flex-direction:column;padding:8px 0;border-top:1px solid var(--line);font-size:.92rem}
.ls b{font-family:var(--head);font-weight:600;color:var(--ink)}
.ls span{color:var(--muted);font-size:.85rem}
.crumbs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding-top:22px;font-size:.84rem;color:var(--muted)}
.crumbs a{color:var(--muted);text-decoration:none}
.crumbs a:hover{color:var(--blue)}
.crumbs i{font-style:normal;opacity:.5}
.crumbs span{color:var(--ink);font-weight:500}
.crumbs+section{padding-top:clamp(28px,4vw,48px)}
h1.h2{font-size:clamp(1.55rem,2.8vw,2.2rem);letter-spacing:-.01em}
nav.main a[aria-current]{color:var(--blue)}
/* Faktarad */
.proofbar{background:linear-gradient(120deg,var(--deep1),var(--deep2));color:var(--on-deep)}
.proofbar .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding-block:26px}
.proofbar div{display:flex;flex-direction:column;gap:2px;min-width:0;padding-left:16px;border-left:2px solid var(--cyan)}
.proofbar b{font-family:var(--head);font-weight:600;font-size:1.2rem;color:#fff}
.proofbar span{font-size:.88rem;color:var(--on-deep-muted)}
@media (max-width:900px){.proofbar .wrap{grid-template-columns:repeat(2,1fr)}}
@media (max-width:480px){.proofbar .wrap{grid-template-columns:1fr}}
/* Utfällbara tjänstetexter */
.more-d{margin-top:auto}
.more-d summary{list-style:none;cursor:pointer;font-family:var(--head);font-weight:600;font-size:.9rem;color:var(--link);display:inline-flex;align-items:center;gap:6px}
.more-d summary::-webkit-details-marker{display:none}
.more-d summary::after{content:"+";font-size:1.05rem;line-height:1;transition:transform .15s}
.more-d[open] summary::after{transform:rotate(45deg)}
.more-d[open] summary{margin-bottom:10px}
.more-d p{font-size:.92rem;color:var(--muted);padding-top:10px;border-top:1px solid var(--line)}
.more-d p a{font-family:var(--head);font-weight:600;text-decoration:none;white-space:nowrap}
/* Färg per tjänst */
.c-fp{--svc:var(--c-fp);--svc-on:var(--c-fp-on)}
.c-ra{--svc:var(--c-ra);--svc-on:var(--c-ra-on)}
.c-fs{--svc:var(--c-fs);--svc-on:var(--c-fs-on)}
.process li.on[class*="c-"]{background:var(--svc);color:var(--svc-on)}
.prod[class*="c-"]{border-top:4px solid var(--svc)}
.prod[class*="c-"]:hover{border-color:var(--svc);box-shadow:0 10px 30px color-mix(in srgb,var(--svc) 18%,transparent)}
/* Samlat flöde på startsidan */
.flow7{list-style:none;margin:0 0 40px;padding:0;display:grid;grid-template-columns:repeat(7,1fr);gap:6px}
.flow7 li{display:flex;flex-direction:column;gap:10px;min-width:0}
.chev7{display:block;font-family:var(--head);font-weight:600;font-size:.84rem;text-align:center;padding:.8em .4em .8em 1em;background:var(--soft);color:var(--muted);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,0 100%,12px 50%);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.flow7 li:first-child .chev7{clip-path:polygon(0 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,0 100%);padding-left:.6em}
.flow7 li[class*="c-"] .chev7{background:var(--svc);color:var(--svc-on)}
.flow7 a{font-family:var(--head);font-weight:600;font-size:.8rem;text-decoration:none;color:var(--ink);text-align:center;padding-top:10px;border-top:3px solid var(--svc);margin-inline:8px}
.flow7 a:hover{color:var(--svc)}
@media (max-width:860px){
  .flow7{grid-template-columns:1fr;gap:4px}
  .flow7 li{flex-direction:row;align-items:center;gap:14px}
  .chev7,.flow7 li:first-child .chev7{flex:none;width:150px;text-align:left;padding-left:1em;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,0 100%)}
  .flow7 a{border-top:0;border-left:3px solid var(--svc);padding:2px 0 2px 10px;margin:0;text-align:left}
}
/* Aktuellt */
.teaser{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(28px,4vw,64px);align-items:start}
.teaser>*{min-width:0}
.teaser-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.teaser-list li{display:flex;flex-direction:column;gap:6px;padding:14px 0;border-top:1px solid var(--line);font-size:.95rem}
.teaser-list li .st{align-self:flex-start}
@media (max-width:900px){.teaser{grid-template-columns:1fr}}
.st{display:inline-block;font-family:var(--head);font-weight:600;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;padding:4px 9px;border-radius:3px;white-space:nowrap}
.st-ok{background:color-mix(in srgb,var(--c-fs) 16%,transparent);color:var(--c-fs)}
.st-in{background:color-mix(in srgb,var(--blue) 14%,transparent);color:var(--link)}
.st-pr{background:color-mix(in srgb,var(--c-ra) 20%,transparent);color:#A2520F}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .st-pr{color:#F4A762}:root:not([data-theme="light"]) .st-ok{color:#5CC98A}}
:root[data-theme="dark"] .st-pr{color:#F4A762}
:root[data-theme="dark"] .st-ok{color:#5CC98A}
.st-key{display:flex;flex-wrap:wrap;gap:8px;margin:-16px 0 28px}
.updated{font-size:.85rem;color:var(--muted)}
.timeline2{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.tl-item{display:grid;grid-template-columns:150px 1fr;gap:24px;padding:22px 0;border-top:1px solid var(--line);position:relative}
.tl-when{font-family:var(--head);font-weight:700;font-size:1.05rem;color:var(--blue);padding-top:2px}
.tl-item article{display:flex;flex-direction:column;gap:10px;min-width:0}
.tl-top{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center}
.tl-top h3{font-size:1.08rem}
.tl-item p{font-size:.95rem;color:var(--muted)}
.tl-tags{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.tl-k{font-size:.8rem;color:var(--muted);margin-right:4px}
.stag{font-size:.78rem;font-weight:600;padding:3px 9px;border-radius:999px;border:1.5px solid var(--svc);color:var(--ink)}
.c-da{--svc:var(--graphite)}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .c-da{--svc:#A4B2C0}}
:root[data-theme="dark"] .c-da{--svc:#A4B2C0}
@media (max-width:700px){.tl-item{grid-template-columns:1fr;gap:6px}}
.sources{display:flex;flex-direction:column;gap:12px;padding:24px;border:1px solid var(--line);border-radius:6px;background:var(--surface)}
.sources p{font-size:.88rem;color:var(--muted)}
.sources ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:6px;font-size:.9rem}
nav.main .dd-panel a.news{border-top:0;margin-top:0;color:var(--muted)}
.venn .label{margin-bottom:-4px}
.vkey{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.vkey li{display:flex;gap:12px;align-items:flex-start}
.vkey i{flex:none;width:12px;height:12px;border-radius:50%;margin-top:6px}
.vkey b{display:block;font-family:var(--head);font-weight:600;font-size:.95rem;color:var(--ink)}
.vkey span{font-size:.88rem;color:var(--muted)}
.steps5{list-style:none;margin:0 0 36px;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:0;border-top:2px solid var(--blue)}
.steps5 li{display:flex;align-items:center;gap:10px;padding:14px 12px 0 0;font-family:var(--head);font-weight:600;font-size:.92rem;color:var(--ink);min-width:0}
.steps5 span{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--blue);color:#fff;font-size:.8rem}
@media (max-width:760px){.steps5{grid-template-columns:1fr 1fr}.steps5 li{padding-bottom:4px}}
.tool-grid{display:grid;grid-template-columns:.8fr 1.4fr;gap:clamp(28px,4vw,56px);align-items:start}
.tool-grid>*{min-width:0}
.gallery{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.gallery figure{margin:0;background:#fff;border:1px solid var(--line);border-radius:6px;padding:10px;display:flex;flex-direction:column;gap:8px;min-width:0}
.gallery img{width:100%;height:auto;display:block}
.gallery figcaption{font-size:.82rem;color:#5C6670}
@media (max-width:900px){.tool-grid{grid-template-columns:1fr}}
@media (max-width:520px){.gallery{grid-template-columns:1fr}}
/* Nyheter */
.news{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.news-item{display:flex;flex-direction:column;gap:10px;padding:26px;border:1px solid var(--line);border-radius:6px;background:var(--surface);text-decoration:none;color:var(--ink);min-width:0;transition:border-color .15s,box-shadow .15s}
a.news-item:hover{border-color:var(--blue);box-shadow:0 10px 30px rgba(11,111,203,.12)}
.news-item.feature{grid-column:1/-1;background:linear-gradient(135deg,var(--deep1),var(--deep2));border-color:transparent;color:var(--on-deep)}
.news-item.feature h2{color:#fff}
.news-item.feature p{color:#D5E4F2}
.news-item.feature .news-meta,.news-item.feature .more{color:var(--cyan)}
.news-item h2{font-size:1.3rem}
.news-item p{font-size:.96rem;color:var(--muted)}
.news-meta{font-family:var(--head);font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.news-meta b{color:var(--blue);font-weight:600}
.news-item.feature .news-meta b{color:#fff}
.news-item a.more{text-decoration:none}
.news-item .more{margin-top:auto;font-family:var(--head);font-weight:600;font-size:.9rem;color:var(--link)}
@media (max-width:760px){.news{grid-template-columns:1fr}}
.article-foot{display:flex;flex-wrap:wrap;gap:12px;padding-bottom:clamp(40px,6vw,72px)}
.howrisk{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:16px;align-items:center}
.howrisk article{display:flex;flex-direction:column;gap:10px;padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:6px;min-width:0;height:100%}
.howrisk .hr-res{border:2px solid var(--c-ra)}
.hr-n{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--c-ra);color:var(--c-ra-on);font-family:var(--head);font-weight:700;font-size:.9rem}
.howrisk p{font-size:.94rem;color:var(--muted)}
.hr-x{font-family:var(--head);font-weight:700;font-size:1.8rem;color:var(--c-ra);text-align:center}
@media (max-width:960px){.howrisk{grid-template-columns:1fr}.hr-x{line-height:1}}
.uses{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.uses article{display:flex;flex-direction:column;gap:10px;padding:24px;border:1px solid var(--line);border-top:3px solid var(--c-ra);border-radius:4px;background:var(--surface);min-width:0}
.uses .ic{color:var(--c-ra)}
.uses p{font-size:.94rem;color:var(--muted)}

@media (max-width:600px){.uses{grid-template-columns:1fr}}
.secure{display:flex;gap:18px;align-items:flex-start;margin-top:28px;padding:24px 26px;border-radius:6px;background:linear-gradient(135deg,var(--deep1),var(--deep2));color:var(--on-deep)}
.secure .ic{color:var(--cyan);width:32px;height:32px}
.secure h3{color:#fff;margin-bottom:6px}
.secure p{color:#D5E4F2;font-size:.96rem}
.panel svg.fakemap{width:100%;height:auto;display:block;border:1px solid var(--line);border-radius:3px}
/* Gemensam struktur för tjänstesidor */
.page[class*="c-"] .rule{background:var(--svc)}
.page[class*="c-"] ul.checks li::before{border-color:var(--svc)}
.page[class*="c-"] .fs-items .ic,.page[class*="c-"] .uses .ic{color:var(--svc)}
.page[class*="c-"] .uses article{border-top-color:var(--svc)}
.page[class*="c-"] .steps5{border-top-color:var(--svc)}
.page[class*="c-"] .steps5 span{background:var(--svc);color:var(--svc-on)}
.fs-items{margin-top:0}
.page.c-fs .fs-items{grid-template-columns:repeat(4,1fr)}
@media (max-width:1000px){.page.c-fs .fs-items{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.page.c-fs .fs-items{grid-template-columns:1fr}}
.page.c-fs .fs-items article{flex-direction:column}
.steps4{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.steps4 li{display:flex;flex-direction:column;gap:12px;padding:22px;background:var(--surface);border:1px solid var(--line);border-radius:6px;min-width:0}
.steps4 span{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--svc);color:var(--svc-on);font-family:var(--head);font-weight:700;font-size:.9rem}
.steps4 p{font-size:.92rem;color:var(--muted);margin-top:4px}
@media (max-width:1000px){.steps4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.steps4{grid-template-columns:1fr}}
.svc-cta{padding-block:clamp(40px,6vw,64px);background:var(--soft);border-top:4px solid var(--svc)}
.svc-cta .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 40px}
.svc-cta p{color:var(--muted)}
.svc-cta .actions{margin-top:0}
.devtag{display:inline-block;vertical-align:middle;margin-left:6px;font-family:var(--head);font-weight:600;font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;padding:3px 8px;border-radius:3px;background:color-mix(in srgb,var(--c-ra) 20%,transparent);color:#A2520F;white-space:nowrap}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .devtag{color:#F4A762}}
:root[data-theme="dark"] .devtag{color:#F4A762}
.prod .devtag,.svc .devtag{margin-left:0;align-self:flex-start}
.devnote{display:flex;flex-direction:column;gap:10px;align-items:flex-start;margin:-12px 0 32px;padding:18px 22px;border:1px dashed var(--c-ra);border-radius:6px;background:color-mix(in srgb,var(--c-ra) 6%,transparent)}
.devnote .devtag{margin-left:0}
.devnote p{font-size:.95rem;color:var(--muted)}
.commit{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.commit article{display:flex;flex-direction:column;gap:10px;padding:22px;background:var(--surface);border:1px solid var(--line);border-radius:6px;min-width:0}
.commit .ic{color:var(--blue)}
.commit p{font-size:.93rem;color:var(--muted)}
@media (max-width:1000px){.commit{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.commit{grid-template-columns:1fr}}
.doc{max-width:820px}
.doc>h2{font-size:1.25rem;margin:32px 0 10px}
.doc>p,.doc li{color:var(--ink);font-size:1rem}
.doc>p+p{margin-top:12px}
.doc ul{margin:10px 0 0;padding-left:20px;display:flex;flex-direction:column;gap:10px}
.doc ul+p{margin-top:12px}
.table-wrap{overflow-x:auto;margin:16px 0}
.doc table{border-collapse:collapse;width:100%;min-width:520px;font-size:.93rem}
.doc th,.doc td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}
.doc th{font-family:var(--head);font-weight:600;background:var(--soft)}
.page-hero .photo.natur img{object-position:50% 45%}
.natur-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,35,63,.88) 0%,rgba(8,35,63,.6) 45%,rgba(8,35,63,.15) 100%)}

/* Grund och tillägg för den statiska sajten */
html{-webkit-text-size-adjust:100%}
body{margin:0}
img{max-width:100%}
.skip{position:absolute;left:-999px;top:8px;z-index:50;background:var(--blue);color:#fff;padding:8px 14px;border-radius:4px}
.skip:focus{left:8px}
dl.cd dd a{color:inherit;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.35)}
dl.cd dd a:hover{border-bottom-color:var(--cyan)}
footer.site a{white-space:nowrap}
.hero-text .label{margin-top:8px}
.prod.soon{border-top-style:dashed}
.prod.soon:hover{border-color:var(--line);border-top-color:var(--svc);box-shadow:none}
.prod .soon-note{font-size:.88rem;color:var(--muted);margin-top:auto}
.other{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:20px}
@media (max-width:1000px){.other{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.other{grid-template-columns:1fr}}
.sub-head{margin-top:clamp(48px,6vw,72px)}
.notfound{min-height:50vh;display:flex;align-items:center}
/* Om Walan VA */
.about-hero-grid{display:grid;grid-template-columns:1fr 340px;gap:clamp(32px,6vw,96px);align-items:center}
.about-hero-grid>*{min-width:0}
.about-hero .portrait{max-width:340px}
.bio-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(32px,5vw,72px);align-items:start}
.bio-grid>*{min-width:0}
.bio-grid p{color:var(--muted)}
.bio-grid .timeline{margin-top:4px}
.timeline b{display:block}
.lecture{display:flex;gap:16px;align-items:flex-start;margin-top:12px;padding:22px;background:var(--surface);border:1px solid var(--line);border-radius:6px}
.lecture .ic{color:var(--blue);margin-top:2px}
.lecture h3{font-size:1rem;margin-bottom:4px}
.lecture p{font-size:.94rem;color:var(--muted);margin-bottom:8px}
.lecture .more{font-family:var(--head);font-weight:600;font-size:.9rem;text-decoration:none}
.values5{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:28px}
.values5 li{display:flex;flex-direction:column;gap:8px;padding-top:18px;border-top:3px solid var(--vc,var(--blue));min-width:0}
.values5 .ic{color:var(--vc,var(--blue))}
.values5 h3{font-size:1rem}
.values5 p{font-size:.92rem;color:var(--muted)}
@media (max-width:1000px){.values5{grid-template-columns:repeat(3,1fr)}}
@media (max-width:860px){.about-hero-grid,.bio-grid{grid-template-columns:1fr}.about-hero .portrait{max-width:280px}}
@media (max-width:600px){.values5{grid-template-columns:1fr;gap:20px}}
/* Värdeordens färger */
.v-hb{--vc:#5FA83A}.v-in{--vc:#D9A400}.v-sa{--vc:#3A3E42}.v-ti{--vc:#1E3F73}.v-sm{--vc:#16A3C9}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .v-sa{--vc:#A4B2C0}:root:not([data-theme="light"]) .v-ti{--vc:#8FB3E8}}
:root[data-theme="dark"] .v-sa{--vc:#A4B2C0}
:root[data-theme="dark"] .v-ti{--vc:#8FB3E8}
/* Förnyelseplanering: behov och prioritering */
h2.h3x{font-size:1.12rem;margin-bottom:4px}
.need-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:stretch}
.need-card{position:relative;display:flex;flex-direction:column;gap:14px;padding:26px;background:var(--surface);border:1px solid var(--line);border-top:3px solid var(--svc,var(--blue));border-radius:6px;min-width:0}
.need-card>p{color:var(--muted);font-size:.96rem}
.need-n{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--svc,var(--blue));color:#fff;font-family:var(--head);font-weight:700;font-size:.9rem}
.need-body{display:grid;grid-template-columns:150px 1fr;gap:20px;align-items:center}
.venn-sm{width:100%;height:auto;display:block}
.need-card .vkey span{font-size:.86rem}
.need-cap{font-size:.86rem;color:var(--muted)}
.need-card ul.checks li{font-size:.94rem;color:var(--muted)}
.need-card ul.checks b{color:var(--ink);font-weight:600}
@media (max-width:900px){.need-grid{grid-template-columns:1fr}}
@media (max-width:480px){.need-body{grid-template-columns:1fr}.venn-sm{max-width:160px}}
.tool-note{font-size:.94rem;color:var(--muted)}
.tier-row{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;margin-top:36px}
.tier-row .tiers{margin-top:0}
@media (max-width:860px){.tier-row{grid-template-columns:1fr}.tier-row .btn{justify-self:start}}
.need-body .matrix-sm{width:100%;height:auto;display:block}
.need-card .mkey span{font-size:.86rem}
.need-body{grid-template-columns:170px 1fr}
@media (max-width:480px){.need-body{grid-template-columns:1fr}.need-body .matrix-sm{max-width:220px}}
.need-split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,64px);align-items:center}
.need-split>*{min-width:0}
.need-split .stack p{color:var(--muted)}
@media (max-width:900px){.need-split{grid-template-columns:1fr}}
.tier-note{font-size:.88rem;color:var(--muted)}
.tier-row{align-items:end}

/* System och verktyg (Om Walan VA) */
.lecture.systems>div{flex:1;min-width:0}
.syslist{margin:6px 0 0;display:flex;flex-direction:column;gap:6px}
.syslist>div{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px solid var(--line);font-size:.94rem}
.syslist>div:last-child{border-bottom:0}
.syslist dt{font-weight:600;color:var(--ink)}
.syslist dd{margin:0;color:var(--muted);text-align:right}