/* Handelsbetingelser, privatliv og datasikkerhed: læsesider i Pukos farver */
:root { --plum: #3f1f2d; --cream: #f7ebdf; --paper: #f4e4da; --ink: #2e1c22; --soft: #5d4650; --line: #e3cfc1; --berry: #7b3549; }
*, *::before, *::after { box-sizing: border-box; }
::selection { background: #fddd1d; color: var(--plum); }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--cream); color: var(--ink); font: 400 1.0625rem/1.65 "Figtree", system-ui, sans-serif; -webkit-font-smoothing: antialiased; }
a { color: var(--berry); text-underline-offset: 3px; }
:focus-visible { outline: 3px solid var(--berry); outline-offset: 2px; border-radius: 4px; }
.j-top { display: flex; align-items: center; justify-content: space-between; padding: 14px clamp(16px, 4vw, 40px); background: var(--plum); }
.j-top img { display: block; }
.j-back { color: var(--cream); font-weight: 600; text-decoration: none; padding: 8px 0; }
.j-main { max-width: 42rem; margin: 0 auto; padding: clamp(36px, 7vw, 72px) 16px 64px; }
h1, h2 { font-family: "Bricolage Grotesque", system-ui, sans-serif; font-variation-settings: "opsz" 96, "wdth" 82; line-height: 1.08; text-wrap: balance; }
h1 { margin: 0; font-size: clamp(2.4rem, 7vw, 3.6rem); }
.j-lede { margin: 12px 0 32px; font-size: 1.2rem; color: var(--soft); }
h2 { margin: 36px 0 8px; font-size: 1.55rem; }
p { margin: 0 0 12px; }
ul { margin: 0 0 12px; padding-left: 20px; }
li { margin-bottom: 6px; }
mark { padding: 1px 5px; border-radius: 4px; background: #fddd1d; color: var(--plum); font-weight: 600; }
.stamp { color: var(--soft); font-size: .95rem; }
.lead-box, .form-box { padding: 18px 20px; border-radius: 16px; background: var(--paper); }
.lead-box { font-size: 1.15rem; line-height: 1.45; }
table { width: 100%; border-collapse: collapse; margin-bottom: 12px; font-size: .98rem; }
th, td { padding: 9px 10px 9px 0; text-align: left; vertical-align: top; border-bottom: 1px solid var(--line); }
th { font-weight: 700; }
.kv { margin: 0; }
.kv div { display: grid; grid-template-columns: 8rem 1fr; gap: 12px; padding: 12px 0; border-bottom: 1px solid var(--line); }
.kv dt { font-weight: 700; }
.kv dd { margin: 0; overflow-wrap: anywhere; }
.j-foot { padding: 28px clamp(16px, 4vw, 40px); background: var(--plum); color: var(--cream); }
.j-foot nav { display: flex; flex-wrap: wrap; gap: 4px 22px; }
.j-foot a { color: var(--cream); padding: 8px 0; text-decoration: none; }
.j-foot a[aria-current] { text-decoration: underline; }
.j-foot p { margin: 12px 0 0; opacity: .75; font-size: .92rem; }
@media (max-width: 560px) { table, thead, tbody, tr, th, td { display: block; } thead { display: none; } tr { padding: 10px 0; border-bottom: 1px solid var(--line); } td { padding: 0; border: 0; } td:first-child { font-weight: 700; } }