:root{--accent:#6e3c1c;--b1:#fbf4e6;--b2:#f2cdbf;--b3:#f3dfa8;--b4:#cfe2d4;--carte:#fffdf8;--case:#fcf7ef;--doux:#66503e;--encre:#2a1d14;--fond:#f1e6d6;--g1:#d9a35b;--g2:#9cc2b0;--g3:#d98c78;--g4:#b7b2dc;--lueur:#f6e9d5;--ombre:#2a1d14;--pied:#2a1d14;--pied-texte:#f5ebdc;--plateau:#e3caa4;--police-texte:Seravek,"Gill Sans Nova",Ubuntu,Calibri,"DejaVu Sans",source-sans-pro,sans-serif;--police-titre:Inter,Roboto,"Helvetica Neue","Arial Nova","Nimbus Sans",Arial,sans-serif;--sur-accent:#ffffff;--sur-g:#2a1d14;--trait:#2a1d14;}
/* Plateau (t2b142) : plateau de jeu 9 × 9 sur ordinateur, parcours en colonne sur téléphone */

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{display:flex;flex-direction:column;min-height:100vh;margin:0;background:var(--fond);color:var(--encre);font-family:var(--police-texte);font-size:1rem;line-height:1.6}
img{max-width:100%;height:auto}
a{color:inherit;text-decoration-thickness:.08em;text-underline-offset:.18em}
a:hover{text-decoration-thickness:.16em}
:focus-visible{outline:3px solid var(--encre);outline-offset:3px}
h1,h2,h3{margin:0;font-family:var(--police-titre);line-height:1.15}
p{margin:0}
.vh{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
.evitement{position:absolute;top:-30rem;left:1rem;z-index:30;padding:.75rem 1.1rem;background:var(--carte);color:var(--encre);border:3px solid var(--trait);font-weight:700}
.evitement:focus{top:1rem;outline-color:var(--sur-accent)}

/* En-tête */
.entete{background:var(--accent);border-bottom:4px solid var(--trait)}
.entete :focus-visible{outline-color:var(--sur-accent)}
.entete-interieur{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem 2rem;max-width:84rem;margin:0 auto;padding:1.1rem 1rem}
.marque{display:flex;align-items:center;gap:1rem;min-width:0;min-height:2.75rem;color:var(--encre);text-decoration:none}
.pion{position:relative;flex:none;width:3rem;height:3.6rem;filter:drop-shadow(2px 0 0 var(--trait)) drop-shadow(-2px 0 0 var(--trait)) drop-shadow(0 2px 0 var(--trait)) drop-shadow(0 -2px 0 var(--trait)) drop-shadow(3px 3px 0 var(--trait))}
.pion::after{content:"";position:absolute;right:0;bottom:0;left:0;height:1.35rem;background:var(--carte);clip-path:polygon(25% 0,75% 0,100% 100%,0 100%)}
.pion-tete{position:absolute;top:0;left:.25rem;z-index:1;display:block;width:2.5rem;height:2.5rem;padding:.4rem;background:var(--carte);border-radius:50%}
.marque-nom{min-width:0;padding:.3rem .8rem .25rem;background:var(--carte);border:3px solid var(--trait);box-shadow:4px 4px 0 var(--trait);transform:rotate(-2deg);font-family:var(--police-titre);font-size:clamp(1.05rem,.8rem + 1vw,1.6rem);font-weight:800;line-height:1.1;letter-spacing:.04em;text-transform:uppercase;overflow-wrap:anywhere}
.marque:hover .marque-nom{text-decoration:underline}
.menu ul{display:flex;gap:.75rem;margin:0;padding:0;list-style:none}
.menu li{--g:var(--g1)}
.menu li:nth-child(2){--g:var(--g2)}
.menu li:nth-child(3){--g:var(--g3)}
.menu a{display:flex;align-items:flex-end;justify-content:center;min-width:6.75rem;min-height:3.6rem;padding:1.35rem .8rem .45rem;background:linear-gradient(var(--trait),var(--trait)) 0 .9rem/100% 2px no-repeat,linear-gradient(var(--g),var(--g)) 0 0/100% .9rem no-repeat,var(--carte);border:2px solid var(--trait);color:var(--encre);font-size:.8125rem;font-weight:700;line-height:1.2;letter-spacing:.07em;text-align:center;text-transform:uppercase;text-decoration:none}
.menu a:hover{text-decoration:underline}
.menu a[aria-current="page"]{transform:translateY(-.3rem);box-shadow:4px 4px 0 var(--trait)}

.principal{flex:1 0 auto;width:100%;max-width:84rem;margin:0 auto;padding:2rem 1rem 3rem;overflow-x:clip}

/* Téléphone */
.plateau{display:flex;flex-direction:column;max-width:52rem;margin:0 auto;background:radial-gradient(circle at 50% 7rem,var(--lueur),transparent 18rem),var(--plateau);border:3px solid var(--trait);box-shadow:6px 6px 0 var(--ombre)}
.parcours{display:contents}
.plateau-tete{container-type:inline-size;display:flex;flex-direction:column;align-items:center;gap:1.4rem;padding:2.25rem 1rem 1.5rem;text-align:center}
.plateau-titre{max-width:100%;font-size:clamp(1.1rem,5.3vw,3.4rem);font-weight:800;line-height:1.05;letter-spacing:.02em;text-transform:uppercase}
.plateau-bandeau{display:inline-block;max-width:100%;padding:.3em .6em .22em;background:var(--accent);color:var(--sur-accent);border:4px solid var(--trait);box-shadow:5px 5px 0 var(--trait);transform:rotate(-6deg);overflow-wrap:anywhere}
.plateau-mention{display:flex;align-items:center;gap:.7rem;font-size:.875rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.plateau-mention::before,.plateau-mention::after{content:"";width:.55rem;height:.55rem;background:var(--accent);border:2px solid var(--trait);transform:rotate(45deg)}
.plateau-vide{padding:2rem 1rem 3rem;text-align:center}

/* Cases */
.case{--g:var(--g1);position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"rang img" "titre img" "date img" "extrait extrait";align-content:start;column-gap:.85rem;padding:.75rem .9rem .85rem 2rem;overflow:clip;list-style:none;background:linear-gradient(var(--trait),var(--trait)) 1rem 0/2px 100% no-repeat,linear-gradient(var(--g),var(--g)) 0 0/1rem 100% no-repeat,var(--case);box-shadow:inset 0 1px 0 var(--trait),inset 0 -1px 0 var(--trait)}
.case:nth-child(12n+5),.case:nth-child(12n+6),.case:nth-child(12n+7){--g:var(--g2)}
.case:nth-child(12n+8),.case:nth-child(12n+9),.case:nth-child(12n+10){--g:var(--g3)}
.case:nth-child(12n+11),.case:nth-child(12n+12),.case:nth-child(12n+13){--g:var(--g4)}
.case:nth-child(n+2){order:3}
.case:nth-child(n+9){order:5}
.case:nth-child(n+16){order:7}
.case:nth-child(n+23){order:9}
.case:nth-child(3n+5){box-shadow:inset 0 4px 0 var(--trait),inset 0 -1px 0 var(--trait)}
.case-image{grid-area:img;align-self:start;display:block;width:4.5rem;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:top;background:var(--carte);border:2px solid var(--trait)}
.case-rang{grid-area:rang;color:var(--doux);font-size:.75rem;font-weight:800;line-height:1.4;letter-spacing:.08em}
.case-titre{grid-area:titre;font-size:1.0625rem;font-weight:800;line-height:1.2;overflow-wrap:anywhere}
.case-lien{text-decoration:none}
.case-lien::after{content:"";position:absolute;inset:0;z-index:1}
.case:hover .case-lien{text-decoration:underline}
.case-lien:focus-visible{outline:0}
.case-lien:focus-visible::after{outline:3px solid var(--encre);outline-offset:-6px}
.case-date{grid-area:date;margin-top:.1rem;color:var(--doux);font-size:.9375rem;line-height:1.35;font-variant-caps:all-small-caps;letter-spacing:.05em}
.case-extrait{grid-area:extrait;display:-webkit-box;margin-top:.35rem;overflow:hidden;font-size:.9375rem;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.case-initiale{position:absolute;right:.7rem;bottom:-.3rem;z-index:-1;color:transparent;font-family:var(--police-titre);font-size:4.25rem;font-weight:800;line-height:1;-webkit-text-stroke:2px var(--g)}

/* Une */
.case.case-une{order:1;grid-template-columns:minmax(0,1fr);grid-template-rows:none;grid-template-areas:"img" "mention" "titre" "date" "extrait";margin:0 1rem 1.75rem;padding:.75rem .75rem 1.15rem;background:var(--carte);border:3px solid var(--trait);box-shadow:6px 6px 0 var(--ombre)}
.case-une .case-image{width:100%;border-width:3px}
.case-une .case-initiale{position:static;grid-area:img;display:grid;place-items:center;aspect-ratio:16/9;background:repeating-linear-gradient(-45deg,var(--plateau) 0 1rem,var(--case) 1rem 2rem);border:3px solid var(--trait);color:var(--accent);font-size:clamp(5rem,24vw,11rem);-webkit-text-stroke:0;text-shadow:5px 5px 0 var(--trait)}
.case-mention,.case-une .case-rang{grid-area:mention;justify-self:start;margin-top:1rem;padding:.2rem .65rem;background:var(--accent);color:var(--sur-accent);border:2px solid var(--trait);font-size:.8125rem;font-weight:800;line-height:1.4;letter-spacing:.1em;text-transform:uppercase}
.case-une .case-titre{display:block;margin-top:.55rem;font-size:clamp(1.6rem,1.2rem + 2vw,2.4rem);line-height:1.08}
.case-une .case-date{margin-top:.45rem;font-size:.9375rem}
.case-une .case-extrait{display:block;margin-top:.6rem;font-size:1.0625rem;line-height:1.6}

/* Angles */
.coin{--s:4.5rem;position:relative;display:grid;place-items:center;height:var(--s);overflow:hidden;background:linear-gradient(90deg,var(--trait) 50%,transparent 0) 0 50%/1rem 2px repeat-x,var(--plateau);box-shadow:inset 0 2px 0 var(--trait),inset 0 -2px 0 var(--trait)}
.coin i,.pion-seul i{position:relative;display:block;width:var(--s);height:var(--s);font-style:normal}
.coin-depart{order:2}
.coin-des{order:4}
.coin-pion{order:6}
.coin-domaine{order:8}
.coin-depart i{filter:drop-shadow(3px 3px 0 var(--trait))}
.coin i::before,.coin i::after,.pion-seul i::before,.pion-seul i::after{content:"";position:absolute}
.coin-depart i::before{left:calc(var(--s)*.175);top:calc(var(--s)*.31);width:calc(var(--s)*.9);height:calc(var(--s)*.9);border:calc(var(--s)*.1) solid transparent;border-top-color:var(--accent);border-radius:50%;transform:rotate(-45deg)}
.coin-depart i::after{left:calc(var(--s)*.615);top:calc(var(--s)*.24);width:calc(var(--s)*.2);height:calc(var(--s)*.24);background:var(--accent);clip-path:polygon(0 0,100% 50%,0 100%)}
.coin-des i{--p:calc(var(--s)*.034);--o:var(--sur-g) var(--p),transparent calc(var(--p) + 1px)}
.coin-des i::before,.coin-des i::after{width:calc(var(--s)*.34);height:calc(var(--s)*.34);border:max(2px,calc(var(--s)*.02)) solid var(--sur-g);border-radius:calc(var(--s)*.07);box-shadow:calc(var(--s)*.03) calc(var(--s)*.03) 0 var(--trait)}
.coin-des i::before{left:calc(var(--s)*.13);top:calc(var(--s)*.2);transform:rotate(-14deg);background:radial-gradient(circle,var(--o)) 0 0/50% 50%,radial-gradient(circle,var(--o)),#fff}
.coin-des i::after{left:calc(var(--s)*.52);top:calc(var(--s)*.44);transform:rotate(11deg);background:radial-gradient(circle,var(--o)) 0 0/50% 33.34%,#fff}
.coin-pion i,.pion-seul i{filter:drop-shadow(2px 0 0 var(--trait)) drop-shadow(-2px 0 0 var(--trait)) drop-shadow(0 2px 0 var(--trait)) drop-shadow(0 -2px 0 var(--trait)) drop-shadow(3px 3px 0 var(--trait))}
.coin-pion i::before,.pion-seul i::before{left:calc(var(--s)*.37);top:calc(var(--s)*.17);z-index:1;width:calc(var(--s)*.26);height:calc(var(--s)*.26);border-radius:50%;background:var(--accent)}
.coin-pion i::after,.pion-seul i::after{left:calc(var(--s)*.27);top:calc(var(--s)*.41);width:calc(var(--s)*.46);height:calc(var(--s)*.4);background:var(--accent);clip-path:polygon(33% 0,67% 0,100% 100%,0 100%)}
.coin-domaine i{width:auto;height:auto;max-width:calc(100% - 2rem);padding:.35rem 1.2rem;background:var(--accent);color:var(--sur-accent);border-block:3px solid var(--trait);font-family:var(--police-titre);font-size:.8125rem;font-weight:800;line-height:1.25;letter-spacing:.12em;text-align:center;text-transform:uppercase;overflow-wrap:anywhere;transform:rotate(-3deg)}

@media (max-width:74.99rem){
.case.case-nue:not(.case-une){padding-right:4.6rem}
.plateau:not(:has(.case:nth-child(2))) .coin-depart,.plateau:not(:has(.case:nth-child(9))) .coin-des,.plateau:not(:has(.case:nth-child(16))) .coin-pion,.plateau:not(:has(.case:nth-child(23))) .coin-domaine{display:none}
}
@media (min-width:36rem) and (max-width:74.99rem){
.case{padding:.9rem 1.1rem 1rem 2.4rem;column-gap:1.1rem}
.case-image{width:8rem}
.case-titre{font-size:1.1875rem}
.case-initiale{font-size:5.5rem}
.case.case-une{padding:.9rem .9rem 1.3rem}
.case.case-nue:not(.case-une){padding-right:6.5rem}
.case-initiale{right:1rem}
}

@media (min-width:48rem) and (max-width:74.99rem){
.plateau{display:grid;grid-template-columns:1fr 1fr;max-width:60rem}
.plateau-tete,.plateau-vide,.case-une,.coin,.case:nth-child(30){grid-column:1/-1}
.case:nth-child(9){order:3}
.case:nth-child(23){order:7}
.case,.case:nth-child(3n+5){padding:2.3rem 1.1rem 1rem;background:linear-gradient(var(--trait),var(--trait)) 0 1.6rem/100% 2px no-repeat,linear-gradient(var(--g),var(--g)) 0 0/100% 1.6rem no-repeat,var(--case);box-shadow:inset 0 0 0 1px var(--trait)}
.case-image{width:6.5rem}
}
/* Ordinateur */
@media (min-width:75rem){
.plateau{--coin:11rem;--w:calc(100% - 2*var(--coin));--l:linear-gradient(var(--trait),var(--trait));--r:var(--trait) 0 2px,transparent 0 calc(100%/7);display:grid;grid-template-columns:var(--coin) repeat(7,minmax(0,1fr)) var(--coin);grid-template-rows:var(--coin) repeat(7,1fr) var(--coin);aspect-ratio:1;max-width:80rem;background:var(--l) var(--coin) 0/2px 100%,var(--l) calc(100% - var(--coin)) 0/2px 100%,var(--l) 0 var(--coin)/100% 2px,var(--l) 0 calc(100% - var(--coin))/100% 2px,repeating-linear-gradient(90deg,var(--r)) var(--coin) 0/var(--w) var(--coin),repeating-linear-gradient(90deg,var(--r)) var(--coin) 100%/var(--w) var(--coin),repeating-linear-gradient(var(--r)) 0 var(--coin)/var(--coin) var(--w),repeating-linear-gradient(var(--r)) 100% var(--coin)/var(--coin) var(--w),radial-gradient(closest-side,var(--lueur),transparent),var(--plateau);background-repeat:no-repeat;border-width:4px;box-shadow:12px 12px 0 var(--ombre)}
.plateau-tete{grid-area:2/2/4/9;justify-content:center;padding:2.25rem 2rem .5rem}
.plateau-vide{grid-area:4/2/9/9;align-self:center}
.coin{--s:11rem;height:auto;background:var(--case);box-shadow:inset 0 0 0 1px var(--trait)}
.coin-depart{grid-area:1/1}
.coin-des{grid-area:1/9}
.coin-pion{grid-area:9/9}
.coin-domaine{grid-area:9/1}
.coin-domaine i{position:absolute;top:50%;left:50%;width:calc(var(--s)*1.5);max-width:none;padding:.4rem calc(var(--s)*.2);font-size:.75rem;transform:translate(-50%,-50%) rotate(-45deg)}
.case{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-areas:"rang" "titre" "img" "date";gap:.1rem;padding:2rem .4rem .35rem;background:linear-gradient(var(--trait),var(--trait)) 0 1.6rem/100% 2px no-repeat,linear-gradient(var(--g),var(--g)) 0 0/100% 1.6rem no-repeat,var(--case);box-shadow:inset 0 0 0 1px var(--trait)}
.case:nth-child(3n+5){box-shadow:inset 0 0 0 1px var(--trait)}
.case-nue{grid-template-rows:auto auto 0}
.case-image{width:100%;max-height:calc(100% - .25rem);margin-top:.25rem}
.case-rang{font-size:.6875rem;line-height:1.3}
.case-titre{display:-webkit-box;overflow:hidden;font-size:.8125rem;line-height:1.2;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.case-date{margin-top:.15rem;font-size:.875rem;line-height:1.25}
.case:not(.case-une):not(:nth-child(30)) .case-extrait{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.case-initiale{right:.35rem;bottom:-.19em;font-size:var(--i,4.25rem)}
.case:nth-child(n+2):nth-child(-n+8){grid-row:1}
.case:nth-child(n+9):nth-child(-n+15){grid-column:9}
.case:nth-child(16){grid-area:9/8}.case:nth-child(17){grid-area:9/7}.case:nth-child(18){grid-area:9/6}.case:nth-child(19){grid-area:9/5}.case:nth-child(20){grid-area:9/4}.case:nth-child(21){grid-area:9/3}.case:nth-child(22){grid-area:9/2}
.case:nth-child(23){grid-area:8/1}.case:nth-child(24){grid-area:7/1}.case:nth-child(25){grid-area:6/1}.case:nth-child(26){grid-area:5/1}.case:nth-child(27){grid-area:4/1}.case:nth-child(28){grid-area:3/1}.case:nth-child(29){grid-area:2/1}
.case:nth-child(n+9):nth-child(-n+15),.case:nth-child(n+23):nth-child(-n+29){grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto 1fr auto;grid-template-areas:"titre titre" "rang img" "date img";column-gap:.5rem;--i:3.5rem}
.case:nth-child(n+9):nth-child(-n+15) .case-image,.case:nth-child(n+23):nth-child(-n+29) .case-image{align-self:end;width:4rem;margin:0}
.case:nth-child(n+9):nth-child(-n+15) .case-rang,.case:nth-child(n+23):nth-child(-n+29) .case-rang{align-self:end;margin-top:.2rem}
.case.case-une{grid-area:4/2/9/7;align-self:center;margin:.75rem 1.5rem 1.75rem;padding:1rem 1.25rem 1.3rem;box-shadow:8px 8px 0 var(--ombre)}
.case:nth-child(30){grid-area:4/7/8/9;align-self:center;justify-self:center;width:calc(100% - 3.6rem);margin-right:.75rem;padding:2.9rem 1rem 1.25rem;grid-template-rows:none;grid-template-areas:"rang" "titre" "date" "extrait";overflow:visible;background:var(--g3);color:var(--sur-g);border:3px solid var(--trait);box-shadow:6px 6px 0 var(--case),6px 6px 0 3px var(--trait),12px 12px 0 var(--case),12px 12px 0 3px var(--trait);transform:rotate(-8deg)}
.case:nth-child(30)::before{content:"?" / "";position:absolute;top:-.1rem;right:.75rem;color:var(--carte);font-family:var(--police-titre);font-size:4rem;font-weight:800;line-height:1;-webkit-text-stroke:2px var(--trait);text-shadow:3px 3px 0 var(--trait)}
.case:nth-child(30) .case-image,.case:nth-child(30) .case-initiale{display:none}
.case:nth-child(30) .case-rang,.case:nth-child(30) .case-date{color:inherit}
.case:nth-child(30) .case-titre{font-size:1.0625rem}
.case:nth-child(30) .case-extrait{display:-webkit-box;margin-top:.5rem;overflow:hidden;font-size:.875rem;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:7}
.case:nth-child(30) .case-lien:focus-visible::after{outline-color:var(--sur-g)}
}

/* Pagination */
.pagination{--g:var(--g1);display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:center;gap:.65rem;max-width:80rem;margin:2.75rem auto 0}
.pagination-pages{display:flex;flex-wrap:wrap;justify-content:center;gap:.65rem;margin:0;padding:0;list-style:none}
.pagination-pages li:nth-child(4n+2){--g:var(--g2)}
.pagination-pages li:nth-child(4n+3){--g:var(--g3)}
.pagination-pages li:nth-child(4n){--g:var(--g4)}
.pagination a,.pagination-pages [aria-current]{display:flex;align-items:flex-end;justify-content:center;gap:.4rem;min-width:2.9rem;min-height:3.4rem;padding:1.1rem .6rem .35rem;background:linear-gradient(var(--trait),var(--trait)) 0 .7rem/100% 2px no-repeat,linear-gradient(var(--g),var(--g)) 0 0/100% .7rem no-repeat,var(--carte);border:2px solid var(--trait);color:var(--encre);font-weight:800;line-height:1.3;text-decoration:none}
.pagination a:hover{text-decoration:underline}
.pagination-pages [aria-current]{background-color:var(--accent);color:var(--sur-accent);transform:translateY(-.3rem);box-shadow:4px 4px 0 var(--trait)}
.pagination-sens{padding-inline:.85rem;font-size:.8125rem;letter-spacing:.06em;text-transform:uppercase}
.pagination-precedente::before{content:"←" / ""}
.pagination-suivante::after{content:"→" / ""}

/* Pied */
.pied{padding:2.75rem 1rem 2.25rem;background:var(--pied);color:var(--pied-texte);border-top:4px solid var(--trait)}
.pied :focus-visible{outline-color:var(--pied-texte)}
.pied-interieur{max-width:80rem;margin:0 auto;text-align:center}
.pied-liens{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem 1.25rem;margin:0;padding:0;list-style:none}
.pied-liens li{--b:var(--b1)}
.pied-liens li:nth-child(2){--b:var(--b2)}
.pied-liens li:nth-child(3){--b:var(--b3)}
.pied-liens li:nth-child(4){--b:var(--b4)}
.pied-liens a{position:relative;display:flex;align-items:center;justify-content:center;min-width:13rem;min-height:3.75rem;padding:.6rem 2.6rem;background:var(--b);color:var(--sur-g);border:5px double var(--sur-g);font-weight:700;line-height:1.25;text-decoration:none;transform:rotate(-1.5deg)}
.pied-liens li:nth-child(even) a{transform:rotate(1.5deg)}
.pied-liens a::before,.pied-liens a::after{content:"";position:absolute;top:50%;width:1rem;height:1rem;margin-top:-.5rem;border:2px solid var(--sur-g);border-radius:50%}
.pied-liens a::before{left:.75rem}
.pied-liens a::after{right:.75rem}
.pied-liens a:hover{text-decoration:underline}
.pied-domaine{margin-top:1.75rem;font-size:.8125rem;letter-spacing:.14em;text-transform:uppercase}

/* Article, pages */
.principal-titre,.principal-perdu{max-width:52rem}
.titre{max-width:46rem;margin:0 auto;background:var(--carte);border:4px solid var(--trait);box-shadow:10px 10px 0 var(--ombre)}
.titre-bande{margin:.85rem .85rem 0;padding:1.5rem 1.25rem 1.35rem;background:var(--g1);color:var(--sur-g);border:3px solid var(--trait);text-align:center}
.titre-h1{font-size:clamp(1.35rem,1rem + 1.7vw,2.1rem);font-weight:800;line-height:1.15;letter-spacing:.03em;text-transform:uppercase;overflow-wrap:anywhere}
.titre-suite{font-size:.6em;letter-spacing:.08em}
.titre-date{margin:1.1rem 1.5rem 0;color:var(--doux);font-size:1.0625rem;text-align:center;font-variant-caps:all-small-caps;letter-spacing:.08em}
.corps{max-width:42rem;margin:0 auto;padding:1.4rem 2rem 2.25rem;line-height:1.7;overflow-wrap:break-word}
.corps>*{margin:0 0 1.15rem}
.corps>:last-child{margin-bottom:0}
.corps h2{margin:2.1rem 0 .7rem;font-size:1.35rem;line-height:1.2}
.corps h2::before{content:"";display:block;width:3.25rem;height:.75rem;margin-bottom:.55rem;background:var(--g1);border:2px solid var(--trait)}
.corps h2:nth-of-type(4n+2)::before{background:var(--g2)}
.corps h2:nth-of-type(4n+3)::before{background:var(--g3)}
.corps h2:nth-of-type(4n)::before{background:var(--g4)}
.corps ul{padding-left:1.25rem}
.corps li{margin-bottom:.35rem}
.corps img{display:block;width:100%;height:auto;margin:1.75rem 0;padding:.5rem;background:var(--carte);border:3px solid var(--trait);box-shadow:6px 6px 0 var(--trait)}
.corps a{overflow-wrap:anywhere}
.vue-article .corps p:has(>a:only-child){display:flex;align-items:baseline;gap:.25rem 1.25rem;margin:0;padding:0 .2rem;border-bottom:2px solid var(--trait);font-size:.8125rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.vue-article .corps p:has(>a:only-child)>a{flex:1 1 0;min-width:0;padding:.6rem 0;font-size:.9375rem;font-weight:400;letter-spacing:0;text-align:right;text-transform:none}
.vue-article .corps>p:has(>a:only-child):first-child,.vue-article .corps>:not(p:has(>a:only-child))+p:has(>a:only-child){border-top:2px solid var(--trait)}
.vue-article .corps>p:has(>a:only-child)+:not(p:has(>a:only-child)){margin-top:1.25rem}
.retour{margin:2.25rem 0 0;text-align:center}
.retour a{display:inline-flex;align-items:center;min-height:2.75rem;padding:.45rem 1.2rem;background:var(--carte);border:2px solid var(--trait);box-shadow:4px 4px 0 var(--trait);font-weight:700}

/* Plan, contact */
.principal-titre.page-plan_du_site{max-width:68rem}
.page-plan_du_site .titre{max-width:64rem}
.page-plan_du_site .corps{max-width:none}
.page-plan_du_site .corps ul{padding-left:1.1rem;list-style:square}
.page-plan_du_site .corps li::marker{color:var(--accent)}
.page-contact .corps{--a:2.25rem;--ab:calc(var(--a) + 6px);max-width:none;margin:1.5rem;padding:3.25rem 2.5rem 2.75rem;background:linear-gradient(var(--g1),var(--g1)) left 3px top 3px/var(--a) var(--a) no-repeat,linear-gradient(var(--g2),var(--g2)) right 3px top 3px/var(--a) var(--a) no-repeat,linear-gradient(var(--g3),var(--g3)) right 3px bottom 3px/var(--a) var(--a) no-repeat,linear-gradient(var(--g4),var(--g4)) left 3px bottom 3px/var(--a) var(--a) no-repeat,linear-gradient(var(--trait),var(--trait)) left top/var(--ab) var(--ab) no-repeat,linear-gradient(var(--trait),var(--trait)) right top/var(--ab) var(--ab) no-repeat,linear-gradient(var(--trait),var(--trait)) right bottom/var(--ab) var(--ab) no-repeat,linear-gradient(var(--trait),var(--trait)) left bottom/var(--ab) var(--ab) no-repeat,var(--plateau)}
.page-contact .corps>p{margin-bottom:1.5rem;font-weight:600;text-align:center}
.page-contact iframe{background:#fff;box-shadow:0 0 0 3px var(--trait),6px 6px 0 3px var(--trait)}

/* 404 */
.perdu{display:grid;grid-template-columns:1.4fr repeat(5,1fr) 1.4fr;max-width:46rem;margin:0 auto;background:var(--plateau);border:4px solid var(--trait);box-shadow:10px 10px 0 var(--ombre)}
.perdu-cases{display:contents}
.perdu-cases i{background:var(--case);box-shadow:inset 0 0 0 1px var(--trait)}
.perdu-cases i:first-child,.perdu-cases i:last-child{aspect-ratio:1}
.perdu-centre{grid-area:2/2/7/7;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8rem;padding:1.25rem .6rem;text-align:center;background:radial-gradient(closest-side,var(--lueur),transparent)}
.pion-seul{--s:6.5rem;display:block}
.perdu-titre{font-size:clamp(1.4rem,1rem + 2.4vw,2.4rem);font-weight:800;letter-spacing:.03em;text-transform:uppercase}
.perdu-texte{max-width:24rem}
.perdu .retour{margin-top:.4rem}
.perdu .retour a{padding-inline:.8rem}

@media (min-width:48rem){
.plateau-titre{font-size:min(4.6cqi,3.4rem)}
.page-plan_du_site .corps ul{columns:3;column-gap:2.25rem}
.page-plan_du_site .corps li{break-inside:avoid}
}
@media (max-width:47.99rem){
.entete-interieur{gap:.85rem;padding:.8rem 1rem .9rem}
.marque{gap:.8rem}
.pion{width:2.5rem;height:3rem}
.pion::after{height:1.1rem}
.pion-tete{left:.2rem;width:2.1rem;height:2.1rem;padding:.34rem}
.menu{width:100%}
.menu ul{gap:.5rem}
.menu li{flex:1 1 0;min-width:0}
.menu a{min-width:0;min-height:2.75rem;padding:.8rem .3rem .3rem;background-position:0 .5rem,0 0;background-size:100% 2px,100% .5rem;font-size:.75rem;letter-spacing:.04em}
.titre{box-shadow:6px 6px 0 var(--ombre)}
.titre-bande{margin:.6rem .6rem 0;padding:1.1rem .9rem 1rem}
.corps{padding:1.1rem 1.1rem 1.75rem}
.page-plan_du_site .corps a{display:block;padding:.55rem 0}
.page-contact .corps{--a:1.4rem;--ab:calc(var(--a) + 6px);margin:.75rem .4rem;padding:2.25rem .7rem 2rem}
.pied-liens{flex-direction:column;align-items:stretch}
.pied-liens a{min-width:0;min-height:3.25rem}
.perdu{box-shadow:6px 6px 0 var(--ombre)}
.pion-seul{--s:4.5rem}
}
@media (prefers-reduced-motion:no-preference){
.menu a,.pagination a,.retour a{transition:transform .15s ease,box-shadow .15s ease}
.menu a:not([aria-current]):hover,.pagination a:hover,.retour a:hover{transform:translateY(-.2rem)}
}