/* ════════ Veiledningssidene (gd-) — selskap, avsetninger og lovsider med situasjonskort ════════
   Bygger på learn.css (.lrn, .lrn-sec, .lrn-head, .lrn-qs, .lrn-rel) og site-shell.css (.ik-input).
   Bare temaets tokens, ingen egne farger. Ja/nei vises med ord og ikon, aldri med farge alene. */

/* ── Innholdsfortegnelse øverst: «På denne siden» ── */
.gd-toc{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin:0;padding:0;list-style:none}
.gd-toc-l{font:600 11px/1 var(--font-sans);letter-spacing:.16em;text-transform:uppercase;color:var(--ink3);margin-inline-end:4px}
.gd-toc a{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border:1px solid var(--line);border-radius:999px;
  font:500 13.5px/1 var(--font-sans);color:var(--ink2);text-decoration:none;transition:border-color .2s var(--ease),color .2s var(--ease)}
@media(hover:hover){.gd-toc a:hover{color:var(--ink);border-color:var(--line-2)}}
.gd-toc a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

/* ── Nøkkeltall: en rad med de viktigste tallene på siden ── */
.gd-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:1px;margin:0;
  background:var(--line);border:1px solid var(--line);border-radius:10px;overflow:hidden}
.gd-facts > div{background:var(--surface);padding:16px 18px;display:flex;flex-direction:column;gap:6px;min-width:0}
.gd-facts dt{font:500 11.5px/1.35 var(--font-sans);letter-spacing:.02em;color:var(--ink3)}
.gd-facts dd{margin:0;font:500 22px/1.15 var(--font-serif);color:var(--ink);font-variant-numeric:tabular-nums lining-nums;letter-spacing:-.3px}
.gd-facts dd small{display:block;margin-top:4px;font:400 12.5px/1.45 var(--font-sans);color:var(--ink2);letter-spacing:0}

/* ── Verktøykortet (det interaktive) ── */
.gd-tool{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:28px 30px;display:flex;flex-direction:column;gap:22px;min-width:0}
.gd-tool > header{display:flex;flex-direction:column;gap:8px;max-width:70ch}
.gd-tool-h{margin:0;font:500 26px/1.15 var(--font-serif);letter-spacing:-.5px;color:var(--ink);text-wrap:balance}
.gd-tool-lede{margin:0;font-size:15px;line-height:1.6;color:var(--ink2);text-wrap:pretty}
@media(max-width:560px){.gd-tool{padding:20px 18px;border-radius:10px}.gd-tool-h{font-size:22px}}

/* hidden skal skjule også klosser som har egen display (grid, flex) */
.gd-tool [hidden],.gd-sits [hidden]{display:none!important}

/* Spørsmål med svarknapper (veivisere) */
.gd-qs{display:flex;flex-direction:column;gap:18px}
.gd-q{display:flex;flex-direction:column;gap:10px;margin:0;padding:0;border:0;min-width:0}
.gd-q > legend,.gd-q-l{padding:0;font:600 14.5px/1.4 var(--font-sans);color:var(--ink)}
.gd-q-hint{margin:-4px 0 0;font-size:13px;line-height:1.5;color:var(--ink3)}
.gd-opts{display:flex;flex-wrap:wrap;gap:8px}
.gd-opts button{min-height:40px;padding:0 16px;border:1px solid var(--line-2);border-radius:8px;cursor:pointer;
  background:transparent;color:var(--ink2);font:500 14px/1.2 var(--font-sans);text-align:start;
  transition:border-color .2s var(--ease),color .2s var(--ease),background .2s var(--ease)}
@media(hover:hover){.gd-opts button:hover{color:var(--ink);border-color:var(--ink3)}}
.gd-opts button[aria-pressed="true"]{background:var(--surface-2);color:var(--ink);border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}
.gd-opts button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

/* Tallfelt i et verktøy */
.gd-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}
.gd-field{display:flex;flex-direction:column;gap:6px;min-width:0}
.gd-field label{font:500 12.5px/1.35 var(--font-sans);color:var(--ink2)}
.gd-field .ik-input{width:100%;box-sizing:border-box}
.gd-field .h{font-size:12px;line-height:1.45;color:var(--ink3)}

/* Svaret fra et verktøy */
.gd-out{border-top:1px solid var(--line-2);padding-top:22px;display:flex;flex-direction:column;gap:14px}
.gd-out-k{font:600 11px/1 var(--font-sans);letter-spacing:.16em;text-transform:uppercase;color:var(--ink3)}
.gd-out-h{margin:0;font:500 28px/1.15 var(--font-serif);letter-spacing:-.5px;color:var(--ink);text-wrap:balance}
.gd-out-h em{font-style:italic;color:var(--accent-2)}
.gd-out-p{margin:0;font-size:15px;line-height:1.65;color:var(--ink2);max-width:72ch;text-wrap:pretty}
.gd-out-p strong{color:var(--ink);font-weight:600}
.gd-out-p a,.gd-sit a,.gd-check a,.gd-rights a,.gd-form a{color:var(--accent-2);text-decoration:none;border-bottom:1px solid var(--line-warm)}
@media(hover:hover){.gd-out-p a:hover,.gd-sit a:hover,.gd-check a:hover,.gd-rights a:hover,.gd-form a:hover{border-bottom-color:currentColor}}

/* Nummererte steg */
.gd-steps{list-style:none;margin:0;padding:0;counter-reset:gd;display:flex;flex-direction:column;gap:12px}
.gd-steps > li{counter-increment:gd;display:grid;grid-template-columns:28px minmax(0,1fr);gap:4px 12px;font-size:15px;line-height:1.6;color:var(--ink2)}
.gd-steps > li::before{content:counter(gd);grid-row:1 / span 2;display:inline-flex;align-items:center;justify-content:center;
  width:26px;height:26px;border-radius:50%;border:1px solid var(--line-2);font:600 12px/1 var(--font-mono);color:var(--accent-2)}
.gd-steps > li > b{color:var(--ink);font-weight:600}
.gd-steps .m{font-size:13px;color:var(--ink3);font-variant-numeric:tabular-nums}

/* ── Situasjonskort: problem → kort svar → slik gjør du → hva loven sier ── */
.gd-sits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
@media(max-width:860px){.gd-sits{grid-template-columns:minmax(0,1fr)}}
.gd-sit{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:22px 24px;display:flex;flex-direction:column;gap:12px;min-width:0;scroll-margin-top:calc(var(--nav-h,64px) + 56px)}
.gd-sit:target{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}
.gd-sit-q{margin:0;font:500 19px/1.3 var(--font-serif);letter-spacing:-.2px;color:var(--ink);text-wrap:balance}
.gd-sit-a{margin:0;font-size:15px;line-height:1.6;color:var(--ink);text-wrap:pretty}
.gd-sit p{margin:0;font-size:14.5px;line-height:1.65;color:var(--ink2);text-wrap:pretty}
.gd-sit ul,.gd-sit ol{margin:0;padding-inline-start:20px;display:flex;flex-direction:column;gap:6px;font-size:14.5px;line-height:1.6;color:var(--ink2)}
.gd-sit-foot{margin-top:auto;padding-top:10px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12.5px;line-height:1.5;color:var(--ink3)}
.gd-sit-foot a{color:var(--ink2);border-bottom:1px solid var(--line-2)}

/* Kort svar: et ord i en ramme. Ingen farge, bare ord. */
.gd-badge{display:inline-flex;align-items:center;gap:6px;margin-inline-end:8px;padding:3px 9px;border:1px solid var(--line-2);border-radius:999px;
  font:600 11px/1.3 var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ink);vertical-align:2px;white-space:nowrap}
.gd-badge.ja{border-color:var(--accent);color:var(--accent-2)}

/* ── Rettighetslister (aksjonær): på / av ── */
.gd-rights{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
@media(max-width:760px){.gd-rights{grid-template-columns:minmax(0,1fr)}}
.gd-rights h3{margin:0 0 10px;font:600 13px/1.3 var(--font-sans);letter-spacing:.04em;color:var(--ink)}
.gd-rights ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.gd-rights li{display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:4px 10px;align-items:baseline;padding:11px 0;border-bottom:1px solid var(--line);
  font-size:14.5px;line-height:1.5;color:var(--ink);transition:color .2s var(--ease)}
.gd-rights li::before{content:'';width:12px;height:12px;border-radius:50%;box-sizing:border-box;border:1.5px solid var(--accent);background:var(--accent);transform:translateY(1px)}
.gd-rights li .p{font:500 11.5px/1.3 var(--font-mono);color:var(--ink3);white-space:nowrap}
.gd-rights li .x{grid-column:2 / -1;font-size:13px;line-height:1.5;color:var(--ink3)}
.gd-rights li.is-off{color:var(--ink3)}
.gd-rights li.is-off::before{background:transparent;border-color:var(--ink4)}
.gd-rights li.is-off .need{font:600 11px/1.3 var(--font-sans);color:var(--ink3)}
.gd-rights li .need{display:none}
.gd-rights li.is-off .need{display:inline}
.gd-rights li.is-off .p{display:none}

/* Glider med terskler (eierandel) */
.gd-own{display:grid;grid-template-columns:200px minmax(0,1fr);gap:24px 32px;align-items:center}
@media(max-width:760px){.gd-own{grid-template-columns:minmax(0,1fr)}}
.gd-own-v{display:flex;flex-direction:column;gap:4px}
.gd-own-v .n{font:500 48px/1 var(--font-serif);letter-spacing:-1px;color:var(--accent-2);font-variant-numeric:tabular-nums lining-nums}
.gd-own-v .t{font-size:13px;line-height:1.45;color:var(--ink2)}
.gd-own-in{display:flex;flex-direction:column;gap:14px;min-width:0}
.gd-range{width:100%;margin:0;accent-color:var(--accent);height:28px;cursor:pointer}
.gd-range:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.gd-scale{position:relative;height:30px;margin:0 9px}
.gd-scale span{position:absolute;top:0;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:4px;
  font:500 11px/1 var(--font-mono);color:var(--ink3);white-space:nowrap}
.gd-scale span::before{content:'';width:1px;height:8px;background:var(--ink4)}
.gd-scale span.on{color:var(--ink)}
.gd-scale span.on::before{background:var(--accent)}
.gd-own .gd-opts button{min-height:34px;padding:0 12px;font-size:13px}

/* ── Sjekkliste med avkryssing ── */
.gd-check{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.gd-check > li{border-bottom:1px solid var(--line)}
.gd-check label{display:grid;grid-template-columns:22px minmax(0,1fr);gap:4px 12px;padding:14px 0;cursor:pointer}
.gd-check input{width:18px;height:18px;margin:2px 0 0;accent-color:var(--accent);cursor:pointer}
.gd-check .t{font:500 15px/1.45 var(--font-sans);color:var(--ink)}
.gd-check .d{grid-column:2;font-size:14px;line-height:1.6;color:var(--ink2)}
.gd-check .m{grid-column:2;display:flex;flex-wrap:wrap;gap:4px 14px;font-size:12.5px;line-height:1.5;color:var(--ink3);font-variant-numeric:tabular-nums}
.gd-check input:checked ~ .t{color:var(--ink3);text-decoration:line-through;text-decoration-color:var(--ink4)}
.gd-check-sum{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 20px;font-size:14px;color:var(--ink2);font-variant-numeric:tabular-nums}
.gd-check-sum b{color:var(--ink);font-weight:600}

/* ── Formkort (selskapsformer) ── */
.gd-forms{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}
.gd-form{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:22px 24px;display:flex;flex-direction:column;gap:14px;min-width:0;
  scroll-margin-top:calc(var(--nav-h,64px) + 56px);transition:opacity .25s var(--ease),border-color .25s var(--ease)}
.gd-form:target{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}
.gd-form.is-dim{opacity:.38}
.gd-form-h{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.gd-form-h h3{margin:0;font:500 21px/1.2 var(--font-serif);letter-spacing:-.3px;color:var(--ink)}
.gd-form-h .ab{font:600 12px/1 var(--font-mono);color:var(--accent-2);letter-spacing:.04em}
.gd-form > p{margin:0;font-size:14.5px;line-height:1.6;color:var(--ink2)}
.gd-form dl{margin:0;display:flex;flex-direction:column;border-top:1px solid var(--line)}
.gd-form dl > div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px;padding:9px 0;border-bottom:1px solid var(--line)}
.gd-form dt{font:500 12.5px/1.45 var(--font-sans);color:var(--ink3)}
.gd-form dd{margin:0;font-size:14px;line-height:1.5;color:var(--ink);font-variant-numeric:tabular-nums}
.gd-form .fit{margin:0;font-size:13.5px;line-height:1.55;color:var(--ink2)}
.gd-form .fit b{color:var(--ink)}
.gd-filter-n{font-size:13px;color:var(--ink3)}

/* ── Fagdel for regnskapsfører og revisor: lukket bolk nederst ── */
.gd-pro{border:1px solid var(--line);border-radius:12px;background:var(--surface);min-width:0}
.gd-pro > summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;
  font:600 16px/1.35 var(--font-sans);color:var(--ink)}
.gd-pro > summary::-webkit-details-marker{display:none}
.gd-pro > summary .s{display:block;margin-top:4px;font:400 13.5px/1.5 var(--font-sans);color:var(--ink3)}
.gd-pro > summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.gd-pro[open] > summary{border-bottom:1px solid var(--line)}
.gd-pro-b{display:flex;flex-direction:column;gap:56px;padding:28px 24px 36px;min-width:0}
@media(max-width:560px){.gd-pro > summary{padding:16px 18px}.gd-pro-b{padding:22px 18px 28px}}

/* ── Kildelinje nederst i hver veiledning ── */
.gd-src{margin:0;padding-top:14px;border-top:1px solid var(--line);font-size:12.5px;line-height:1.6;color:var(--ink3);max-width:90ch}
.gd-src a{color:var(--ink2);text-decoration:none;border-bottom:1px solid var(--line-2)}

/* Høyre til venstre: prosentskalaen beholder retningen (dir="ltr" i HTML), resten speiles av logiske egenskaper */