/* Archives Outils Froids : pages figées aux couleurs de la charte. */
@font-face{font-family:Spectral;font-style:normal;font-weight:600;font-display:swap;src:url(/wp-content/themes/outils-froids/assets/fonts/spectral-600-latin.woff2) format("woff2")}
@font-face{font-family:Spectral;font-style:normal;font-weight:700;font-display:swap;src:url(/wp-content/themes/outils-froids/assets/fonts/spectral-700-latin.woff2) format("woff2")}
@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:200 900;font-display:swap;src:url(/wp-content/themes/outils-froids/assets/fonts/source-sans-3-variable-latin.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:400;font-display:swap;src:url(/wp-content/themes/outils-froids/assets/fonts/ibm-plex-mono-400-latin.woff2) format("woff2")}
:root{--papier:#F4F6F7;--blanc:#FFFFFF;--brume:#E7ECEE;--filet:#D4DBDE;--ardoise:#4C5F6B;--encre:#15232B;--bleu-froid:#104E5C;--bleu-pale:#DCE9EC;--terracotta:#B85042;--titre:Spectral,Cambria,Georgia,serif;--texte:"Source Sans 3","Segoe UI",Calibri,sans-serif;--mono:"IBM Plex Mono",Consolas,monospace}
*{box-sizing:border-box}
body{margin:0;background:var(--papier);color:var(--encre);font-family:var(--texte);font-size:17px;line-height:1.65}
a{color:var(--bleu-froid);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--encre)}
.large{max-width:1040px;margin:0 auto;padding:0 24px}
.colonne{max-width:728px;margin:0 auto;padding:64px 24px 96px}
.entete{border-top:4px solid var(--terracotta);border-bottom:1px solid var(--filet)}
.entete .large{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 40px;padding-top:16px;padding-bottom:16px}
.marque{font-family:var(--titre);font-weight:700;font-size:28px;line-height:1.2;color:var(--bleu-froid);text-decoration:none}
.entete nav{display:flex;flex-wrap:wrap;gap:0 24px}
.entete nav a{color:var(--encre);text-decoration:none;font-weight:600;min-height:44px;display:inline-flex;align-items:center}
.entete nav a:hover{color:var(--bleu-froid)}
.sur-titre{margin:0 0 16px;font-family:var(--mono);font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--ardoise)}
h1{margin:0 0 16px;font-family:var(--titre);font-weight:600;font-size:36px;line-height:1.15;color:var(--bleu-froid)}
h2{font-family:var(--titre);font-weight:600;font-size:28px;line-height:1.2;color:var(--bleu-froid);margin:40px 0 16px}
h3,h4{font-weight:600;font-size:21px;line-height:1.3;margin:32px 0 8px}
.meta{margin:0 0 24px;font-size:14px;color:var(--ardoise)}
.chapeau{font-size:21px;line-height:1.5}
.avertissement{margin:0 0 40px;padding:16px 24px;background:var(--bleu-pale);border-radius:2px;font-size:14px}
.contenu img{max-width:100%;height:auto;border-radius:2px}
.contenu iframe,.contenu object,.contenu embed,.contenu video{max-width:100%}
.contenu blockquote{margin:24px 0;padding:16px 24px;background:var(--bleu-pale);border-radius:2px;font-family:var(--titre);font-style:italic}
.contenu table{border-collapse:collapse;max-width:100%;display:block;overflow-x:auto}
.contenu td,.contenu th{border-bottom:1px solid var(--filet);padding:8px;text-align:left;vertical-align:top}
.contenu pre,.contenu code{font-family:var(--mono);font-size:14px;background:var(--brume);border-radius:2px}
.contenu pre{padding:16px;overflow-x:auto}
.contenu .wp-caption,.contenu figure{max-width:100%;margin:24px 0}
.contenu .wp-caption-text,.contenu figcaption{font-size:14px;color:var(--ardoise)}
.commentaires{margin-top:64px;border-top:1px solid var(--filet);padding-top:24px}
.commentaires ol{list-style:none;margin:0;padding:0}
.commentaires li{border-top:1px solid var(--filet);padding:16px 0}
.commentaires li .meta{margin:0 0 8px}
.voisins{margin-top:64px;border-top:1px solid var(--filet);padding-top:24px;display:flex;flex-wrap:wrap;gap:24px 40px}
.voisins a{flex:1 1 260px;text-decoration:none;color:var(--encre);font-family:var(--titre);font-weight:600;font-size:21px;line-height:1.3}
.voisins span{display:block;margin-bottom:8px;font-family:var(--mono);font-weight:400;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--ardoise)}
.liste,.annees{list-style:none;margin:0;padding:0}
.liste li{border-top:1px solid var(--filet);padding:12px 0}
.liste li span{display:block;font-size:14px;color:var(--ardoise)}
.annees{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px;margin-top:40px}
.annees li{border:1px solid var(--filet);border-radius:2px;background:var(--blanc);padding:16px}
.annees a{font-family:var(--titre);font-weight:600;font-size:28px;text-decoration:none}
.annees span{display:block;font-size:14px;color:var(--ardoise)}
.pied{border-top:1px solid var(--filet);padding:40px 0;font-size:14px;color:var(--ardoise)}
.pied .large{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px 40px}
.pied a{color:var(--ardoise);margin-right:24px}
.pied p{margin:0}
@media (max-width:600px){.colonne{padding-top:40px}h1{font-size:30px}}