/* trekkspill.css — FAQ-en, delt av alle sider som har en.
 *
 * Lå bare i css/side-styringsrenten.css til 15. august 2026. Gjeldsregister-
 * siden fikk derfor nakne details-elementer: nettleserens egen trekant og
 * spørsmål i lenkefarge, midt i et nettsted der alle andre trekkspill er
 * hvite kort med ramme og et pluss som roterer.
 *
 * Reglene står på NAKNE elementselektorer, ikke på en klasse. Det er ikke
 * pent, men det er en bevisst arv: FAQ-markupen skrives som <details> uten
 * klasse tre steder i repoet, og en klasse her ville krevd at alle tre ble
 * endret samtidig. Reglene rører verken posisjon eller stabling, så
 * skript/nakenselektor.mjs slipper dem gjennom.
 *
 * Verdiene er hentet ORDRETT fra styringsrentesiden. Ingenting er justert i
 * flyttingen — hensikten var å dele det som fantes, ikke å tegne det på nytt.
 */

/* ---------- faq ---------- */
details{background:#fff;border:1px solid var(--rule);border-radius:4px;margin-bottom:10px}
summary{padding:16px 20px;font-weight:700;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px;align-items:center}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";font-size:var(--tekst-lg);font-weight:600;color:var(--rust);transition:transform .25s cubic-bezier(.22,1,.36,1)}
details[open] summary::after{transform:rotate(45deg)}
details p{margin:0 20px 18px;font-size:var(--tekst-sm);color:var(--ink-2)}

/* Vekselvis bakgrunn på FAQ-en. Åpent spørsmål får alltid den mørkere,
   så det skiller seg fra de lukkede uansett hvor i rekka det står. */
details:nth-of-type(odd){background:var(--wash)}
details:nth-of-type(even){background:#fff}
details[open]{background:var(--wash)}

/* Spørsmål og svar skilles på vekt og størrelse, som ellers på siden. */
summary,details p{overflow-wrap:anywhere}
summary{width:100%;font-size:var(--tekst-base);
  font-variation-settings:"wdth" 96,"wght" 720}
details p{font-size:var(--tekst-sm);
  font-variation-settings:"wdth" 100,"wght" 400;color:var(--ink-2)}