/* Vidareutveckling inom sajtens befintliga palett. */
[hidden]{display:none!important}
html{scroll-padding-top:100px}
.web-light{background:var(--papper);color:var(--text-mork)}
.web-wrap{width:min(1160px,calc(100% - 80px));margin-inline:auto}
.web-section{padding-block:90px}
.web-intro{padding-block:88px 50px;max-width:1000px}
.web-intro h1{font-size:clamp(48px,6vw,76px);max-width:900px;margin-bottom:26px}
.web-intro .web-lead{max-width:760px}
.web-lead{font-size:19px;line-height:1.8;max-width:700px}
.web-split-head{display:grid;grid-template-columns:1fr 2.2fr;gap:50px;align-items:start;margin-bottom:42px}
.web-split-head>.etikett{padding-top:14px;border-top:1px solid var(--papperslinje)}
.web-split-head h2{margin-bottom:22px}
.web-split-head p:not(.etikett){max-width:680px}
.web-light a:not(.knapp),.web-prose a{color:var(--text-mork);text-decoration-thickness:1px;text-underline-offset:5px}
.web-figure{margin:32px 0 12px}
.web-image-link{display:block;background:var(--kund-yta);border:1px solid var(--papperslinje);border-radius:8px;overflow:hidden}
.web-figure img{display:block;width:100%;height:auto;aspect-ratio:1440/1000;object-fit:contain}
.web-figure figcaption{font-size:13px;line-height:1.65;margin-top:14px;max-width:850px}
.web-figure figcaption span{display:block;color:var(--text-dov);font-size:12px;margin-top:3px}
.web-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px;padding-top:42px;margin-top:38px;border-top:1px solid var(--papperslinje)}
.web-three h3{font-size:31px;margin-top:18px;line-height:1.1}
.web-three p{font-size:15px;line-height:1.85}
.web-three a{font-size:13px;font-weight:600;display:inline-block;padding-block:9px}
.web-number{font-family:var(--sans);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dov)}
.web-band{background:var(--skog);color:var(--papper)}
.web-band-inner{padding-block:85px;max-width:850px}
.web-band .web-split-head>.etikett{border-color:var(--papper-svag)}
.web-band .web-figure figcaption span{color:var(--papper-dov)}
.web-band .web-figure figcaption{color:var(--papper)}
.web-band a{color:var(--papper)}
.web-contact{background:var(--panel);color:var(--papper);padding-block:72px}
.web-contact-inner{display:flex;align-items:center;justify-content:space-between;gap:60px}
.web-contact-inner>div{max-width:690px}
.web-contact .knapp{flex-shrink:0}
.web-contact .web-lead{font-size:17px;margin:0}
.web-footer{background:var(--skog);color:var(--papper);padding:44px 0 40px;border-top:1px solid var(--linje)}
.web-footer-brand{font:36px var(--serif);text-decoration:none}
.web-footer p{font-size:13px;color:var(--papper-dov);margin:8px 0 24px}
.web-footer nav{display:flex;flex-wrap:wrap;gap:18px 30px}
.web-footer nav a{font-size:12px;color:var(--papper);text-underline-offset:5px;padding-block:6px}
.web-jump{display:flex;flex-wrap:wrap;gap:14px 36px;padding-block:18px;border-top:1px solid var(--papperslinje);border-bottom:1px solid var(--papperslinje)}
.web-jump a{font-size:14px;padding-block:8px}
.web-steps{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:28px 45px;padding:0;margin:54px 0 30px}
.web-steps li{display:grid;grid-template-columns:30px 1fr;gap:12px;border-top:1px solid var(--papperslinje);padding-top:23px}
.web-steps h3{font-size:31px;margin-bottom:10px}
.web-steps p{font-size:15px;margin:0}
.web-steps .web-number{padding-top:6px}
.web-more{font-size:15px;margin-block:32px 0}
.web-faq{max-width:900px;padding-top:20px}
.web-faq details{border-top:1px solid var(--papperslinje);padding:6px 0}
.web-faq details:last-child{border-bottom:1px solid var(--papperslinje)}
.web-faq summary{cursor:pointer;font-size:16px;font-weight:500;padding:20px 4px;line-height:1.5}
.web-faq details p:not(.etikett){padding:0 4px 10px;max-width:740px;line-height:1.85}
.web-prose{max-width:760px;padding-bottom:80px;line-height:1.9}
.web-prose h2{font-size:38px;margin-block:45px 20px;line-height:1.1}
.web-prose li{margin-bottom:16px;padding-left:5px}
.web-small{font-size:13px;line-height:1.7;color:var(--text-dov)}
.web-note{border-left:3px solid var(--salvia);padding:18px 24px;margin:32px 0;background:color-mix(in srgb,var(--salvia) 7%,var(--papper))}
.web-contact-page{display:grid;grid-template-columns:1.2fr 1fr;gap:90px;padding-bottom:100px;max-width:1000px}
.web-contact-page h2{font-size:40px}
.web-contact-page .knapp{margin-block:12px 10px}
.web-contact-aside{border-left:1px solid var(--papperslinje);padding-left:38px}
.web-contact-aside ul{padding-left:18px;margin-bottom:26px}
.web-contact-aside li{margin-bottom:12px}
.web-copy{border:1px solid var(--papperslinje);background:transparent;color:var(--text-mork);padding:10px 12px;font-size:12px;margin:12px 0 0 12px;cursor:pointer}
.web-guides{max-width:1000px;padding-bottom:90px}
.web-guides article{padding:38px 0;border-top:1px solid var(--papperslinje)}
.web-guides h2{font-size:43px;max-width:700px}
.web-guides h2 a{text-decoration:none!important}
.web-guides p:not(.etikett){max-width:720px}
.web-light :focus-visible{outline-color:var(--skog)}
.web-contact :focus-visible,.web-band :focus-visible,.web-footer :focus-visible{outline-color:var(--papper)}
.lansering-innehall h1{max-width:850px}
.lansering-ingress{max-width:630px}
.lansering-dis{background:linear-gradient(90deg,color-mix(in srgb,var(--film-kant) 87%,transparent),color-mix(in srgb,var(--film-kant) 30%,transparent))}
.paus{min-height:44px;min-width:78px;cursor:pointer}
.web-light .web-image-link:hover{outline:2px solid var(--salvia);outline-offset:3px}
@media(max-width:900px){
  html{scroll-padding-top:86px}
  .web-wrap{width:calc(100% - 44px)}
  .web-section{padding-block:60px}
  .web-intro{padding-block:55px 30px}
  .web-split-head{grid-template-columns:1fr;gap:15px;margin-bottom:24px}
  .web-split-head>.etikett{border:0;padding:0;margin-bottom:4px}
  .web-three{gap:25px}
  .web-contact-inner{display:block}
  .web-contact .knapp{margin-top:26px}
  .web-contact-page{gap:35px}
  .web-lead{font-size:17px}
}
@media(max-width:640px){
  .web-intro h1{font-size:46px}
  .web-three{grid-template-columns:1fr;gap:28px;padding-top:26px;margin-top:25px}
  .web-three section+section{padding-top:25px;border-top:1px solid var(--papperslinje)}
  .web-three h3{margin-top:12px}
  .web-band-inner{padding-block:60px}
  .web-steps{grid-template-columns:1fr;gap:23px;margin-top:32px}
  .web-jump{gap:6px 23px}
  .web-contact-page{grid-template-columns:1fr;padding-bottom:60px}
  .web-contact-aside{border-left:0;border-top:1px solid var(--papperslinje);padding:25px 0 0}
  .web-prose h2{font-size:33px}
  .web-guides h2{font-size:36px}
  .web-footer nav{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px}
  .web-copy{display:block;margin-left:0}
  .lansering-hero,.lansering-innehall{min-height:540px}
  .lansering-innehall{padding:85px 23px 80px}
  .lansering-innehall h1{font-size:clamp(43px,12vw,60px)}
  .lansering-dis{background:color-mix(in srgb,var(--film-kant) 73%,transparent)}
  .lansering-lankar{gap:18px;flex-wrap:wrap}
  .lansering-overrad{font-size:10px;line-height:1.7}
}

.web-portal-frame { display:block; width:100%; height:680px; border:0; background:#faf8f3; }
.web-example-link { display:block; padding:14px 20px; color:var(--skog); background:#f1eee5; font-size:14px; }
@media(max-width:700px) { .web-portal-frame { height:580px; } }