/* Köpvillkor och integritet som avtal (2026-10-12, Sami: "köpvillkor kanske bara ska se ut som ett kontrakt. Integritet
   också"). Ett blad på ett svagt tonat bord med Siffra Labs svall, dokumenthuvud, numrerade punkter med numret i
   marginalen, och vid sidan innehållet, handlingarna och utskrift. Utskriften är bara bladet. */
.avtal{position:relative;isolation:isolate;max-width:none;margin:0;padding:56px 24px 120px;background:var(--yta-ton-svag)}
.avtal::before{content:'';position:absolute;inset:0 0 auto 0;height:640px;z-index:-1;background:var(--hojdare);opacity:.07;-webkit-mask:url(/svall.svg) right top/min(1100px,90%) auto no-repeat;mask:url(/svall.svg) right top/min(1100px,90%) auto no-repeat;pointer-events:none}
.avtal-rutnat{display:grid;grid-template-columns:250px minmax(0,820px);gap:48px;justify-content:center;align-items:start}

.avtal-sida{position:sticky;top:28px;display:grid;gap:28px;font-size:14px}
.avtal-tillbaka{color:var(--text);text-decoration:none;font-weight:500}
.avtal-tillbaka::before{content:'\2190';margin-right:8px}
.avtal-sida nav{display:block;margin:0;gap:0;font-size:14px}
.avtal-sida nav>p{margin:0 0 10px;font-size:12px;color:var(--text-svag)}
.avtal-index ol{list-style:none;margin:0;padding:0;display:grid;gap:2px;border-left:1px solid var(--hairline)}
.avtal-index a{display:grid;grid-template-columns:22px 1fr;gap:6px;padding:6px 0 6px 14px;margin-left:-1px;border-left:2px solid transparent;color:var(--text-svag);text-decoration:none;line-height:1.35}
.avtal-index a:hover{color:var(--text)}
.avtal-index a[aria-current="true"]{color:var(--text);border-left-color:var(--gnista)}
.avtal-index .nr{font-variant-numeric:tabular-nums}
.avtal-sida .avtal-handlingar{display:grid;gap:8px}
.avtal-handlingar a{color:var(--text-svag);text-decoration:none}
.avtal-handlingar a[aria-current="page"]{color:var(--text);font-weight:500}
.avtal-skriv{display:inline-flex;align-items:center;gap:10px;justify-self:start;height:40px;padding:0 16px;border:1px solid var(--hairline);border-radius:999px;background:var(--yta);color:var(--text);font:inherit;font-size:13.5px;cursor:pointer}
.avtal-skriv:hover{border-color:var(--text)}
.avtal-skriv svg{width:18px;height:18px;stroke-width:1.6}

.avtal-blad{background:var(--yta);border-radius:6px;padding:72px 80px 56px;box-shadow:0 1px 2px rgba(6,26,87,.06),0 28px 56px -28px rgba(6,26,87,.22),0 0 0 1px rgba(6,26,87,.05);color:var(--text)}
.avtal-avsandare{display:flex;align-items:center;gap:14px;padding-bottom:28px;border-bottom:1px solid var(--text)}
.avtal-avsandare img{display:block}
.avtal-avsandare span{font-size:13px;color:var(--text-svag);border-left:1px solid var(--hairline);padding-left:14px}
.avtal-huvud h1{font-size:clamp(32px,4vw,44px);font-weight:500;letter-spacing:-.03em;line-height:1.1;margin:40px 0 24px}
.avtal-fakta{display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:8px 48px;margin:0;padding:16px 0;border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline);font-size:14px}
.avtal-fakta dt{font-size:12px;color:var(--text-svag);margin-bottom:2px}
.avtal-fakta dd{margin:0}
.avtal-utkast{margin:24px 0 8px;font-size:14px;line-height:1.6;background:var(--yta-ton-svag);border:1px dashed var(--accent);border-radius:6px;padding:14px 16px}

.avtal-avsnitt{padding-top:36px}
.avtal-avsnitt h2{display:grid;grid-template-columns:48px 1fr;font-size:18px;font-weight:500;letter-spacing:-.005em;line-height:1.35;margin:0 0 14px}
.avtal-avsnitt h2 .nr{font-variant-numeric:tabular-nums}
.klausul{display:grid;grid-template-columns:48px 1fr;margin:0 0 12px;font-size:15.5px;line-height:1.7}
.klausul .nr{color:var(--text-svag);font-size:13px;line-height:26px;font-variant-numeric:tabular-nums}
.avtal-hanvisning{margin:0 0 12px 48px;font-size:15px}
.avtal-blad a{color:var(--accent-text)}
.avtal-slut{display:flex;justify-content:space-between;gap:16px;margin-top:48px;padding-top:18px;border-top:1px solid var(--hairline);font-size:13px;color:var(--text-svag)}

@media(max-width:1060px){.avtal-rutnat{grid-template-columns:minmax(0,820px)}.avtal-sida{position:static;order:2}.avtal-sida .avtal-index{display:none}.avtal-sida{grid-template-columns:1fr auto;align-items:center}.avtal-tillbaka{grid-column:1/-1}}
@media(max-width:640px){.avtal{padding:20px 12px 64px}.avtal-blad{padding:32px 20px 28px}.avtal-fakta{grid-template-columns:1fr 1fr}.avtal-avsnitt h2,.klausul{grid-template-columns:38px 1fr}.avtal-hanvisning{margin-left:38px}.avtal-sida{grid-template-columns:1fr}.avtal-slut{flex-direction:column}}
@media print{
 body>*:not(main),.avtal-sida,.skip-link,.help-launch,.help-dialog{display:none!important}
 .avtal{padding:0;background:none}.avtal::before{display:none}.avtal-rutnat{display:block}
 .avtal-blad{box-shadow:none;padding:0;border-radius:0}
 .avtal-avsnitt{break-inside:auto}.avtal-avsnitt h2{break-after:avoid}.klausul{break-inside:avoid}
}