/* Ersvia SAD – stilmall, design v2 (ADR 0021). Samma designriktning och tokens v2 som portalen (design/tokens/ersvia.css,
   variablerna --ev-*), med reservvärden. Ljust/mörkt via data-mode="light|dark" på <html> och prefers-color-scheme.
   Dokumentationslayout: toppfält, kapitelmeny till vänster, innehåll med optimal radlängd, "På denna sida" till höger. */
@font-face {
  font-family: "Inter"; font-style: normal; font-weight: 100 900; font-display: swap;
  src: url("fonts/inter-latin-wght.woff2") format("woff2-variations"), url("fonts/inter-latin-wght.woff2") format("woff2");
}
:root {
  --sad-font: var(--ev-font-family-base, Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif);
  --sad-mono: var(--ev-font-family-mono, ui-monospace, Menlo, Consolas, monospace);
  --canvas: var(--ev-color-bg-canvas, #F5F7F8);
  --yta: var(--ev-color-bg-surface, #FFFFFF);
  --yta-svag: var(--ev-color-bg-subtle, #EEF3F4);
  --meny: var(--ev-color-bg-sidebar, #FFFFFF);
  --hover: var(--ev-color-nav-hover-bg, #F0F3F4);
  --aktiv: var(--ev-color-nav-active-bg, #E6F2F4);
  --aktiv-text: var(--ev-color-nav-active-fg, #0B4A5E);
  --primar: var(--ev-color-brand-primary, #0B4A5E);
  --text: var(--ev-color-text-default, #2B3A40);
  --rubrik: var(--ev-color-text-heading, #14262E);
  --svag: var(--ev-color-text-muted, #56676E);
  --lank: var(--ev-color-text-link, #0B5E78);
  --kant: var(--ev-color-border-subtle, #D5DDE0);
  --kant-stark: var(--ev-color-border-default, #6B7C83);
  --fokus: var(--ev-color-focus-ring, #0F6FD6);
  --halo: var(--ev-color-focus-halo, #FFFFFF);
  --th-bg: var(--ev-color-table-header-bg, #F3F6F7);
  --th-text: var(--ev-color-table-header-text, #4A5B62);
  --zebra: var(--ev-color-table-stripe, #FAFBFB);
  --skym: var(--ev-color-bg-overlay, #0C1A1F80);
  --skugga-xs: var(--ev-shadow-xs, 0 1px 2px #14262E0F);
  --skugga-lg: var(--ev-shadow-lg, 0 12px 32px -8px #14262E2E);
  --radie: var(--ev-radius-card, 10px);
  --radie-sm: var(--ev-radius-md, 6px);
  --bg-kod: #F6F8FA;
  --markering: #FFF3BF;
  --toppfalt: 3.5rem;
  --meny-bredd: 17rem;
  --toc-bredd: 15rem;
  --rad: 46rem;
}
@media (prefers-color-scheme: dark) { :root:not([data-mode="light"]) { --bg-kod: #0F1D23; --markering: #5A4A00; } }
:root[data-mode="dark"] { --bg-kod: #0F1D23; --markering: #5A4A00; }

* { box-sizing: border-box; }
html { scroll-padding-top: calc(var(--toppfalt) + 1.5rem); background: var(--canvas); -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--canvas); color: var(--text); font-family: var(--sad-font); font-size: 1rem; line-height: 1.65;
  -webkit-font-smoothing: antialiased; font-feature-settings: "cv11"; }
a { color: var(--lank); text-underline-offset: .18em; text-decoration-thickness: 1px; }
a:hover { text-decoration-thickness: 2px; }
:focus-visible { outline: 3px solid var(--fokus); outline-offset: 2px; box-shadow: 0 0 0 2px var(--halo); border-radius: 2px; }
main:focus { outline: none; }
.hoppa { position: absolute; left: 1rem; top: -100px; z-index: 100; background: var(--yta); color: var(--lank); padding: .5rem 1rem;
  border-radius: var(--radie-sm); box-shadow: var(--skugga-lg); font-weight: 600; }
.hoppa:focus { top: .5rem; }
.dold { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }

/* ---------- Toppfält ---------- */
.sidhuvud { position: sticky; top: 0; z-index: 50; display: flex; align-items: center; gap: .75rem; padding: 0 1rem; min-height: var(--toppfalt);
  background: var(--yta); border-top: 3px solid var(--primar); border-bottom: 1px solid var(--kant); }
.logga { display: flex; align-items: center; gap: .75rem; color: var(--rubrik); text-decoration: none; font-weight: 600; flex: none; }
.logga img { height: 1.75rem; width: auto; display: block; }
.logga .logga-mork { display: none; }
@media (prefers-color-scheme: dark) { :root:not([data-mode="light"]) .logga .logga-ljus { display: none; } :root:not([data-mode="light"]) .logga .logga-mork { display: block; } }
:root[data-mode="dark"] .logga .logga-ljus { display: none; } :root[data-mode="dark"] .logga .logga-mork { display: block; }
.logga-text { font-size: .875rem; font-weight: 500; color: var(--svag); padding-left: .75rem; border-left: 1px solid var(--kant); }
.sokknapp { display: inline-flex; align-items: center; gap: .5rem; margin-left: 1.5rem; flex: 0 1 22rem; min-width: 0; min-height: 2.25rem; padding: 0 .5rem 0 .75rem;
  font: inherit; font-size: .875rem; color: var(--svag); background: var(--canvas); border: 1px solid var(--kant); border-radius: var(--radie-sm); cursor: pointer; text-align: left; }
.sokknapp:hover { border-color: var(--kant-stark); color: var(--text); }
.sokknapp-text { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
kbd { font-family: var(--sad-font); font-size: .75rem; color: var(--svag); border: 1px solid var(--kant); border-radius: 4px; padding: 0 .375rem; background: var(--yta); white-space: nowrap; }
.verktyg { margin-left: auto; display: flex; align-items: center; gap: .5rem; }
.ikonknapp { display: inline-flex; align-items: center; justify-content: center; width: 2.25rem; height: 2.25rem; padding: 0; color: var(--text);
  background: transparent; border: 1px solid transparent; border-radius: var(--radie-sm); cursor: pointer; }
.ikonknapp:hover { background: var(--hover); color: var(--rubrik); }
.ikonknapp[aria-pressed="true"] { background: var(--aktiv); color: var(--aktiv-text); }
.menyknapp { display: none; }
.knapp { font: inherit; font-size: .875rem; min-height: 2.25rem; min-width: 2.25rem; padding: .25rem .75rem; border: 1px solid var(--kant-stark);
  border-radius: var(--radie-sm); background: var(--yta); color: var(--rubrik); cursor: pointer; text-decoration: none; display: inline-flex; align-items: center; justify-content: center; }
.knapp:hover { background: var(--hover); }

/* ---------- Layout ---------- */
.layout { display: grid; grid-template-columns: var(--meny-bredd) minmax(0, 1fr); min-height: calc(100vh - var(--toppfalt)); }
.layout.med-toc { grid-template-columns: var(--meny-bredd) minmax(0, 1fr) var(--toc-bredd); }
main { min-width: 0; padding: 2rem 3rem 3rem; }
.innehall { max-width: var(--rad); }
.layout.bred .innehall { max-width: 72rem; }

/* Kapitelmeny */
.sidomeny { position: sticky; top: var(--toppfalt); align-self: start; height: calc(100vh - var(--toppfalt)); overflow-y: auto; padding: 1.25rem .75rem 2rem;
  background: var(--meny); border-right: 1px solid var(--kant); font-size: .875rem; scrollbar-width: thin; }
.sidomeny ul { list-style: none; margin: 0; padding: 0; }
.kapitelgrupp + .kapitelgrupp { margin-top: .5rem; }
.kapitelgrupp summary { display: flex; align-items: center; gap: .5rem; min-height: 2rem; padding: 0 .75rem; border-radius: var(--radie-sm); cursor: pointer;
  list-style: none; font-size: .75rem; font-weight: 600; text-transform: uppercase; letter-spacing: .06em; color: var(--svag); }
.kapitelgrupp summary::-webkit-details-marker { display: none; }
.kapitelgrupp summary::before { content: ""; width: .45rem; height: .45rem; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor;
  transform: rotate(-45deg); transition: transform .15s ease; margin-right: .1rem; }
.kapitelgrupp details[open] > summary::before { transform: rotate(45deg); }
.kapitelgrupp summary:hover { background: var(--hover); color: var(--rubrik); }
.sidomeny li a { display: block; padding: .375rem .75rem; min-height: 2rem; border-radius: var(--radie-sm); color: var(--text); text-decoration: none; line-height: 1.4; position: relative; }
.sidomeny li a:hover { background: var(--hover); color: var(--rubrik); }
.sidomeny a[aria-current="page"] { background: var(--aktiv); color: var(--aktiv-text); font-weight: 600; }
.sidomeny a[aria-current="page"]::before { content: ""; position: absolute; left: -.75rem; top: .375rem; bottom: .375rem; width: 3px; border-radius: 0 3px 3px 0; background: var(--primar); }
.sidomeny-rubrik { margin: 1.25rem .75rem .25rem; font-size: .75rem; font-weight: 600; text-transform: uppercase; letter-spacing: .06em; color: var(--svag); }
.meny-skym { display: none; }

/* På denna sida */
.toc-kolumn { padding: 2rem 1rem 2rem 0; }
.sidinnehall { position: sticky; top: calc(var(--toppfalt) + 1.5rem); max-height: calc(100vh - var(--toppfalt) - 3rem); overflow-y: auto; font-size: .8125rem; scrollbar-width: thin; }
.sidinnehall-rubrik { margin: 0 0 .5rem; font-size: .75rem; font-weight: 600; text-transform: uppercase; letter-spacing: .06em; color: var(--svag); }
.sidinnehall ol { list-style: none; margin: 0; padding: 0; border-left: 1px solid var(--kant); }
.sidinnehall ol ol { border-left: 0; }
.sidinnehall a { display: block; padding: .25rem .75rem; margin-left: -1px; border-left: 2px solid transparent; color: var(--svag); text-decoration: none; line-height: 1.4; }
.sidinnehall ol ol a { padding-left: 1.5rem; }
.sidinnehall a:hover { color: var(--rubrik); }
.sidinnehall a[aria-current="true"] { color: var(--aktiv-text); border-left-color: var(--primar); font-weight: 600; }

/* ---------- Typografi för långa texter ---------- */
.brodsmulor { font-size: .8125rem; margin-bottom: .75rem; color: var(--svag); }
.brodsmulor ol { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: .25rem .5rem; }
.brodsmulor li + li::before { content: "/"; margin-right: .5rem; color: var(--kant-stark); }
.brodsmulor a { color: var(--svag); text-decoration: none; }
.brodsmulor a:hover { color: var(--lank); text-decoration: underline; }
h1, h2, h3, h4 { color: var(--rubrik); line-height: 1.25; scroll-margin-top: calc(var(--toppfalt) + 1rem); }
h1 { font-size: 2.125rem; font-weight: 650; letter-spacing: -.02em; margin: 0 0 1rem; }
h2 { font-size: 1.5rem; font-weight: 600; letter-spacing: -.01em; margin: 3rem 0 1rem; padding-top: 1.5rem; border-top: 1px solid var(--kant); }
h3 { font-size: 1.1875rem; font-weight: 600; margin: 2rem 0 .75rem; }
h4 { font-size: 1rem; font-weight: 600; margin: 1.5rem 0 .5rem; }
.innehall > h1 + p, .ingress { font-size: 1.125rem; color: var(--svag); }
p, ul, ol, dl { margin: 0 0 1rem; }
li { margin-bottom: .25rem; }
li > ul, li > ol { margin: .25rem 0 0; }
blockquote { margin: 1.25rem 0; padding: .75rem 1.25rem; border-left: 4px solid var(--primar); background: var(--yta); border-radius: 0 var(--radie-sm) var(--radie-sm) 0; color: var(--text); }
blockquote p:last-child { margin-bottom: 0; }
hr { border: 0; border-top: 1px solid var(--kant); margin: 2rem 0; }
mark { background: var(--markering); color: inherit; padding: 0 .1em; border-radius: 2px; }
.ankare { margin-left: .5rem; font-weight: 400; color: var(--svag); text-decoration: none; opacity: 0; font-size: .8em; }
h2:hover .ankare, h3:hover .ankare, .ankare:focus { opacity: 1; }
.kravlank { white-space: nowrap; }

/* Kod */
code { font-family: var(--sad-mono); font-size: .875em; background: var(--yta-svag); padding: .1em .35em; border-radius: 4px; overflow-wrap: anywhere; }
pre { margin: 0 0 1.25rem; padding: 1rem 1.25rem; background: var(--bg-kod); border: 1px solid var(--kant); border-radius: var(--radie-sm); overflow-x: auto;
  font-size: .8125rem; line-height: 1.55; }
pre code { background: none; padding: 0; font-size: inherit; overflow-wrap: normal; }
pre code.hljs { padding: 0; background: transparent; }

/* Tabeller */
.tabellram { overflow-x: auto; margin: 0 0 1.5rem; border: 1px solid var(--kant); border-radius: var(--radie-sm); background: var(--yta); box-shadow: var(--skugga-xs); }
.layout:not(.bred) .innehall .tabellram { max-width: none; }
table { border-collapse: collapse; width: 100%; font-size: .875rem; line-height: 1.5; }
th, td { padding: .5rem .875rem; text-align: left; vertical-align: top; border-bottom: 1px solid var(--kant); }
thead th { background: var(--th-bg); color: var(--th-text); font-size: .75rem; font-weight: 600; text-transform: uppercase; letter-spacing: .04em; white-space: nowrap; }
tbody tr:nth-child(even) { background: var(--zebra); }
tbody tr:last-child td { border-bottom: 0; }
td code { white-space: normal; }

/* ---------- Diagramfigurer ---------- */
figure.diagram { margin: 1.5rem 0 2rem; background: var(--yta); border: 1px solid var(--kant); border-radius: var(--radie); overflow: hidden; box-shadow: var(--skugga-xs); }
.ram { position: relative; display: block; width: 100%; padding: 1rem; margin: 0; background: #FFFFFF; border: 0; border-bottom: 1px solid var(--kant); cursor: zoom-in; }
.ram img { display: block; max-width: 100%; height: auto; margin: 0 auto; }
.ram-zoom { position: absolute; right: .75rem; top: .75rem; display: inline-flex; align-items: center; gap: .375rem; padding: .25rem .625rem; font-size: .75rem; font-weight: 600;
  color: #14262E; background: #FFFFFFE6; border: 1px solid #D5DDE0; border-radius: 999px; opacity: 0; transition: opacity .15s ease; }
.ram:hover .ram-zoom, .ram:focus-visible .ram-zoom { opacity: 1; }
figure.diagram figcaption { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem 1rem; padding: .75rem 1rem; font-size: .875rem; }
.figur-titel { flex: 1 1 18rem; font-weight: 600; color: var(--rubrik); display: inline-flex; flex-wrap: wrap; align-items: center; gap: .5rem; }
.figur-typ { font-size: .6875rem; font-weight: 600; text-transform: uppercase; letter-spacing: .05em; padding: .0625rem .5rem; border-radius: 999px;
  background: var(--aktiv); color: var(--aktiv-text); }
.figur-verktyg { display: inline-flex; flex-wrap: wrap; gap: .5rem; }
.figur-knapp { display: inline-flex; align-items: center; min-height: 2rem; padding: 0 .75rem; font-size: .8125rem; font-weight: 500; color: var(--rubrik);
  border: 1px solid var(--kant-stark); border-radius: var(--radie-sm); text-decoration: none; background: var(--yta); }
.figur-knapp:hover { background: var(--hover); text-decoration: none; }
.figur-anvands { flex-basis: 100%; font-size: .8125rem; color: var(--svag); }

/* ---------- Startkort ---------- */
.startkort h2 { border-top: 0; padding-top: 0; margin-top: 1.5rem; }
.kortgrupp { font-size: .75rem; text-transform: uppercase; letter-spacing: .06em; color: var(--svag); margin: 1.5rem 0 .75rem; }
.kapitelkort { list-style: none; margin: 0 0 1rem; padding: 0; display: grid; gap: .75rem; grid-template-columns: repeat(auto-fill, minmax(min(100%, 14rem), 1fr)); }
.kapitelkort li { margin: 0; }
.kapitelkort a { display: flex; flex-direction: column; gap: .25rem; height: 100%; padding: 1rem 1.125rem; background: var(--yta); border: 1px solid var(--kant);
  border-radius: var(--radie); color: var(--text); text-decoration: none; box-shadow: var(--skugga-xs); transition: border-color .12s ease, box-shadow .12s ease; }
.kapitelkort a:hover { border-color: var(--kant-stark); box-shadow: var(--skugga-lg); }
.kort-nr { font-size: .75rem; font-weight: 600; color: var(--aktiv-text); }
.kort-titel { font-weight: 600; color: var(--rubrik); font-size: 1rem; line-height: 1.35; }
.kort-text { font-size: .8125rem; color: var(--svag); line-height: 1.5; }
.kort-mer { margin-top: 1rem; font-size: .875rem; }
.layout:has(.startkort) .innehall { max-width: 60rem; }

/* ---------- Diagramgalleri ---------- */
.filterrad { display: flex; flex-wrap: wrap; gap: .5rem; margin: 1.5rem 0; position: sticky; top: var(--toppfalt); z-index: 5; padding: .75rem 0; background: var(--canvas); }
.chip { display: inline-flex; align-items: center; gap: .5rem; min-height: 2rem; padding: 0 .75rem; font: inherit; font-size: .875rem; font-weight: 500;
  color: var(--text); background: var(--yta); border: 1px solid var(--kant); border-radius: 999px; cursor: pointer; }
.chip:hover { border-color: var(--kant-stark); }
.chip[aria-pressed="true"] { background: var(--aktiv); color: var(--aktiv-text); border-color: var(--primar); }
.chip-antal { font-size: .75rem; padding: 0 .375rem; border-radius: 999px; background: var(--yta-svag); color: var(--text); }
.chip[aria-pressed="true"] .chip-antal { background: var(--yta); color: var(--aktiv-text); }
.diagramgrupp h2 { display: flex; align-items: center; gap: .5rem; }
.antal { font-size: .875rem; font-weight: 500; color: var(--svag); }
.galleri { display: grid; gap: 1rem; grid-template-columns: repeat(auto-fill, minmax(min(100%, 20rem), 1fr)); }
.galleri figure.diagram { margin: 0; display: flex; flex-direction: column; }
.galleri .ram { height: 14rem; display: flex; align-items: center; justify-content: center; }
.galleri .ram img { max-height: 100%; width: auto; object-fit: contain; }
.galleri figcaption { flex: 1; align-content: flex-start; }
.diagramgrupp[hidden], figure.diagram[hidden] { display: none; }

/* ---------- Föregående/nästa och sidfot ---------- */
.blader { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; max-width: var(--rad); margin: 3rem 0 0; }
.layout.bred .blader { max-width: 72rem; }
.blader a { display: flex; flex-direction: column; gap: .25rem; padding: 1rem 1.25rem; border: 1px solid var(--kant); border-radius: var(--radie); background: var(--yta);
  text-decoration: none; color: var(--rubrik); font-weight: 600; }
.blader a:hover { border-color: var(--kant-stark); }
.blader span { font-size: .75rem; font-weight: 500; text-transform: uppercase; letter-spacing: .05em; color: var(--svag); }
.blader .nasta { grid-column: 2; text-align: right; }
.sidfot { max-width: var(--rad); margin-top: 3rem; padding-top: 1.25rem; border-top: 1px solid var(--kant); font-size: .8125rem; color: var(--svag); }
.layout.bred .sidfot { max-width: 72rem; }
.sidfot a { color: var(--svag); }

/* ---------- Sökdialog (Ctrl+K) ---------- */
dialog.sokdialog { width: min(42rem, calc(100vw - 2rem)); margin: 10vh auto auto; padding: 0; border: 1px solid var(--kant); border-radius: 12px;
  background: var(--yta); color: var(--text); box-shadow: var(--skugga-lg); }
dialog.sokdialog::backdrop, dialog.ljuslada::backdrop { background: var(--skym); }
.sok-falt { display: flex; align-items: center; gap: .75rem; padding: 0 1rem; border-bottom: 1px solid var(--kant); color: var(--svag); }
.sok-falt:focus-within { box-shadow: inset 0 -2px 0 var(--fokus); }
.sok-falt input { flex: 1; min-height: 3.5rem; border: 0; background: transparent; font: inherit; font-size: 1.0625rem; color: var(--rubrik); }
.sok-falt input:focus-visible { outline: none; box-shadow: none; }
.sokresultat { list-style: none; margin: 0; padding: .5rem; max-height: min(60vh, 30rem); overflow-y: auto; }
.sokresultat li { margin: 0; }
.sokresultat a { display: grid; gap: .125rem; padding: .5rem .75rem; border-radius: var(--radie-sm); color: var(--text); text-decoration: none; }
.sokresultat li[aria-selected="true"] a, .sokresultat a:hover { background: var(--aktiv); color: var(--aktiv-text); }
.sokresultat .rubrik { font-weight: 600; color: inherit; }
.sokresultat .kapitel { font-size: .75rem; color: var(--svag); }
.sokresultat li[aria-selected="true"] .kapitel { color: inherit; }
.sokresultat .utdrag { font-size: .8125rem; color: var(--svag); line-height: 1.45; }
.sokresultat .tom { padding: 1.5rem; text-align: center; color: var(--svag); font-size: .875rem; }
.sok-fot { display: flex; justify-content: space-between; gap: 1rem; margin: 0; padding: .5rem 1rem; border-top: 1px solid var(--kant); font-size: .75rem; color: var(--svag); }

/* ---------- Ljuslåda ---------- */
dialog.ljuslada { width: calc(100vw - 2rem); height: calc(100vh - 2rem); max-width: none; max-height: none; padding: 0; border: 1px solid var(--kant);
  border-radius: 12px; background: var(--yta); color: var(--text); display: none; }
dialog.ljuslada[open] { display: flex; flex-direction: column; }
.ljuslada .lista { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; padding: .625rem 1rem; border-bottom: 1px solid var(--kant); }
.ljuslada .titel { flex: 1 1 16rem; font-weight: 600; color: var(--rubrik); }
.ljuslada .skala { min-width: 3.5rem; text-align: center; font-variant-numeric: tabular-nums; font-size: .875rem; }
.ljuslada .yta { flex: 1; overflow: auto; background: #FFFFFF; }
.ljuslada .inre { padding: 8px; }
.ljuslada img { transform-origin: 0 0; display: block; }

/* ---------- Smala skärmar ---------- */
@media (max-width: 80rem) {
  .layout.med-toc { grid-template-columns: var(--meny-bredd) minmax(0, 1fr); }
  .toc-kolumn { display: none; }
}
@media (max-width: 56rem) {
  .layout, .layout.med-toc { grid-template-columns: minmax(0, 1fr); }
  .menyknapp { display: inline-flex; }
  .sidomeny { position: fixed; top: 0; left: 0; bottom: 0; height: auto; width: min(20rem, 86vw); z-index: 60; transform: translateX(-100%); visibility: hidden;
    transition: transform .18s ease, visibility 0s linear .18s; box-shadow: var(--skugga-lg); }
  .sidomeny.oppen { transform: none; visibility: visible; transition: transform .18s ease; }
  .meny-skym.oppen { display: block; position: fixed; inset: 0; z-index: 55; background: var(--skym); }
  main { padding: 1.25rem 1rem 2rem; }
  h1 { font-size: 1.75rem; }
  .sokknapp { margin-left: auto; flex: none; }
  .sokknapp-text, .sokknapp kbd, .logga-text { display: none; }
  .verktyg { margin-left: 0; }
  .blader { grid-template-columns: 1fr; }
  .blader .nasta { grid-column: 1; }
}
@media (prefers-reduced-motion: reduce) { * { transition: none !important; animation: none !important; scroll-behavior: auto !important; } }
@media (forced-colors: active) {
  .sidomeny a[aria-current="page"], .chip[aria-pressed="true"], .sidinnehall a[aria-current="true"] { outline: 2px solid CanvasText; }
}

/* ---------- Utskrift ---------- */
@media print {
  @page { margin: 18mm 16mm; }
  html, body { background: #fff !important; color: #000 !important; font-size: 10.5pt; }
  .sidhuvud, .sidomeny, .toc-kolumn, .blader, .hoppa, .meny-skym, dialog, .filterrad, .ram-zoom, .figur-verktyg, .ankare { display: none !important; }
  .layout, .layout.med-toc { display: block; }
  main { padding: 0; }
  .innehall, .sidfot { max-width: none; }
  h2 { break-after: avoid; border-top: 0; }
  figure.diagram, table, pre { break-inside: avoid; box-shadow: none; }
  .tabellram { overflow: visible; box-shadow: none; }
  a { color: #000; }
  .innehall a[href^="http"]::after { content: " (" attr(href) ")"; font-size: .85em; color: #444; }
  .galleri { display: block; }
  .galleri figure.diagram { margin-bottom: 1rem; }
}