@import url(/fonts/fonts.css);
/* Gemensam stil för villkor, integritetspolicy och kontakt. Samma färger som startsidan. */
:root{
  --bg:#F3F6F9; --surface:#FFFFFF; --ink:#0B2540; --muted:#5A6B80; --line:#DCE4EC;
  --hero:#01244A; --pool:#0B8FA3; --sun:#FFC53D; --sun-soft:#FFF4D6;
  --f-display:"Bricolage Grotesque","Avenir Next","Segoe UI",system-ui,sans-serif;
  --f-body:"Figtree","Segoe UI",system-ui,-apple-system,sans-serif;
  color-scheme:light;
}
@media (prefers-color-scheme: dark){:root{
  --bg:#06101B; --surface:#0E1B2A; --ink:#E6EEF6; --muted:#93A7BB; --line:#1E3245;
  --pool:#3FD0E0; --sun:#FFCE55; --sun-soft:#3A2E0A; color-scheme:dark}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--f-body);font-size:16px;line-height:1.6}
a{color:var(--pool)}
:focus-visible{outline:3px solid var(--sun);outline-offset:2px;border-radius:6px}
.top{background:var(--hero);color:#fff}
.top .in{max-width:820px;margin:0 auto;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.top img{height:46px;width:auto;display:block}
.top nav{display:flex;gap:16px;font-size:14px;font-weight:600}
.top nav a{color:#fff;text-decoration:none;opacity:.85}
.top nav a:hover,.top nav a[aria-current]{opacity:1;text-decoration:underline}
main{max-width:820px;margin:0 auto;padding:28px 16px 48px}
.card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:28px clamp(18px,4vw,40px)}
h1{font-family:var(--f-display);font-size:clamp(26px,5vw,34px);line-height:1.15;margin:0 0 6px}
.updated{color:var(--muted);font-size:14px;margin:0 0 22px}
h2{font-family:var(--f-display);font-size:19px;margin:30px 0 8px}
p,li{margin:0 0 10px}
ul{padding-left:20px}
.lead{font-size:17px}
.box{background:var(--sun-soft);border-radius:12px;padding:14px 16px;margin:18px 0}
dl.contact{display:grid;grid-template-columns:max-content 1fr;gap:6px 18px;margin:16px 0}
dl.contact dt{color:var(--muted);font-weight:600}
dl.contact dd{margin:0}
footer{max-width:820px;margin:0 auto;padding:0 16px 40px;color:var(--muted);font-size:13.5px}
footer a{color:var(--muted)}
@media (max-width:480px){dl.contact{grid-template-columns:1fr}dl.contact dd{margin-bottom:8px}}