/* Peau « archiv-tresen » für Aachener Blatt, Präfix at-.
   Regel: Messing färbt nur Marker, Coten, Buttons und Pastillen, nie ganzen Absatz. */
@font-face{
  font-family:"Vollkorn";
  src:url("/vollkorn-v13-latin-700.woff2") format("woff2");
  font-weight:700;font-style:normal;font-display:swap;
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+2074,U+20AC;
}
@font-face{
  font-family:"Open Sans";
  src:url("/open-sans-latin-regular.woff2") format("woff2");
  font-weight:400;font-style:normal;font-display:swap;
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+2074,U+20AC;
}
@font-face{
  font-family:"Open Sans";
  src:url("/open-sans-latin-700.woff2") format("woff2");
  font-weight:700;font-style:normal;font-display:swap;
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+2074,U+20AC;
}

:root{
  --at-papier:#efe8dc;
  --at-fiche:#ffffff;
  --at-fiche-2:#f7f2e7;
  --at-encre:#1c1a16;
  --at-encre-doux:#5a5348;
  --at-filet:#cdc1ac;
  --at-laiton:#b58324;
  --at-laiton-fonce:#7d5a15;
  --at-cuir:#3a2f22;
  --at-cuir-encre:#f3ead9;
  --at-vert:#3f5f47;
  --at-bleu:#39598a;
  --at-lilas:#7a4a6b;
  --at-focus:#1f5fa8;
  --at-ombre-1:0 6px 18px rgba(58,47,34,.10);
  --at-ombre-2:0 12px 28px rgba(122,74,107,.18);
  --at-ombre-3:0 10px 24px rgba(63,95,71,.18);
  --at-ombre-4:0 8px 20px rgba(185,131,36,.22);
  --at-r-1:14px;
  --at-r-2:18px;
  --at-r-3:12px;
  --at-r-4:16px;
  --at-r-5:20px;
  --at-ratio-tuile:4/3;
  --at-ratio-fiche:3/4;
  --at-ratio-grande:16/9;
  --at-mesure:68ch;
  --at-large:76rem;
  --at-gouttiere:clamp(1rem,1.6vw,1.75rem);
  --titre-police:"Vollkorn",Georgia,"Times New Roman",serif;
  --texte-police:"Open Sans","Segoe UI",system-ui,-apple-system,sans-serif;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  background:var(--at-papier);
  color:var(--at-encre);
  font-family:var(--texte-police);
  font-size:clamp(1rem,.96rem+.25vw,1.1rem);
  line-height:1.65;
  text-rendering:optimizeLegibility;
}
img,svg{display:block;max-width:100%;height:auto}
a{color:var(--at-laiton-fonce);text-decoration:none}
a:hover{text-decoration:underline}
a:focus-visible,button:focus-visible{outline:3px solid var(--at-focus);outline-offset:3px;border-radius:6px}
h1,h2,h3,h4{font-family:var(--titre-police);font-weight:700;line-height:1.14;letter-spacing:-.01em;color:var(--at-encre);margin:0 0 .5rem}
h1{font-size:clamp(2.1rem,1.4rem+3.2vw,3.6rem);text-shadow:0 1px 0 rgba(255,255,255,.35),0 2px 18px rgba(58,47,34,.10)}
h2{font-size:clamp(1.5rem,1.1rem+1.4vw,2.1rem)}
h3{font-size:clamp(1.1rem,1rem+.5vw,1.35rem)}
p{margin:0 0 .9rem}

.at-raccourci{position:absolute;left:-9999px;top:0;background:var(--at-laiton);color:#fff;padding:.6rem 1rem;border-radius:0 0 10px 0;z-index:100}
.at-raccourci:focus{left:0}
.at-large{width:min(100% - 2*var(--at-gouttiere),var(--at-large));margin-inline:auto;min-width:0}

/* --- Guichet --- */
.at-guichet{position:relative;background:var(--at-papier);border-bottom:1px solid var(--at-filet)}
.at-ruban{height:6px;background:linear-gradient(90deg,var(--at-laiton) 0 33%,var(--at-vert) 33% 66%,var(--at-bleu) 66% 100%)}
.at-guichet__interieur{display:flex;flex-wrap:wrap;align-items:baseline;gap:.4rem 1.25rem;padding:1.1rem 0 .4rem}
.at-marque{display:inline-flex;align-items:center;gap:.65rem;color:var(--at-encre);font-family:var(--titre-police);font-weight:700;font-size:clamp(1.4rem,1.1rem+1.4vw,2rem);letter-spacing:-.01em}
.at-marque:hover{text-decoration:none}
.at-marque__embleme{width:36px;height:36px;color:var(--at-laiton);flex:0 0 auto;border-radius:10px;box-shadow:var(--at-ombre-4)}
.at-devise{font-size:.95rem;color:var(--at-encre-doux);margin:0 0 0 auto;font-style:italic}
.at-parcours{background:var(--at-cuir);color:var(--at-cuir-encre)}
.at-parcours__interieur{padding:0}
.at-parcours__liste{display:flex;flex-wrap:wrap;gap:.15rem 0;list-style:none;margin:0;padding:.35rem 0}
.at-parcours__lien{display:inline-block;color:var(--at-cuir-encre);padding:.55rem .9rem;border-radius:10px;font-weight:600;font-size:.95rem}
.at-parcours__lien:hover{background:rgba(243,234,217,.12);text-decoration:none}
.at-parcours__lien[aria-current="page"]{background:var(--at-laiton);color:#fff}

/* --- Ouverture --- */
.at-ouverture{
  background:radial-gradient(circle at 12% 20%,rgba(185,131,36,.16),transparent 55%),
             linear-gradient(180deg,var(--at-fiche-2),var(--at-papier));
  border-radius:var(--at-r-5);
  margin:1.25rem auto 1.5rem;
  padding:clamp(1.5rem,3vw,3rem) clamp(1.25rem,3vw,2.75rem);
  box-shadow:var(--at-ombre-1);
  border:1px solid var(--at-filet);
}
.at-ouverture--rubrique{
  background:radial-gradient(circle at 88% 10%,rgba(57,89,138,.14),transparent 55%),
             linear-gradient(180deg,var(--at-fiche-2),var(--at-papier));
}
.at-ouverture__texte{max-width:var(--at-mesure)}
.at-ouverture__kicker{font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--at-laiton-fonce);font-weight:700;margin-bottom:.8rem}
.at-ouverture__intro{font-size:clamp(1.05rem,1rem+.35vw,1.2rem);color:var(--at-encre-doux)}
.at-ouverture__repere{margin:0;font-size:.85rem;color:var(--at-encre-doux)}
.at-ouverture__repere span{font-family:var(--titre-police);font-weight:700;color:var(--at-encre)}

/* --- Affiche / hero --- */
.at-affiche{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);
  gap:0;
  margin:0 auto 1.75rem;
  background:var(--at-fiche);
  border-radius:var(--at-r-2);
  overflow:hidden;
  box-shadow:var(--at-ombre-2);
  border:1px solid var(--at-filet);
}
.at-affiche__image{position:relative;margin:0;min-width:0}
.at-affiche__image img{width:100%;aspect-ratio:var(--at-ratio-grande);object-fit:cover;border-radius:0}
.at-affiche__legende{position:absolute;left:0;right:0;bottom:0;padding:.6rem 1rem;background:linear-gradient(0deg,rgba(28,26,22,.85),rgba(28,26,22,0));color:#f6efe0;font-size:.82rem;margin:0;text-shadow:0 1px 3px rgba(0,0,0,.55)}
.at-affiche__texte{padding:clamp(1.1rem,2.2vw,2rem);display:flex;flex-direction:column;align-items:flex-start;min-width:0;background:linear-gradient(180deg,var(--at-fiche),var(--at-fiche-2))}
.at-affiche__kicker{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin:0 0 .6rem}
.at-affiche__titre{font-size:clamp(1.6rem,1.2rem+1.6vw,2.5rem);margin-bottom:.7rem;text-shadow:0 1px 0 rgba(255,255,255,.5)}
.at-affiche__titre a{color:var(--at-encre)}
.at-affiche__accroche{color:var(--at-encre-doux);margin-bottom:auto}
.at-affiche__date{margin:.9rem 0 0;font-size:.85rem;color:var(--at-encre-doux)}

/* --- Cote / etiquette --- */
.at-cote{display:inline-block;font-family:var(--titre-police);font-weight:700;color:var(--at-laiton);background:rgba(185,131,36,.12);padding:.15rem .5rem;border-radius:8px;font-size:.8rem;letter-spacing:.04em}
.at-etiquette{display:inline-block;font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--at-vert);padding:.15rem 0;border-bottom:1px dashed rgba(63,95,71,.5)}
.at-etiquette:hover{text-decoration:none;color:var(--at-bleu)}

/* --- Bandes et têtes --- */
.at-bande{margin:0 auto 2rem}
.at-bande__tete{display:flex;flex-wrap:wrap;align-items:baseline;gap:.75rem;border-bottom:2px solid var(--at-encre);padding-bottom:.5rem;margin-bottom:1.25rem}
.at-bande__tete h2{margin:0}
.at-bande__tete a{color:var(--at-encre)}
.at-bande__phrase{color:var(--at-encre-doux);margin:0;font-style:italic}
.at-bande__decompte{margin-left:auto;font-family:var(--titre-police);font-weight:700;color:var(--at-laiton)}

/* --- Grille vive --- */
.at-grille-vive{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:1.25rem;min-width:0}

/* --- Fiche --- */
.at-fiche{
  display:flex;flex-direction:column;min-width:0;
  background:var(--at-fiche);border:1px solid var(--at-filet);
  border-radius:var(--at-r-1);overflow:hidden;
  box-shadow:var(--at-ombre-1);
  transition:box-shadow .2s ease,transform .2s ease;
}
.at-fiche:hover{box-shadow:var(--at-ombre-3);transform:translateY(-2px)}
.at-fiche__image{margin:0;min-width:0}
.at-img--tuile img,.at-img--tuile{width:100%;aspect-ratio:var(--at-ratio-tuile);object-fit:cover}
.at-img--gross img{width:100%;aspect-ratio:var(--at-ratio-grande);object-fit:cover}
.at-img--ligne img{width:100%;height:100%;aspect-ratio:1/1;object-fit:cover}
.at-img--pouce img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:var(--at-r-3)}
.at-fiche__corps{padding:1rem 1.1rem 1.2rem;display:flex;flex-direction:column;min-width:0}
.at-fiche__meta{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin:0 0 .55rem}
.at-fiche__titre{margin:0 0 .5rem;text-shadow:0 1px 0 rgba(255,255,255,.55)}
.at-fiche__titre a{color:var(--at-encre)}
.at-fiche__titre a:hover{color:var(--at-laiton-fonce);text-decoration:none}
.at-fiche__accroche{color:var(--at-encre-doux);font-size:.95rem;margin-bottom:.6rem}
.at-fiche__date{font-size:.82rem;color:var(--at-encre-doux);margin:0}

/* --- Liste compacte --- */
.at-liste-compacte{list-style:none;margin:1.5rem 0 0;padding:0;display:grid;gap:.9rem}
.at-liste-compacte__item{display:grid;grid-template-columns:96px minmax(0,1fr);gap:1rem;align-items:center;background:var(--at-fiche);border:1px solid var(--at-filet);border-radius:var(--at-r-4);padding:.6rem .9rem .6rem .6rem;box-shadow:var(--at-ombre-1);min-width:0}
.at-liste-compacte__image{margin:0;min-width:0}
.at-liste-compacte__texte{min-width:0}
.at-liste-compacte__meta{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;font-size:.78rem;color:var(--at-encre-doux);margin:0 0 .35rem}
.at-liste-compacte__texte h3{margin:0;font-size:1.05rem}
.at-liste-compacte__texte h3 a{color:var(--at-encre)}

/* --- Repertoire / tiroirs --- */
.at-repertoire{background:linear-gradient(180deg,rgba(185,131,36,.10),rgba(185,131,36,0));border-radius:var(--at-r-5);padding:1.25rem clamp(1rem,2vw,2rem);border:1px solid var(--at-filet)}
.at-tiroirs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:1rem}
.at-tiroir{
  position:relative;background:var(--at-fiche);border:1px solid var(--at-filet);
  border-radius:var(--at-r-2);padding:1.6rem 1.2rem 1.2rem;
  box-shadow:var(--at-ombre-1);
}
.at-tiroir__cote{
  position:absolute;top:-.7rem;right:-.7rem;
  font-family:var(--titre-police);font-weight:700;font-size:1.6rem;line-height:1;
  color:#fff;background:var(--at-laiton);padding:.25rem .55rem;border-radius:10px;
  box-shadow:var(--at-ombre-4);
}
.at-tiroir__titre a{color:var(--at-encre)}
.at-tiroir__intro{color:var(--at-encre-doux);font-size:.95rem}
.at-tiroir__renvoi{margin:0;font-size:.85rem;font-weight:600}

/* --- Registre / lignes --- */
.at-registre{display:grid;gap:.85rem}
.at-ligne{display:grid;grid-template-columns:120px minmax(0,1fr);gap:1rem;align-items:start;background:var(--at-fiche);border:1px solid var(--at-filet);border-radius:var(--at-r-4);padding:.75rem .9rem .75rem .75rem;box-shadow:var(--at-ombre-1);min-width:0}
.at-ligne__image{margin:0;min-width:0}
.at-ligne__texte{min-width:0}
.at-ligne__texte h3{margin:0 0 .35rem}
.at-ligne__texte h3 a{color:var(--at-encre)}
.at-ligne__accroche{color:var(--at-encre-doux);font-size:.92rem;margin-bottom:.4rem}
.at-ligne__date{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;font-size:.8rem;color:var(--at-encre-doux);margin:0}

/* --- Onglets --- */
.at-onglets{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 auto 1.5rem}
.at-onglet{display:inline-block;padding:.5rem .95rem;border:1px solid var(--at-filet);border-radius:999px;font-weight:600;color:var(--at-encre);background:var(--at-fiche);min-width:0}
.at-onglet:hover{background:var(--at-fiche-2);text-decoration:none}
.at-onglet--courant{background:var(--at-cuir);color:var(--at-cuir-encre);border-color:var(--at-cuir)}

/* --- Fil --- */
.at-fil{margin:.5rem 0 1rem}
.at-fil ol{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem;margin:0;padding:0;font-size:.85rem;color:var(--at-encre-doux)}
.at-fil li+li::before{content:"›";margin-right:.5rem;color:var(--at-laiton)}
.at-fil a{color:var(--at-encre-doux)}

/* --- Grande fiche / article --- */
.at-grande-fiche{margin:0 auto 2rem}
.at-entete{max-width:var(--at-large);margin:0 auto 1.5rem;padding:0}
.at-entete__meta{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin:0 0 .7rem}
.at-entete__chapeau{font-size:clamp(1.05rem,1rem+.4vw,1.25rem);color:var(--at-encre-doux);max-width:var(--at-mesure);margin-bottom:.6rem}
.at-entete__date{font-size:.85rem;color:var(--at-encre-doux);margin-bottom:1rem}

/* --- Bordereau (signature dl) --- */
.at-bordereau{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));
  gap:0;background:var(--at-cuir);color:var(--at-cuir-encre);
  border-radius:var(--at-r-2);overflow:hidden;margin:0;box-shadow:var(--at-ombre-1);
  border:1px solid var(--at-cuir);
}
.at-bordereau>div{padding:1rem 1.2rem;border-right:1px solid rgba(243,234,217,.15);min-width:0}
.at-bordereau>div:last-child{border-right:0}
.at-bordereau dt{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--at-laiton);font-weight:700;margin-bottom:.35rem}
.at-bordereau dd{margin:0;font-size:.92rem;color:var(--at-cuir-encre)}

/* --- Planche --- */
.at-planche{margin:0 auto 2rem;max-width:var(--at-large)}
.at-planche img{width:100%;aspect-ratio:var(--at-ratio-grande);object-fit:cover;border-radius:var(--at-r-1);box-shadow:var(--at-ombre-2)}
.at-planche__legende{margin-top:.5rem;font-size:.82rem;color:var(--at-encre-doux);font-style:italic}

/* --- Corps article --- */
.at-corps-grille{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,17rem);gap:2rem;align-items:start}
.at-corps{max-width:var(--at-mesure);min-width:0}
.at-corps>*+*{margin-top:1rem}
.at-corps h2{margin-top:2rem;padding-bottom:.35rem;border-bottom:1px dashed rgba(185,131,36,.5)}
.at-corps h3{margin-top:1.5rem}
.at-corps p:first-of-type::first-letter{
  font-family:var(--titre-police);font-weight:700;float:left;font-size:3.4rem;line-height:.9;
  padding:.1rem .55rem .1rem 0;color:var(--at-laiton);
}
.at-corps a{text-decoration:underline;text-decoration-color:rgba(185,131,36,.5)}
.at-corps blockquote{margin:1.5rem 0;padding:.9rem 1.2rem;border-left:4px solid var(--at-laiton);background:var(--at-fiche-2);border-radius:0 var(--at-r-3) var(--at-r-3) 0;color:var(--at-encre-doux)}
.at-corps table{border-collapse:collapse;width:100%;min-width:32rem}
.at-corps img,.at-corps figure img{border-radius:var(--at-r-1)}
.at-corps figure{margin:1.5rem 0}
.at-corps .at-tableau-defile{overflow-x:auto;border-radius:var(--at-r-1);border:1px solid var(--at-filet);box-shadow:var(--at-ombre-1)}

/* --- Rail --- */
.at-rail{display:grid;gap:1rem;min-width:0;position:sticky;top:1rem;align-self:start}
.at-rail__bloc{background:var(--at-fiche);border:1px solid var(--at-filet);border-radius:var(--at-r-2);padding:1rem 1.1rem;box-shadow:var(--at-ombre-1)}
.at-rail__bloc h2{font-size:1rem;letter-spacing:.06em;text-transform:uppercase;font-family:var(--texte-police);color:var(--at-laiton-fonce);margin-bottom:.6rem}
.at-rail__liste{list-style:none;margin:0;padding:0;display:grid;gap:.4rem;font-size:.92rem}
.at-rail__liste a{color:var(--at-encre)}
.at-rail__liste a:hover{color:var(--at-laiton-fonce)}

/* --- Voisinage --- */
.at-voisinage{margin-top:2.5rem}

/* --- Réseau --- */
.at-reseau{background:var(--at-vert);color:#f4efe2;border-radius:var(--at-r-5);padding:1.5rem clamp(1rem,2.5vw,2.5rem);box-shadow:var(--at-ombre-3)}
.at-reseau .at-bande__tete{border-bottom-color:rgba(244,239,226,.4)}
.at-reseau .at-bande__tete h2{color:#f4efe2}
.at-reseau .at-bande__phrase{color:rgba(244,239,226,.85)}
.at-reseau__liste{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:.75rem;font-size:.9rem}
.at-reseau__item{background:rgba(255,255,255,.08);border-radius:var(--at-r-3);padding:.75rem .9rem;border:1px solid rgba(255,255,255,.14)}
.at-reseau a{color:#f8d993;text-decoration:underline}

/* --- Pied --- */
.at-pied{margin-top:2.5rem;background:var(--at-cuir);color:var(--at-cuir-encre);border-top:4px solid var(--at-laiton)}
.at-pied__grille{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:1.5rem;padding:2rem 0 1rem}
.at-pied__colonne{min-width:0}
.at-pied__colonne h2{color:var(--at-cuir-encre);font-size:1rem;letter-spacing:.06em;text-transform:uppercase;font-family:var(--texte-police);border-bottom:1px dashed rgba(243,234,217,.3);padding-bottom:.4rem;margin-bottom:.7rem}
.at-pied__colonne ul{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}
.at-pied__colonne a{color:var(--at-cuir-encre)}
.at-pied__colonne a:hover{color:#f8d993}
.at-pied__note{font-size:.85rem;color:rgba(243,234,217,.75);margin-top:.6rem}
.at-pied__ligne{border-top:1px solid rgba(243,234,217,.18);padding:.9rem 0 1.4rem;font-size:.85rem;color:rgba(243,234,217,.7)}

/* --- Responsive --- */
@media (max-width:56rem){
  .at-affiche{grid-template-columns:minmax(0,1fr)}
  .at-corps-grille{grid-template-columns:minmax(0,1fr)}
  .at-rail{position:static}
}
@media (max-width:40rem){
  .at-parcours__liste{gap:0}
  .at-devise{margin-left:0;flex-basis:100%}
  .at-liste-compacte__item{grid-template-columns:76px minmax(0,1fr)}
  .at-ligne{grid-template-columns:96px minmax(0,1fr)}
}
@media (max-width:26rem){
  .at-liste-compacte__item{grid-template-columns:64px minmax(0,1fr)}
  .at-ligne{grid-template-columns:1fr}
  .at-ligne__image{max-width:120px}
}
@media (min-width:120rem){
  .at-large{--at-large:84rem}
  .at-ouverture{padding:4rem 3rem}
}