/* FAKTIVE artikeloversigten 2026 (viden/nyheder.html).
   Bygges af .arbejde/undersider/byg-nyheder.py; bygger oven på assets/regelsaet-2026.css (farver, skrift, toppen)
   og hører sammen med assets/nyheder-2026.js (filtrene).

   Fladerne: toppen (creme) · listen med filtre (lys) · kontakt og footer (aubergine).
   Én artikel pr. række på hårlinjer, som kravkortenes register. Filtrene er tekstknapper; det valgte får en
   kobberstreg under sig, som menuens aktive punkt. Ingen piller, ingen kort. */

.ny-top .rg-top-tekst > p{max-width:640px}
.ny-top .rg-sti{color:var(--rg-daemp) !important}
.ny-indhold{background:var(--rg-lys);padding-top:clamp(56px,6vw,88px)}

/* ---------- filtrene ---------- */
.ny-filtre{margin-bottom:clamp(36px,4vw,52px)}
.ny-linje{display:flex;align-items:flex-end;justify-content:space-between;gap:24px 48px;flex-wrap:wrap;margin-bottom:28px}
.ny-soeg{flex:1 1 320px;max-width:560px;display:flex;align-items:center;gap:12px;padding:0 0 10px;border-bottom:1px solid rgba(60,42,68,.35);
  transition:border-color .25s ease}
.ny-soeg:focus-within{border-color:var(--rg-aub)}
.ny-soeg svg{flex:none;width:20px;height:20px;fill:none;stroke:var(--rg-daemp);stroke-width:1.6;stroke-linecap:round}
.ny-soeg input{flex:1;min-width:0;border:0;background:none;outline:0;padding:0;font-family:var(--font-display);font-stretch:125%;
  font-size:20px;line-height:1.3;color:var(--rg-aub)}
.ny-soeg input::placeholder{color:var(--rg-daemp);opacity:.8}
.ny-soeg input::-webkit-search-cancel-button{cursor:pointer}
.ny-sorter{display:flex;align-items:baseline;gap:10px;font-size:14px;color:var(--rg-daemp)}
.ny-sorter select{border:0;background:none;padding:2px 0;font:inherit;font-size:15px;font-weight:500;color:var(--rg-aub);cursor:pointer;
  border-bottom:1px solid rgba(60,42,68,.3);border-radius:0}
.ny-gruppe{display:grid;grid-template-columns:110px minmax(0,1fr);gap:8px clamp(20px,3vw,40px);align-items:start;padding:8px 0}
.ny-gruppe .ny-lab{padding-top:12px}
.ny-lab{font-family:var(--font-display);font-stretch:125%;font-weight:500;font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--rg-kobber-tekst)}
.ny-knapper{display:flex;flex-wrap:wrap;gap:8px}
/* hver værdi er en knap med tynd ramme og let afrundede hjørner (som menuens knap, ikke en pille);
   musen over: rammen bliver mørk; valgt: udfyldt aubergine med et lille flueben */
.ny-filter{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(60,42,68,.22);border-radius:8px;background:#fff;
  padding:8px 14px;font-family:var(--font-text);font-size:15px;line-height:1.2;color:var(--rg-aub);cursor:pointer;
  transition:border-color .2s ease,background-color .2s ease,color .2s ease,box-shadow .2s ease}
.ny-filter:hover{border-color:var(--rg-aub);box-shadow:0 2px 10px -6px rgba(42,27,48,.5)}
.ny-filter:active{transform:translateY(1px)}
.ny-filter::before{content:"";display:none;width:10px;height:6px;margin:-3px 0 0;border:solid currentColor;border-width:0 0 1.6px 1.6px;transform:rotate(-45deg)}
.ny-filter[aria-pressed="true"]{background:var(--rg-aub);border-color:var(--rg-aub);color:#fff}
.ny-filter[aria-pressed="true"]::before{display:block}
.ny-filter[aria-pressed="true"] .ny-n{color:var(--rg-sand)}
.ny-filter:focus-visible,.ny-nulstil:focus-visible,.ny-sorter select:focus-visible{outline:2px solid var(--rg-kobber);outline-offset:3px}
.ny-n{font-size:12.5px;font-weight:400;color:var(--rg-daemp)}
.ny-filter.ny-nul{color:rgba(92,79,72,.45);border-color:rgba(60,42,68,.1);background:none;box-shadow:none}
.ny-filter.ny-nul .ny-n{opacity:.6}
.ny-hjaelp{margin:0 0 6px;font-size:13.5px;color:var(--rg-daemp)}

/* ---------- antal og listen ---------- */
.ny-status{display:flex;align-items:baseline;justify-content:space-between;gap:24px;padding-bottom:14px;border-bottom:1px solid var(--rg-aub)}
.ny-status p{margin:0;font-size:14px;color:var(--rg-daemp)}
.ny-status b{font-weight:600;color:var(--rg-aub)}
.ny-nulstil{border:0;background:none;padding:0;font:inherit;font-size:14px;color:var(--rg-aub);cursor:pointer;
  text-decoration:underline;text-decoration-color:rgba(60,42,68,.35);text-underline-offset:3px}
.ny-nulstil:hover{text-decoration-color:var(--rg-kobber)}
.ny-liste{list-style:none;margin:0;padding:0}
.ny-liste li{border-bottom:1px solid var(--rg-streg)}
.ny-raekke{display:grid;grid-template-columns:110px minmax(0,1fr) minmax(0,190px) 20px;gap:6px clamp(20px,3vw,40px);align-items:baseline;
  padding:26px 0 27px;color:inherit;text-decoration:none}
.ny-raekke::after{content:"→";color:var(--rg-kobber);opacity:0;transform:translateX(-6px);transition:opacity .25s ease,transform .35s var(--rg-ud)}
.ny-raekke:hover::after,.ny-raekke:focus-visible::after{opacity:1;transform:none}
.ny-raekke:focus-visible{outline:2px solid var(--rg-kobber);outline-offset:4px;border-radius:4px}
.ny-dato{font-size:14px;color:var(--rg-daemp)}
.ny-hoved{display:block;max-width:720px}
.ny-titel{display:inline;font-family:var(--font-display);font-stretch:125%;font-weight:500;font-size:clamp(20px,1.7vw,24px);line-height:1.22;
  letter-spacing:-.01em;color:var(--rg-aub);background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;
  transition:background-size .5s var(--rg-ud)}
.ny-raekke:hover .ny-titel{background-size:100% 1px}
.ny-tekst{display:block;margin-top:10px;font-size:16px;line-height:1.6;font-weight:300;color:var(--rg-tekst);text-wrap:pretty}
.ny-meta{display:flex;flex-direction:column;gap:4px;font-size:13.5px;line-height:1.45;color:var(--rg-daemp)}
.ny-meta span:first-child{color:var(--rg-kobber-tekst);font-weight:500}
.ny-liste mark{background:rgba(228,87,36,.16);color:inherit;border-radius:2px;padding:0 1px}
.ny-tom{margin:32px 0 0;font-size:17px;color:var(--rg-tekst)}

/* rækkerne toner frem første gang (ikke når der filtreres) */
.rg-js .ny-liste li{opacity:0;transform:translateY(12px);transition:opacity .7s ease,transform .9s var(--rg-ud)}
.rg-js .ny-liste li.is-inde{opacity:1;transform:none}

@media (max-width:900px){
  .ny-raekke{grid-template-columns:minmax(0,1fr);gap:8px;padding:22px 0}
  .ny-raekke::after{display:none}
  .ny-meta{flex-direction:row;flex-wrap:wrap;gap:4px 14px}
  .ny-gruppe{grid-template-columns:1fr;gap:8px}
  .ny-gruppe .ny-lab{padding-top:6px}
}
@media (prefers-reduced-motion:reduce){
  .rg-js .ny-liste li{opacity:1;transform:none;transition:none}
}