/* heidrich-digital.de · Zusatz für Archivartikel, Sonderseiten und Werkzeuge (p_archiv.py).
   Nur Tokens aus hd.css, keine neuen Farben. Präfix ar- gegen Kollisionen. */

/* ---------- Belegstufen und Urteile ---------- */
.ar-stufe{display:inline-flex;align-items:center;gap:6px;font:500 12px/1.2 var(--f-nachweis);padding:3px 8px;border:1px solid var(--linie-stark);border-radius:2px;color:var(--tinte);background:var(--weiss);white-space:nowrap;vertical-align:baseline}
.ar-stufe::before{content:"";box-sizing:border-box;width:9px;height:9px;flex:none}
.ar-stufe--belegt::before{background:var(--kobalt)}
.ar-stufe--behauptet::before{border:1.5px solid var(--kobalt)}
.ar-stufe--spekulativ::before{border:1.5px dashed var(--graphit);border-radius:50%}
.ar-stufe--widerlegt{color:var(--rotstift);border-color:currentColor}
.ar-stufe--widerlegt::before{background:linear-gradient(45deg,transparent 40%,currentColor 40% 60%,transparent 60%),linear-gradient(-45deg,transparent 40%,currentColor 40% 60%,transparent 60%)}
.ar-urteil{display:inline-block;font:700 12px/1 var(--f-marke);letter-spacing:.12em;text-transform:uppercase;color:var(--kobalt);border:1.5px solid var(--kobalt);padding:7px 9px;text-decoration:none;white-space:nowrap}
a.ar-urteil:hover{background:var(--blaupause);color:var(--kobalt-tief)}

.ar-skala{margin:0;border-top:2px solid var(--tinte)}
.ar-skala > div{display:grid;grid-template-columns:minmax(0,13rem) minmax(0,1fr);gap:var(--r3);padding-block:var(--r2);border-bottom:1px solid var(--linie);align-items:baseline}
.ar-skala dt{font:600 var(--t-klein)/1.35 var(--f-marke)}
.ar-skala dd{margin:0;font:400 1.0625rem/1.55 var(--f-lese);max-width:62ch}

/* ---------- Archivartikel ---------- */
.ar-behauptung{background:var(--weiss);border:1px solid var(--linie);border-left:3px solid var(--rotstift);padding:var(--r2) var(--r3);display:flex;flex-direction:column;gap:10px}
.ar-behauptung blockquote{margin:0;font:400 var(--t-anriss)/1.45 var(--f-lese);color:var(--tinte)}
.ar-behauptung s{text-decoration-color:var(--rotstift);text-decoration-thickness:2px}
.ar-satz{font:400 1rem/1.55 var(--f-lese);margin-top:8px}
.kurzbox.stapel .ar-satz{margin-top:0}
.lese .ar-abhaken{list-style:none;padding-left:0}
.ar-kasten > * + *{margin-top:12px}
.ar-kasten .muster{white-space:pre}
.lese .tabelle-wrap th[scope="row"]{background:var(--papier)}
.ar-zitierfaehig blockquote{margin:0;border-left:3px solid var(--kobalt);padding-left:var(--r3);font:400 var(--t-anriss)/1.5 var(--f-lese);color:var(--tinte)}
.ar-quellen{list-style:decimal;margin:0;padding-left:1.6em;display:grid;gap:14px}
.ar-quellen li{padding-left:4px}
.ar-qtitel{color:var(--tinte)}
.ar-notiz{color:var(--graphit)}
.ar-entstehung{font:400 1rem/1.6 var(--f-lese);color:var(--graphit);max-width:66ch}
.ar-weiter{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.ar-weiter a{font:600 1.0625rem/1.35 var(--f-marke);color:var(--tinte);text-decoration:none}
.ar-weiter a:hover{color:var(--kobalt);text-decoration:underline}
.ar-weiter .nachweis{display:block;margin-top:2px}

/* ---------- Sonderseiten ---------- */
.ar-leitsatz{font:600 var(--t-h3)/1.3 var(--f-marke);max-width:40ch;border-left:3px solid var(--kobalt);padding-left:var(--r2);color:var(--tinte)}
.ar-korrekturen{list-style:none;margin:0;padding:0;display:grid;gap:var(--r5)}
.ar-korrekturen > li{display:flex;flex-direction:column;gap:12px}
.ar-register-wrap{border:1px solid var(--linie);background:var(--weiss)}
.ar-register{width:100%;border-collapse:collapse;table-layout:fixed}
.ar-register col{width:auto}
.ar-register thead th:nth-child(1){width:22%}.ar-register thead th:nth-child(2){width:33%}.ar-register thead th:nth-child(3){width:14%}.ar-register thead th:nth-child(4){width:21%}.ar-register thead th:nth-child(5){width:10%}
.ar-register tbody th{font:600 1rem/1.4 var(--f-marke);color:var(--tinte);background:transparent;letter-spacing:0}
.ar-register tbody th s{text-decoration-color:var(--rotstift);text-decoration-thickness:2px}
.ar-register td{font:400 .9375rem/1.5 var(--f-lese);overflow-wrap:anywhere}
.ar-register .ar-klein{font:400 var(--t-nachweis)/1.5 var(--f-nachweis);color:var(--graphit)}
.ar-register .ar-stufe{margin-top:6px}
.ar-mehr{font:500 var(--t-klein)/1.4 var(--f-marke);white-space:nowrap}

/* ---------- Werkzeuge ---------- */
.ar-werkzeug{display:grid;gap:var(--r3)}
.ar-frage{border:1px solid var(--linie);background:var(--weiss);padding:var(--r3);margin:0;min-width:0}
.ar-frage[hidden]{display:none}
.ar-frage legend{float:left;width:100%;padding:0;font:600 1.125rem/1.4 var(--f-marke);color:var(--tinte)}
.ar-frage legend .label{display:block;margin-bottom:8px}
.ar-frage.ar-fehlt{border-color:var(--rotstift);box-shadow:inset 3px 0 0 var(--rotstift)}
.ar-hilfe{clear:both;padding-top:10px;font:400 .9375rem/1.5 var(--f-lese);color:var(--graphit)}
.ar-wahl{clear:both;display:grid;gap:8px;padding-top:var(--r2)}
.ar-wahl--zwei{grid-template-columns:repeat(2,minmax(0,1fr))}
.ar-wahl label{display:flex;align-items:center;gap:12px;min-height:48px;padding:10px 14px;border:1px solid var(--linie-stark);border-radius:var(--radius-feld);background:var(--papier);cursor:pointer;font:500 1rem/1.35 var(--f-marke);color:var(--tinte)}
.ar-wahl label:hover{border-color:var(--kobalt)}
.ar-wahl label:has(input:checked){border-color:var(--kobalt);background:var(--blaupause)}
.ar-wahl input{accent-color:var(--kobalt);width:18px;height:18px;flex:none;margin:0}
.ar-wahl input:focus-visible{outline:3px solid var(--kobalt);outline-offset:2px}
.ar-ergebnis{background:var(--weiss);border:1px solid var(--linie);border-top:3px solid var(--kobalt);padding:var(--r4);display:grid;gap:var(--r3);min-width:0}
.ar-ergebnis[hidden]{display:none}
.ar-ergebnis:focus,.ar-ergebnis h2:focus{outline:none}
.ar-ergebnis h2{font:700 var(--t-h3)/1.25 var(--f-marke)}
.ar-ergebnis > p{font:400 1rem/1.55 var(--f-lese)}
.ar-befund{display:grid;grid-template-columns:minmax(0,8rem) minmax(0,1fr);gap:var(--r2);padding-top:var(--r2);border-top:1px solid var(--linie)}
.ar-befund > div{display:flex;flex-direction:column;gap:6px;min-width:0}
.ar-befund h3{font:600 1.0625rem/1.35 var(--f-marke)}
.ar-befund p{font:400 1rem/1.55 var(--f-lese);overflow-wrap:anywhere}
.ar-marke{align-self:start;justify-self:start;font:600 12px/1.2 var(--f-nachweis);letter-spacing:.06em;text-transform:uppercase;padding:5px 8px;border:1.5px solid currentColor;white-space:nowrap}
.ar-marke--gut{color:var(--kobalt)}
.ar-marke--info{color:var(--graphit)}
.ar-marke--pruefen{color:var(--rotstift)}
.ar-tipps{margin:0;padding-left:1.4em;display:grid;gap:var(--r2)}
.ar-tipps h3{font:600 1.0625rem/1.35 var(--f-marke)}
.ar-tipps p{font:400 1rem/1.55 var(--f-lese);color:var(--graphit);margin-top:4px}
.ar-knopf-rand{display:inline-flex;align-items:center;min-height:48px;padding:0 20px;border:1px solid var(--kobalt);border-radius:var(--radius-knopf);background:var(--weiss);color:var(--kobalt-tief);font:600 1rem/1 var(--f-marke);cursor:pointer}
.ar-knopf-rand:hover{background:var(--blaupause)}

@media (max-width: 920px){
  .ar-register thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .ar-register,.ar-register tbody,.ar-register tr,.ar-register th,.ar-register td{display:block;width:auto}
  .ar-register tr{padding:var(--r2) var(--r3);border-bottom:2px solid var(--linie-stark)}
  .ar-register th,.ar-register td{border:0;padding:6px 0}
  .ar-register [data-l]::before{content:attr(data-l);display:block;font:700 var(--t-label)/1.3 var(--f-marke);letter-spacing:.14em;text-transform:uppercase;color:var(--kobalt);margin-bottom:4px}
}
@media (max-width: 680px){
  .ar-skala > div{grid-template-columns:minmax(0,1fr);gap:8px}
  .ar-befund{grid-template-columns:minmax(0,1fr);gap:8px}
  .ar-ergebnis{padding:var(--r3)}
  .ar-frage{padding:var(--r2)}
}
@media print{
  .kopf,.fuss,.kontaktband,.krume,.ar-werkzeug,.sprung{display:none!important}
  .ar-ergebnis{border:0;padding:0}
}