/* ============================================================
   FÆLLESSKABET v3 — klasser: fm
   ============================================================ */
.fm{background:var(--papir)}
.fm__in{max-width:1240px;margin:0 auto;padding:0 clamp(16px,3.2vw,48px)}
.fm__eb{margin:0 0 14px;font-size:13px;font-weight:500;color:var(--text-3)}
.fm__h{margin:0;font-size:clamp(40px,6vw,84px);line-height:.98;letter-spacing:-.045em;font-weight:700}
.fm__h span{display:block;color:var(--text-3)}
.fm__lede{margin:20px auto 0;max-width:620px;font-size:clamp(17px,1.45vw,20px);line-height:1.55;color:var(--text-2)}

/* hero */
.fm__helt{padding:clamp(48px,calc(8 * var(--vh,1vh)),100px) 0 clamp(28px,calc(4 * var(--vh,1vh)),44px);text-align:center;background:linear-gradient(180deg,var(--hvid) 0%,var(--papir) 100%)}
.fm__helt .fm__eb,.fm__h,.fm__helt .fm__lede,.fm__spoerg,.fm__stat{animation:fmOp .9s var(--ease-out) both}
.fm__h{animation-delay:.1s}.fm__helt .fm__lede{animation-delay:.25s}.fm__spoerg{animation-delay:.35s}.fm__stat{animation-delay:.45s}
@keyframes fmOp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.fm__spoerg{position:relative;max-width:720px;margin:clamp(28px,calc(4 * var(--vh,1vh)),40px) auto 0;display:flex;align-items:center;gap:8px;background:#fff;border-radius:999px;padding:8px 8px 8px 22px;
  box-shadow:0 1px 0 rgba(21,23,22,.04),0 24px 50px -34px rgba(21,23,22,.5)}
.fm__spoerg svg{width:18px;height:18px;flex:none;stroke:var(--text-3);fill:none;stroke-width:2}
.fm__spoerg input{flex:1;min-width:0;border:0;background:none;font:inherit;font-size:17px;padding:10px 4px;outline:none}
.fm__spoerg .btn{border-radius:999px;padding:12px 20px;white-space:nowrap}
.fm__spoerg:focus-within{box-shadow:0 0 0 2px var(--accent),0 24px 50px -34px rgba(21,23,22,.5)}
.fm__stat{display:flex;justify-content:center;flex-wrap:wrap;gap:6px 22px;margin:20px 0 0;font-size:13.5px;color:var(--text-3)}
.fm__stat b{color:var(--text-1);font-variant-numeric:lining-nums proportional-nums}
.fm__fb{display:inline-flex;align-items:center;gap:10px;margin:18px auto 0;font-size:14px;font-weight:600;color:var(--text-2);text-decoration:none}
.fm__fb i{width:22px;height:22px;border-radius:6px;background:var(--text-1);color:#fff;display:grid;place-items:center;font-style:normal;font-size:13px}
.fm__fb[hidden]{display:none}
.fm__fb:hover{color:var(--text-1)}

/* segmenter */
.fm__seg{display:inline-flex;background:var(--flade);border-radius:999px;padding:4px;flex-wrap:wrap}
.fm__seg button{all:unset;cursor:pointer;font-size:14px;font-weight:600;color:var(--text-2);padding:8px 14px;border-radius:999px;transition:background .25s,color .25s,box-shadow .25s;white-space:nowrap}
.fm__seg button[aria-pressed="true"]{background:#fff;color:var(--text-1);box-shadow:0 1px 2px rgba(21,23,22,.12),0 3px 10px -6px rgba(21,23,22,.3)}
.fm__seg button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.fm__chips{display:flex;flex-wrap:wrap;gap:6px}
.fm__chips button{all:unset;cursor:pointer;white-space:nowrap;flex:none;font-size:14px;font-weight:600;color:var(--text-2);padding:8px 14px;border-radius:999px;background:#fff;transition:background .2s,color .2s}
.fm__chips button:hover{color:var(--text-1)}
.fm__chips button[aria-pressed="true"]{background:var(--text-1);color:#fff}
.fm__chips button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

/* liste */
.fm__krop{padding:clamp(20px,calc(3 * var(--vh,1vh)),32px) 0 clamp(72px,calc(11 * var(--vh,1vh)),130px)}
.fm__grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:clamp(20px,3vw,40px);align-items:start}
.fm__top{display:flex;justify-content:space-between;align-items:center;gap:12px 18px;flex-wrap:wrap;margin-bottom:16px}
.fm__liste{display:grid;gap:8px}
.fm__q{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;background:#fff;border-radius:22px;padding:18px 20px;color:inherit;text-decoration:none;
  transition:transform .3s var(--ease-out),box-shadow .3s var(--ease-out)}
.fm__q:hover{transform:translateY(-2px);box-shadow:0 18px 36px -28px rgba(21,23,22,.45)}
.fm__q:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.fm__q h3{margin:6px 0 6px;font-size:17.5px;line-height:1.35;letter-spacing:-.015em}
.fm__q mark{background:var(--dig-flad);color:inherit;border-radius:3px;padding:0 1px}
.fm__meta{margin:0;font-size:13px;color:var(--text-3);display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center}
.fm__meta b{font-weight:600;color:var(--text-2)}
.fm__pill{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 9px;border-radius:999px;font-size:12px;font-weight:600;background:var(--flade);color:var(--text-2)}
.fm__pill--loest{background:var(--accent-flad);color:var(--accent-ink)}
.fm__pill--tom{background:transparent;box-shadow:inset 0 0 0 1.2px var(--line);color:var(--text-3)}
.fm__rang{display:inline-flex;align-items:center;height:18px;padding:0 7px;border-radius:999px;font-size:11px;font-weight:600;background:var(--flade);color:var(--text-2)}
.fm__rang[data-t="3"],.fm__rang[data-t="4"]{background:var(--accent-flad);color:var(--accent-ink)}
.fm__side{color:var(--accent-ink);font-weight:600;text-decoration:none}
.fm__side:hover{text-decoration:underline}
.fm__stem{display:flex;flex-direction:column;align-items:center;min-width:44px;font-size:11.5px;color:var(--text-3)}
.fm__stem b{font-size:19px;color:var(--text-1);letter-spacing:-.02em;font-variant-numeric:lining-nums proportional-nums}
.fm__tom{background:#fff;border-radius:22px;padding:40px 24px;text-align:center}
.fm__tom p{margin:0 0 16px;color:var(--text-2)}
.fm__tom .btn,.fm__tom button.btn{border-radius:999px}
.fm__henter{height:84px;border-radius:22px;background:linear-gradient(90deg,#fff 0%,#f0f0ed 50%,#fff 100%);background-size:200% 100%;animation:fmSk 1.4s linear infinite}
@keyframes fmSk{from{background-position:100% 0}to{background-position:-100% 0}}

/* admin */
.fm__admin{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin:0 0 12px;padding:12px 16px;border-radius:16px;background:var(--warn-flad);font-size:13.5px}
.fm__admin[hidden]{display:none}
.fm__admin b{color:var(--warn-ink)}
.fm__qW{position:relative}
.fm__qW:has(.fm__slet) .fm__q{padding-right:92px}
.fm__slet{all:unset;cursor:pointer;position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:12.5px;font-weight:600;color:var(--neg-ink);padding:6px 10px;border-radius:999px;background:var(--neg-flad)}
.fm__slet:hover{background:var(--neg);color:#fff}
.fm__slet:focus-visible{outline:2px solid var(--neg)}
.fm__lnk--slet,.fm__lnk--slet:hover{color:var(--neg-ink)}
.fm__sletK{border-radius:999px;padding:12px 24px;background:var(--neg);border-color:var(--neg);color:#fff}
.fm__sletK:hover{background:var(--neg-ink);border-color:var(--neg-ink)}

/* sidekolonne */
.fm__side2{position:sticky;top:calc(var(--nav-h) + 20px);display:grid;gap:12px;transition:top .45s var(--ease-out)}
body:has(.nav.is-hidden) .fm__side2{top:20px}
.fm__boks{background:#fff;border-radius:22px;padding:20px}
.fm__boks h2{margin:0 0 12px;font-size:16px;letter-spacing:-.01em}
.fm__boks ol{margin:0;padding-left:18px;font-size:14px;line-height:1.55;color:var(--text-2);display:grid;gap:6px}
.fm__guide{display:block;padding:12px 0;border-top:1px solid var(--line-soft);color:inherit;text-decoration:none}
.fm__guide:first-of-type{border-top:0;padding-top:0}
.fm__guide span{display:block;font-size:12px;color:var(--text-3)}
.fm__guide b{display:block;font-size:15px;margin-top:2px}
.fm__guide:hover b{color:var(--accent-ink)}
.fm__trin{display:grid;gap:8px;font-size:13.5px;color:var(--text-2)}
.fm__trin div{display:flex;justify-content:space-between;gap:10px}
.fm__boks--moerk{background:var(--text-1);color:#fff}
.fm__boks--moerk h2{color:#fff}
.fm__boks--moerk p{margin:0 0 14px;font-size:14px;line-height:1.55;color:rgba(255,255,255,.75)}
.fm__boks--moerk .btn{border-radius:999px;background:#fff;color:var(--text-1);border-color:#fff}

/* tråd */
.fm__tilbage{display:inline-flex;align-items:center;gap:6px;margin:0 0 18px;font-size:14px;font-weight:600;color:var(--text-2);text-decoration:none}
.fm__tilbage:hover{color:var(--text-1)}
.fm__sp{background:#fff;border-radius:28px;padding:clamp(22px,3vw,36px)}
.fm__sp h1{margin:12px 0 14px;font-size:clamp(26px,3vw,40px);line-height:1.1;letter-spacing:-.035em}
.fm__tekst{font-size:17px;line-height:1.7;color:var(--text-1);overflow-wrap:anywhere}
.fm__handl{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line-soft);font-size:13px;color:var(--text-3)}
.fm__op{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 14px;border-radius:999px;background:var(--flade);font-size:14px;font-weight:600;color:var(--text-1);transition:background .2s,color .2s,transform .2s}
.fm__op svg{width:12px;height:12px;fill:currentColor}
.fm__op:hover{background:var(--flade-2)}
.fm__op:active{transform:scale(.96)}
.fm__op.on{background:var(--accent);color:#fff}
.fm__op:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.fm__lnk{all:unset;cursor:pointer;font-size:13px;font-weight:600;color:var(--text-2);text-decoration:none}
a.fm__lnk{color:var(--text-2)}
.fm__lnk:hover{color:var(--text-1)}
.fm__lnk:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.fm__svH{margin:36px 0 12px;font-size:clamp(22px,2vw,28px);letter-spacing:-.03em}
.fm__svL{display:grid;gap:8px}
.fm__sv{background:#fff;border-radius:22px;padding:20px 22px}
.fm__sv--bedste{box-shadow:inset 0 0 0 2px var(--accent)}
.fm__sv--bedste .fm__badge{display:inline-flex}
.fm__badge{display:none;align-items:center;gap:6px;margin:0 0 10px;height:24px;padding:0 10px;border-radius:999px;background:var(--accent);color:#fff;font-size:12.5px;font-weight:600}
.fm__sv .fm__tekst{font-size:16px}
.fm__ny{background:#fff;border-radius:28px;padding:clamp(20px,2.6vw,30px);margin-top:20px}
.fm__ny h3{margin:0 0 12px;font-size:18px}
.fm__ta{width:100%;box-sizing:border-box;min-height:130px;resize:vertical;border:0;background:var(--papir);border-radius:16px;padding:14px 16px;font:inherit;font-size:16px;line-height:1.55}
.fm__ta:focus{outline:2px solid var(--accent)}
.fm__nyF{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:12px}
.fm__nyF .btn{border-radius:999px;padding:11px 22px}
.fm__nyF small{font-size:12.5px;color:var(--text-3)}
.fm__fejl{margin:10px 0 0;padding:10px 14px;border-radius:12px;background:var(--neg-flad);color:var(--neg-ink);font-size:14px}
.fm__foreslaa{margin-top:20px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;background:var(--text-1);color:#fff;border-radius:22px;padding:18px 22px;text-decoration:none}
.fm__foreslaa span{font-size:12.5px;color:rgba(255,255,255,.6)}
.fm__foreslaa b{display:block;font-size:17px;margin-top:2px}
.fm__foreslaa em{font-style:normal;font-weight:600;white-space:nowrap}

/* ark (modal) */
.fm__ark{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(21,23,22,.42);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.fm__ark[hidden]{display:none}
.fm__arkB{position:relative;width:min(620px,100%);max-height:calc(calc(100 * var(--vh,1vh)) - 32px);overflow:auto;background:#fff;border-radius:28px;padding:clamp(22px,3vw,34px);box-shadow:0 40px 80px -30px rgba(0,0,0,.5);animation:fmArk .4s var(--ease-out)}
@keyframes fmArk{from{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:none}}
.fm__arkB h2{margin:0 0 6px;font-size:clamp(24px,2.4vw,30px);letter-spacing:-.03em}
.fm__arkB>p{margin:0 0 20px;font-size:15px;color:var(--text-2);line-height:1.5}
.fm__luk{all:unset;cursor:pointer;position:absolute;right:14px;top:14px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-size:22px;color:var(--text-3);background:var(--flade)}
.fm__luk:hover{color:var(--text-1)}
.fm__luk:focus-visible{outline:2px solid var(--accent)}
.fm__lbl{display:flex;justify-content:space-between;margin:16px 0 8px;font-size:13.5px;font-weight:600;color:var(--text-2)}
.fm__lbl small{font-weight:400;color:var(--text-3);font-variant-numeric:lining-nums proportional-nums}
.fm__inp{width:100%;box-sizing:border-box;border:0;background:var(--papir);border-radius:14px;padding:13px 16px;font:inherit;font-size:16px}
.fm__inp:focus{outline:2px solid var(--accent)}
.fm__ligner{margin:10px 0 0;background:var(--dig-flad);border-radius:16px;padding:12px 16px}
.fm__ligner p{margin:0 0 6px;font-size:13px;font-weight:600;color:var(--dig-ink)}
.fm__ligner a{display:block;padding:5px 0;font-size:14.5px;color:var(--text-1);text-decoration:none}
.fm__ligner a:hover{text-decoration:underline}
.fm__ligner a small{color:var(--text-3);margin-left:6px}
.fm__arkK{display:flex;align-items:center;gap:16px;margin-top:22px;flex-wrap:wrap}
.fm__arkK .btn{border-radius:999px;padding:12px 24px}

@media (max-width:980px){
  .fm__grid{grid-template-columns:minmax(0,1fr)}
  .fm__side2{position:static}
}
@media (max-width:640px){
  .fm__spoerg{border-radius:24px;flex-wrap:wrap;padding:8px 8px 8px 16px}
  .fm__spoerg .btn{width:100%;justify-content:center}
  .fm__q{padding:16px}
  .fm__top .fm__seg{width:100%}
  .fm__top .fm__seg button{flex:1;text-align:center;padding:8px 6px;font-size:13px}
  .fm__chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:0 16px}
  .fm__chips::-webkit-scrollbar{display:none}
}
@media (prefers-reduced-motion:reduce){
  .fm__helt .fm__eb,.fm__h,.fm__helt .fm__lede,.fm__spoerg,.fm__stat{animation:none}
  .fm__henter{animation:none}
}

.fm__emne{font:inherit;font-size:14px;font-weight:600;color:var(--text-1);border:0;border-radius:999px;padding:9px 38px 9px 16px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M3 4.5l3 3 3-3' fill='none' stroke='%23151716' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") right 14px center/12px no-repeat;-webkit-appearance:none;appearance:none;cursor:pointer}
.fm__emne:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.fm__side{color:var(--dig-ink)}