/* Antons artikel (egn-190): topfoto, tekst med bilkort i højre side, tidslinje og 1967-tallene.
   Egen fil, så resten af sitet ikke får nyt ?v=, før ARTIKEL["live"] tændes. Farver kun fra style.css' tokens. */
.ar-head{max-width:880px}
.ar-head h1{font-size:clamp(36px,5vw,60px)}
.ar-top{margin:20px 0 8px}
.ar-top img{aspect-ratio:21/9;object-fit:cover}
.ar-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:clamp(24px,4vw,56px);align-items:start;margin-top:28px}
.ar-tekst h2{margin-top:36px}
.ar-tekst p{font-size:18px;line-height:1.65}
.ar-ifoto{margin:24px 0}
.ar-ifoto img{width:auto;max-width:100%;max-height:min(640px,80vh)}   /* et stående foto må ikke fylde to skærme */
.ar-side{position:sticky;top:96px}
.ar-bil{margin:0;padding:20px 22px;border-radius:var(--r);background:var(--bg-2);box-shadow:var(--rim);display:grid;gap:14px}
.ar-bil dt{font:500 12.5px/1.3 var(--label);letter-spacing:.16em;text-transform:uppercase;color:var(--sky-txt)}
.ar-bil dd{margin:2px 0 0;font-size:16px;line-height:1.45;color:var(--ink)}
/* tidslinjen */
.ar-tl{margin-top:var(--sec)}
.ar-tl ol{list-style:none;margin:20px 0 0;padding:0;position:relative}
.ar-tl ol::before{content:"";position:absolute;left:7px;top:6px;bottom:6px;width:2px;background:var(--rule-2)}
.ar-tl-p{position:relative;padding:0 0 28px 40px}
.ar-tl-p::before{content:"";position:absolute;left:0;top:4px;width:16px;height:16px;border-radius:50%;background:var(--pink);box-shadow:var(--glow-pink)}
.ar-tl-d{margin:0;font:500 13px/1.35 var(--label);letter-spacing:.16em;text-transform:uppercase;color:var(--sky-txt)}
.ar-tl-p h3{margin:4px 0 6px;font-size:22px}
.ar-tl-p p{max-width:62ch}
.ar-tl-foto{max-width:320px;margin-top:10px}
@media (min-width:900px){
  .ar-tl-p--foto{display:grid;grid-template-columns:minmax(0,1fr) 320px;grid-template-rows:auto auto 1fr;column-gap:32px;align-items:start}
  .ar-tl-p--foto>*{grid-column:1}
  .ar-tl-p--foto .ar-tl-foto{grid-column:2;grid-row:1/span 3;margin-top:0}
}
/* 1967-tallene */
.ar-aar{margin-top:var(--sec);padding:clamp(20px,3vw,36px);border-radius:var(--r-lg);background:var(--bg-3)}
.ar-aar>p{max-width:62ch}
.ar-tal{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0 24px}
.ar-n{display:block;font:600 clamp(30px,4vw,46px)/1.05 var(--display);color:var(--ink)}
.ar-l{display:block;margin-top:4px;font-size:15px;color:var(--ink-2)}
.ar-vis>input{position:absolute;opacity:0;pointer-events:none}
.ar-vis>label{display:inline-block;margin:0 8px 12px 0;padding:8px 16px;border-radius:var(--pill);box-shadow:var(--rim);font:500 14px/1.2 var(--label);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:var(--bg)}
.ar-vis>input:checked+label{background:var(--ink);color:var(--bg)}
.ar-vis>input:focus-visible+label{outline:2px solid var(--pink);outline-offset:2px}
.ar-pane{display:none}
#ar-v1:checked~.ar-p1,#ar-v2:checked~.ar-p2{display:block}
.ar-stak{display:flex;height:34px;border-radius:var(--r-sm);overflow:hidden;box-shadow:var(--rim)}
.ar-seg{min-width:3px;background:var(--chrome-edge)}
.ar-seg+.ar-seg{border-left:2px solid var(--bg-3)}
.ar-seg--hl{background:var(--pink)}
.ar-forkl{list-style:none;padding:0;margin:12px 0 0;display:flex;flex-wrap:wrap;gap:8px 24px;font-size:15.5px}
.ar-forkl .ar-sw{display:inline-block;width:12px;height:12px;border-radius:3px;background:var(--chrome-edge);margin-right:8px;vertical-align:-1px}
.ar-forkl .ar-hl .ar-sw{background:var(--pink)}
.ar-pct{color:var(--muted)}
@media (max-width:1000px){.ar-grid{grid-template-columns:minmax(0,1fr)}.ar-side{position:static}}
@media (max-width:640px){.ar-top img{aspect-ratio:4/3}.ar-tal{grid-template-columns:minmax(0,1fr)}.ar-tekst p{font-size:17px}}