/* ─────────────────────────────────────────────────────────────────────────
   ARTIKEL v2 — redaktionelt layout (pilot 21/10-2026)
   Struktur inspireret af asgerlaursen.com (kicker · kursiv lead · afsnitsmenu ·
   sektioner med streg · bokse · forfatter · relaterede). Egen kode, egne farver.
   Kun indlæst på sider med <main class="a2">.
   ───────────────────────────────────────────────────────────────────────── */
.a2{--a2-bg:#F4EEE3;--a2-surface:#FBF8F2;--a2-ink:#1C2420;--a2-muted:#5A635E;--a2-heading:#173D30;
  --a2-accent:#1F7A52;--a2-accent-soft:rgba(31,122,82,.10);--a2-line:rgba(23,61,48,.14);
  --a2-sage:#E4E8DA;--a2-sage-line:#C3CDB8;--a2-warn:#A9502A;--a2-warn-bg:#F3E3D6;--a2-warn-line:#E2BCA4;
  --a2-forest:#173D30;--a2-on-forest:#F4EEE3;--a2-wrap:760px;--a2-wide:1080px;
  --a2-serif:'Fraunces',Georgia,serif;--a2-sans:'Inter',system-ui,sans-serif;
  background:var(--a2-bg);color:var(--a2-ink)}
.a2 *{box-sizing:border-box}
.a2-wrap{max-width:var(--a2-wrap);margin:0 auto;padding:0 clamp(18px,5vw,32px)}

/* HERO */
.a2-hero{padding:clamp(40px,7vw,84px) 0 0}
.a2-kicker{font-family:var(--a2-sans);font-size:.72rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--a2-accent);display:flex;align-items:center;gap:12px;margin-bottom:18px}
.a2-kicker::before{content:"";width:28px;height:1px;background:var(--a2-accent)}
.a2-title{font-family:var(--a2-serif);font-weight:600;font-size:clamp(2.1rem,5.2vw,3.6rem);line-height:1.06;letter-spacing:-.02em;color:var(--a2-heading);margin:0 0 22px}
.a2-lead{font-family:var(--a2-serif);font-style:italic;font-size:clamp(1.15rem,2.2vw,1.42rem);line-height:1.55;color:var(--a2-ink);margin:0 0 26px}
.a2-meta{display:flex;flex-wrap:wrap;gap:8px 18px;font-family:var(--a2-sans);font-size:.82rem;color:var(--a2-muted);padding-top:16px;border-top:1px solid var(--a2-line)}
.a2-meta{align-items:center}.a2-meta__by{display:inline-flex;align-items:center;gap:10px}.a2-meta__by img{width:44px;height:44px;border-radius:50%;object-fit:cover;flex-shrink:0;border:1px solid var(--a2-line)}
.a2-meta b{color:var(--a2-heading);font-weight:600}
.a2-herofig{max-width:960px;margin:clamp(28px,4vw,44px) auto 0;padding:0 clamp(18px,5vw,32px)}
.a2-herofig img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:50% 30%;border-radius:22px}

/* AFSNITSMENU (klæber under site-headeren) */
.a2-tabs{position:sticky;top:72px;z-index:20;background:color-mix(in srgb,var(--a2-bg) 92%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--a2-line);margin-top:clamp(32px,5vw,52px)}
.a2-tabs__row{max-width:var(--a2-wide);margin:0 auto;padding:0 clamp(18px,5vw,32px);display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}
.a2-tabs__row::-webkit-scrollbar{display:none}
.a2-tabs__row a{flex:0 0 auto;font-family:var(--a2-sans);font-size:.84rem;font-weight:500;color:var(--a2-muted);text-decoration:none;padding:14px 12px;border-bottom:2px solid transparent;white-space:nowrap;transition:color .2s,border-color .2s}
.a2-tabs__row a:hover,.a2-tabs__row a.is-on{color:var(--a2-heading);border-bottom-color:var(--a2-accent)}
.a2-tabs__pick{display:none}
.a2-tabs__pick nav a{color:var(--a2-ink);text-decoration:none}
@media(max-width:720px){
  .a2-tabs__row{display:none}
  .a2-tabs__pick{display:block;padding:0 18px}
  .a2-tabs__pick summary{list-style:none;cursor:pointer;display:flex;justify-content:flex-start;align-items:center;padding:13px 0;font-family:var(--a2-sans);font-size:.88rem;color:var(--a2-heading);font-weight:600}
  .a2-tabs__pick summary::-webkit-details-marker{display:none}
  .a2-tabs__pick summary span{font-weight:400;color:var(--a2-muted);margin-left:8px}
  .a2-tabs__pick summary::after{margin-left:auto;content:"+";font-size:1.3rem;color:var(--a2-accent)}
  .a2-tabs__pick[open] summary::after{content:"–"}
  .a2-tabs__pick nav{display:flex;flex-direction:column;padding-bottom:12px}
  .a2-tabs__pick nav a{padding:9px 0;color:var(--a2-ink);text-decoration:none;font-family:var(--a2-sans);font-size:.92rem;border-top:1px solid var(--a2-line)}
}

/* BRØDTEKST */
.a2-body{padding-top:clamp(36px,5vw,56px);padding-bottom:clamp(40px,6vw,72px)}
.a2-body p,.a2-body li{font-family:var(--a2-sans);font-size:1.0625rem;line-height:1.78;color:var(--a2-ink)}
.a2-body p{margin:0 0 1.15em}
.a2-body strong{color:var(--a2-heading)}
.a2 .a2-body a:not([class]){color:var(--a2-accent);text-decoration:none;border-bottom:1px solid rgba(31,122,82,.35);transition:border-color .2s}
.a2 .a2-body a:not([class]):hover{border-bottom-color:var(--a2-accent)}
.a2-sec{scroll-margin-top:130px;padding-top:clamp(28px,4vw,44px)}
.a2-sec h2{font-family:var(--a2-serif);font-weight:600;font-size:clamp(1.6rem,3.4vw,2.25rem);line-height:1.15;letter-spacing:-.01em;color:var(--a2-heading);margin:0 0 .6em}
.a2-sec h2::before{content:"";display:block;width:34px;height:2px;background:var(--a2-accent);margin-bottom:18px}
.a2-sec h3{font-family:var(--a2-serif);font-weight:600;font-size:clamp(1.18rem,2.3vw,1.4rem);color:var(--a2-heading);margin:1.6em 0 .45em}

/* BOKSE */
.a2-box{margin:1.8em 0;padding:clamp(20px,3vw,28px) clamp(20px,3.4vw,32px);border-radius:18px;border:1px solid var(--a2-line);background:var(--a2-surface)}
.a2-box p:last-child{margin-bottom:0}
.a2-box__label{font-family:var(--a2-serif);font-weight:600;font-size:1.25rem;color:var(--a2-heading);margin-bottom:.45em}
.a2-box--sage{background:var(--a2-sage);border-color:var(--a2-sage-line)}
.a2-box--warn{background:var(--a2-warn-bg);border-color:var(--a2-warn-line)}
.a2-box--warn .a2-box__label{color:var(--a2-warn)}
.a2-box--list ul{list-style:none;margin:0;padding:0}
.a2-box--list li{position:relative;padding:.55em 0 .55em 2.1em;border-top:1px solid var(--a2-line)}
.a2-box--list li:first-child{border-top:0;padding-top:0}
.a2-box--list li:first-child::before{top:.1em}
.a2-box--list li::before{content:"";position:absolute;left:0;top:.65em;width:1.25em;height:1.25em;border-radius:50%;background:var(--a2-accent-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231F7A52' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/62% no-repeat}
.a2-quote{margin:1.9em 0;padding:0 0 0 22px;border-left:3px solid var(--a2-accent);font-family:var(--a2-serif);font-style:italic;font-size:clamp(1.25rem,2.6vw,1.6rem);line-height:1.45;color:var(--a2-heading)}

/* KORT-GITTER (≥3 underpunkter i et afsnit) */
.a2-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin:1.4em 0 1.8em}
.a2-card{background:var(--a2-surface);border:1px solid var(--a2-line);border-radius:16px;padding:20px 20px 16px}
.a2-card h3{margin:0 0 .4em !important;font-size:1.12rem !important}
.a2-card p{font-size:.97rem;line-height:1.65}
.a2-card__num{font-family:var(--a2-sans);font-size:.7rem;font-weight:600;letter-spacing:.16em;color:var(--a2-accent);display:block;margin-bottom:8px}

/* AFSLUTTENDE AFSNIT = CTA-KORT */
.a2-cta{margin-top:clamp(28px,4vw,44px);padding:clamp(26px,4vw,40px) clamp(22px,4vw,40px) !important;background:var(--a2-forest);border-radius:24px}
.a2-cta h2{color:var(--a2-on-forest)}
.a2-cta h2::before{background:#7FD8AE}
.a2-cta p{color:color-mix(in srgb,var(--a2-on-forest) 88%,transparent)}
.a2 .a2-body .a2-cta a:not([class]){color:#9BE6C1;border-bottom-color:rgba(155,230,193,.4)}
.a2-cta strong{color:var(--a2-on-forest)}
.a2-cta__btn{display:inline-flex;align-items:center;gap:10px;margin:8px 0 18px;background:#FFE03A;color:#0E0E0F;text-decoration:none;font-family:var(--a2-sans);font-weight:600;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;padding:15px 24px;border-radius:999px;transition:transform .2s}
.a2-cta__btn:hover{transform:translateY(-1px)}
.a2-cta .a2-akut{font-size:.88rem;opacity:.8}
.a2-sign{font-family:var(--a2-serif);font-style:italic;font-size:1.15rem !important}

/* FORFATTER */
.a2-author{max-width:var(--a2-wrap);margin:0 auto clamp(40px,6vw,64px);padding:0 clamp(18px,5vw,32px)}
.a2-author__in{display:flex;gap:20px;align-items:center;padding:22px;border:1px solid var(--a2-line);border-radius:20px;background:var(--a2-surface)}
.a2-author img{width:84px;height:84px;border-radius:50%;object-fit:cover;flex-shrink:0}
.a2-author__eyb{font-family:var(--a2-sans);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--a2-accent);font-weight:600}
.a2-author__name{font-family:var(--a2-serif);font-weight:600;font-size:1.25rem;color:var(--a2-heading);margin:2px 0 2px}
.a2-author__role{font-family:var(--a2-sans);font-size:.82rem;color:var(--a2-muted);margin-bottom:8px}
.a2-author p{font-family:var(--a2-sans);font-size:.95rem;line-height:1.6;margin:0;color:var(--a2-ink)}
.a2 .a2-author a:not([class]){color:var(--a2-accent);text-decoration:none;border-bottom:1px solid rgba(31,122,82,.35)}
@media(max-width:560px){.a2-author__in{flex-direction:column;align-items:flex-start}}

/* RELATEREDE */
.a2-related{max-width:var(--a2-wide);margin:0 auto;padding:0 clamp(18px,5vw,32px) clamp(56px,8vw,96px)}
.a2-related__h{font-family:var(--a2-serif);font-weight:600;font-size:clamp(1.4rem,3vw,1.9rem);color:var(--a2-heading);margin:0 0 18px}
.a2-related__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.a2-rel{display:flex;flex-direction:column;text-decoration:none;color:inherit;background:var(--a2-surface);border:1px solid var(--a2-line);border-radius:18px;overflow:hidden;transition:transform .2s,box-shadow .2s}
.a2-rel:hover{transform:translateY(-2px);box-shadow:0 14px 30px -20px rgba(23,61,48,.45)}
.a2-rel img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:50% 30%}
.a2-rel span{font-family:var(--a2-sans);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--a2-accent);font-weight:600;padding:16px 18px 0}
.a2-rel b{font-family:var(--a2-serif);font-weight:600;font-size:1.08rem;line-height:1.3;color:var(--a2-heading);padding:6px 18px 18px}

/* ── MØRK VARIANT = BRANDFARVER (22/10) ─────────────────────────────── */
.a2--dark{--a2-bg:#0E0E0F;--a2-surface:#18181B;--a2-ink:#F2EBDD;--a2-muted:rgba(242,235,221,.62);--a2-heading:#F2EBDD;
  --a2-accent:#2EE599;--a2-accent-soft:rgba(46,229,153,.14);--a2-line:rgba(242,235,221,.12);
  --a2-sage:rgba(46,229,153,.07);--a2-sage-line:rgba(46,229,153,.28);--a2-warn:#F2A07A;--a2-warn-bg:rgba(226,124,82,.10);--a2-warn-line:rgba(226,124,82,.40);
  --a2-forest:#F2EBDD;--a2-on-forest:#0E0E0F}
.a2--dark .a2-title,.a2--dark .a2-sec h2,.a2--dark .a2-sec h3,.a2--dark .a2-related__h,.a2--dark .a2-box__label,.a2--dark .a2-author__name{font-family:'Poppins','Inter',sans-serif;font-weight:700;letter-spacing:-.022em}
.a2--dark .a2-title{font-size:clamp(2.2rem,5.6vw,3.8rem);line-height:1.05}
.a2--dark .a2-hl{color:var(--a2-accent)}
.a2--dark .a2-lead{color:rgba(242,235,221,.9)}
.a2--dark .a2-body p,.a2--dark .a2-body li{color:rgba(242,235,221,.86)}
.a2--dark .a2-body strong{color:#F2EBDD}
.a2.a2--dark .a2-body a:not([class]),.a2.a2--dark .a2-author a:not([class]){color:var(--a2-accent);border-bottom-color:rgba(46,229,153,.4)}
.a2--dark .a2-box--sage .a2-box__label{color:var(--a2-accent)}
.a2--dark .a2-box--list li::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232EE599' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E")}
.a2--dark .a2-card h3{color:#F2EBDD}
.a2--dark .a2-rel b{font-family:'Poppins','Inter',sans-serif;font-weight:600;color:#F2EBDD}
/* afslutningskort = cremefarvet som CTA-slidet i reels */
.a2--dark .a2-cta h2::before{background:#1F7A52}
.a2--dark .a2-cta p,.a2--dark .a2-cta .a2-sign{color:rgba(14,14,15,.82)}
.a2.a2--dark .a2-body .a2-cta a:not([class]){color:#1F7A52;border-bottom-color:rgba(31,122,82,.4)}
.a2--dark .a2-cta strong{color:#0E0E0F}

/* ── MERE LUFT PÅ MOBIL (22/10) ─────────────────────────────────────── */
@media(max-width:720px){
  .a2-body p{margin-bottom:1.55em}
  .a2-body p,.a2-body li{line-height:1.82}
  .a2-sec{padding-top:48px}
  .a2-sec h2{margin-bottom:.75em}
  .a2-box{margin:2.3em 0}
  .a2-grid{gap:16px}
  .a2-lead{margin-bottom:30px}
}