:root{--accent:#ff8a3d;--accent-nuit:#ff8a3d;--boitier:#071417;--bord-image:#eef5f4;--bord-ligne:#0f2a2e;--chantier:#ff8a3d;--chantier-2:#08181b;--doux:#a5bec0;--etoiles:#f6c945;--feu:#2b4044;--feu-texte:#e9f1f0;--fond:#0f2a2e;--fort:#f5f9f8;--grain:#163339;--graphite:#1f3236;--graphite-texte:#f1f6f5;--graphite-trait:#46605f;--numero:#84a3a6;--pave:#e9efee;--peinture:#eef5f4;--plaque:#ffffff;--plaque-bande:#1d3f9a;--plaque-bande-texte:#ffffff;--plaque-texte:#111214;--police-texte:Inter,Roboto,"Helvetica Neue","Arial Nova","Nimbus Sans",Arial,sans-serif;--police-titre:Inter,Roboto,"Helvetica Neue","Arial Nova","Nimbus Sans",Arial,sans-serif;--rond:#0e1b48;--sur-accent:#0f2a2e;--sur-nuit:#0f2a2e;--texte:#e6efee;--zebra:#2b3a37;--zebra-fond:#133136;}
/* Grille de départ (t2b124) : un blog automobile rangé comme une grille de départ. Fond d'asphalte à grain discret (béton
   clair dans les palettes claires), titres sur des plaques d'immatriculation (bandes bleues : initiale à gauche, rang à
   droite). Accueil : nom du site en capitales italiques sur deux bandes de course ; la première carte en pole position sous
   une bande de damier ; ensuite deux colonnes en quinconce, chaque carte dans une équerre peinte, son numéro de position dans
   la marge ; pagination en feux de départ. Téléphone : file indienne, grand numéro et ligne de départ avant chaque carte.
   Variables des options : palette (--fond --grain --texte --fort --doux --numero --accent --sur-accent --graphite
   --graphite-texte --graphite-trait --accent-nuit --sur-nuit --chantier --chantier-2 --peinture --plaque --plaque-texte
   --plaque-bande --plaque-bande-texte --etoiles --rond --zebra --zebra-fond --bord-image --bord-ligne --feu --feu-texte
   --boitier --pave), typo (--police-titre --police-texte). Polices système seulement, aucune ressource externe. */

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;min-height:100vh;display:flex;flex-direction:column;color:var(--texte);font-family:var(--police-texte);font-size:1rem;line-height:1.6;overflow-wrap:break-word}
body,.depart-nom{background:radial-gradient(circle,var(--grain) 0 1px,transparent 1.5px) 0 0/7px 7px,radial-gradient(circle,var(--grain) 0 .75px,transparent 1.25px) 4px 6px/11px 11px,radial-gradient(circle,var(--grain) 0 1px,transparent 1.5px) 9px 3px/17px 17px,var(--fond)}
img{max-width:100%;height:auto}
a{color:var(--accent);text-decoration-thickness:1px;text-underline-offset:.18em}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
h1,h2,h3{font-family:var(--police-titre);line-height:1.15}
.vh{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.evitement{position:absolute;top:.75rem;left:.75rem;z-index:20;padding:.75rem 1.25rem;background:var(--plaque);color:var(--plaque-texte);border:2px solid var(--plaque-texte);font-weight:700;text-decoration:none;transform:translateY(-10rem)}
.evitement:focus{transform:none}

/* Plaque d'immatriculation : fond blanc, filet noir, bandes bleues (cercle d'étoiles et initiale ; rang) */
.plaque{display:flex;align-items:stretch;min-width:0;margin:0;background:var(--plaque);color:var(--plaque-texte);border:2px solid var(--plaque-texte);border-radius:.375rem;box-shadow:0 0 0 2px var(--plaque),0 .5rem .875rem -.375rem rgb(0 0 0 / 50%);font-family:var(--police-titre);font-size:1rem;font-style:normal;font-weight:700;line-height:1.15;text-transform:uppercase}
.plaque-bande{flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.125rem;width:2rem;padding:.25rem 0;background:var(--plaque-bande);color:var(--plaque-bande-texte);font-size:.75rem;line-height:1;letter-spacing:0}
.plaque-g{border-radius:.2rem 0 0 .2rem}
.plaque-d{justify-content:flex-end;padding-bottom:.375rem;border-radius:0 .2rem .2rem 0}
.plaque-etoiles{width:.8125rem;height:.8125rem;border:2px dotted var(--etoiles);border-radius:50%}
.plaque-texte{flex:1 1 auto;min-width:0;align-self:center;padding:.5rem .75rem;color:var(--plaque-texte);text-align:center;letter-spacing:.05em;font-stretch:condensed;overflow-wrap:anywhere;text-decoration:none}

/* En-tête : bandeau graphite, bande de chantier ; plaque du nom, menu en capitales étroites */
.entete{background:var(--graphite);color:var(--graphite-texte)}
.entete::after{content:"";display:block;height:.75rem;background:repeating-linear-gradient(-45deg,var(--chantier) 0 .75rem,var(--chantier-2) 0 1.5rem)}
.entete-cadre{width:min(100% - 2rem,70rem);margin:0 auto;padding:.875rem 0;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.875rem 2rem}
.evitement:focus-visible,.entete :focus-visible,.pied :focus-visible,.feux-rampe :focus-visible,.page-plan_du_site nav :focus-visible{outline-color:var(--accent-nuit)}
.plaque-site{flex:1 1 100%;font-size:clamp(.9375rem,4.6vw,1.125rem);text-decoration:none}
.plaque-site .plaque-bande{width:2.75rem}
.plaque-site .plaque-texte{padding:.5rem .75rem;letter-spacing:.03em}
.plaque-site:hover .plaque-texte{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.15em}
.plaque-rond{display:grid;place-items:center;width:2.125rem;height:2.125rem;border-radius:50%;background:var(--rond)}
.plaque-marque{display:block;width:1.625rem;height:1.625rem}
.menu{flex:1 1 100%}
.menu ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.375rem}
.menu a{display:flex;align-items:center;justify-content:center;min-height:2.75rem;padding:.25rem;border:2px solid var(--graphite-trait);color:var(--graphite-texte);font-family:var(--police-titre);font-size:.8125rem;font-weight:700;font-stretch:condensed;letter-spacing:.06em;line-height:1.1;text-align:center;text-decoration:none;text-transform:uppercase}
.menu a:hover{border-color:var(--graphite-texte)}
.menu a[aria-current="page"]{border-color:var(--accent-nuit);box-shadow:inset 0 -4px 0 var(--accent-nuit)}

/* Contenu */
.principal{flex:1 0 auto;width:min(100% - 2rem,70rem);margin:0 auto;padding-top:2rem}
.principal-etroit{width:min(100% - 2rem,44rem)}
.principal-accueil{padding-top:0}

/* Départ : le nom du site posé sur deux bandes de course qui descendent de l'en-tête */
.depart{position:relative;margin:0 0 2rem;padding:2.5rem 0 1.25rem}
.depart::before{content:"";position:absolute;top:0;bottom:0;left:.75rem;width:2.5rem;background:linear-gradient(90deg,var(--accent) 0 36%,transparent 0 64%,var(--accent) 0)}
.depart-titre{position:relative;margin:0;color:var(--fort);font-size:clamp(1.375rem,6.4vw,3rem);font-style:italic;font-weight:800;line-height:1.08;letter-spacing:-.01em;text-transform:uppercase;overflow-wrap:anywhere}
.depart-nom{padding:0 .15em 0 0;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.depart-info{position:relative;margin:1rem 0 0 4rem;display:flex;flex-wrap:wrap;align-items:center;gap:.375rem .75rem;color:var(--doux);font-family:var(--police-titre);font-size:.8125rem;font-weight:700;font-stretch:condensed;letter-spacing:.14em;text-transform:uppercase}
.depart-page{padding:.125rem .5rem;background:var(--accent);color:var(--sur-accent)}
.vide{margin:0;padding:2rem;border:3px dashed var(--peinture)}

/* Grille de départ. Téléphone : file indienne, numéro peint et ligne de départ avant chaque carte */
.grille{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:2.5rem}
.carte{position:relative;container-type:inline-size;display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"rang" "plaque" "visuel" "date" "extrait";align-content:start;--marge:0rem}
.carte-rang{grid-area:rang;margin:0 0 .875rem;display:flex;align-items:center;gap:.875rem;color:var(--numero);font-family:var(--police-titre);font-size:3rem;font-style:italic;font-weight:800;line-height:1;letter-spacing:-.02em}
.carte-rang::after{content:"";flex:1;height:3px;background:var(--peinture)}
.carte-plaque{grid-area:plaque;font-size:clamp(.8125rem,4.2vw,.9375rem)}
.carte-plaque .plaque-bande{width:1.5rem;font-size:.6875rem}
.carte-plaque .plaque-texte{padding:.5rem .375rem;letter-spacing:.02em}
.carte-visuel{grid-area:visuel;display:block;width:100%;aspect-ratio:16/9;margin-top:.75rem}
.carte-image{height:auto;object-fit:cover;object-position:50% 0;background:var(--zebra-fond);box-shadow:0 0 0 2px var(--bord-image),0 0 0 3px var(--bord-ligne)}
.carte-zebra{background:repeating-linear-gradient(-45deg,var(--zebra) 0 .875rem,transparent 0 1.75rem),var(--zebra-fond);box-shadow:inset 0 0 0 2px var(--zebra)}
.carte-nue .carte-zebra{grid-area:plaque;aspect-ratio:auto;margin:0}
.carte-nue .carte-plaque{z-index:1;margin:.375rem}
.carte-date{grid-area:date;margin:.875rem 0 .25rem;color:var(--doux);font-family:var(--police-titre);font-size:.8125rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.carte-extrait{grid-area:extrait;margin:0;font-size:.9375rem;line-height:1.55;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
.carte-lien{color:var(--plaque-texte)}
.carte-lien::after{content:"";position:absolute;inset:0;z-index:2}
.carte:hover .carte-lien{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.15em}
.carte:hover .carte-rang::after{background:var(--accent)}
.carte-lien:focus-visible{outline:0}
.carte-lien:focus-visible::after{outline:3px solid var(--accent);outline-offset:6px}

/* Pole position : la première carte de chaque page, sous une bande de damier */
.carte-pole{grid-template-areas:"damier" "rang" "plaque" "visuel" "date" "extrait"}
.carte-pole::before{content:"";grid-area:damier;height:1.25rem;margin-bottom:1rem;background:repeating-conic-gradient(var(--plaque-texte) 0 25%,var(--plaque) 0 50%) 0 0/1.25rem 1.25rem}
.carte-pole .carte-rang{color:var(--accent);font-size:4rem}
.carte-une{grid-area:damier;z-index:1;justify-self:start;align-self:start;margin:0;padding:0 .625rem;background:var(--plaque-texte);color:var(--plaque);font-family:var(--police-titre);font-size:.75rem;font-weight:700;line-height:1.25rem;letter-spacing:.12em;text-transform:uppercase}
.carte-pole .carte-extrait{-webkit-line-clamp:5}

/* Feux de départ : pagination, la page courante allumée */
.feux{margin:3.5rem 0 0;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1rem 1.5rem}
.feux-rampe{list-style:none;margin:0;padding:.75rem;display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;max-width:17.25rem;background:var(--boitier);border-radius:.625rem;box-shadow:0 0 0 2px var(--graphite-trait)}
.feux-rampe li{display:flex}
.feu{display:grid;place-items:center;width:2.75rem;height:2.75rem;border-radius:50%;background:var(--feu);color:var(--feu-texte);font-family:var(--police-titre);font-weight:700;text-decoration:none;box-shadow:inset 0 -.25rem 0 rgb(0 0 0 / 30%)}
a.feu:hover{text-decoration:underline;box-shadow:inset 0 0 0 2px var(--feu-texte)}
.feu-allume{background:var(--accent-nuit);color:var(--sur-nuit);box-shadow:0 0 0 3px rgb(255 255 255 / 18%),0 0 1.125rem .25rem var(--accent-nuit)}
.feux-sens{display:inline-flex;align-items:center;gap:.625rem;min-height:2.75rem;padding:.5rem 1rem;border:2px solid var(--peinture);color:var(--fort);font-family:var(--police-titre);font-size:.875rem;font-weight:700;font-stretch:condensed;letter-spacing:.08em;text-decoration:none;text-transform:uppercase}
.feux-sens:hover{background:var(--peinture);color:var(--fond)}
.feux-precedente::before,.feux-suivante::after,.bouton::before{content:"";width:.5rem;height:.5rem;border:solid currentColor;border-width:0 0 2px 2px;transform:rotate(45deg)}
.feux-suivante::after{transform:rotate(-135deg)}

/* Article et pages : titre sur une grande plaque, colonne de lecture */
.fiche-entete{margin:0 0 2.25rem}
.plaque-titre{font-size:clamp(1.0625rem,.375rem + 3.6vw,1.625rem)}
.plaque-titre .plaque-bande{width:2rem;gap:.25rem;font-size:.875rem}
.plaque-titre .plaque-etoiles{width:1rem;height:1rem}
.plaque-titre .plaque-texte{padding:.625rem;letter-spacing:.03em}
.fiche-date{margin:1.25rem 0 0;display:flex;flex-wrap:wrap;align-items:center;gap:.25rem .5rem;color:var(--doux);font-family:var(--police-titre);font-size:.875rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.fiche-date::before,.texte h2::before{content:"";flex:none;width:1.75rem;height:.875rem;margin-right:.375rem;background:linear-gradient(90deg,var(--accent) 0 35%,transparent 0 65%,var(--accent) 0);transform:skewX(-20deg)}
.texte{font-size:1.0625rem;line-height:1.7}
.texte > :first-child{margin-top:0}
.texte > :last-child{margin-bottom:0}
.texte p,.texte ul,.texte ol{margin:0 0 1.1em}
.texte a{overflow-wrap:anywhere}
.texte img{display:block;width:100%;height:auto;margin:2rem 0;box-shadow:0 0 0 2px var(--bord-image),0 0 0 3px var(--bord-ligne)}
.texte h2{display:flex;align-items:center;gap:.5rem;margin:2.5rem 0 1rem;color:var(--fort);font-size:1.375rem;font-style:italic;text-transform:uppercase}
.texte h3{margin:2rem 0 .75rem;font-size:1.125rem}
.texte ul{padding-left:1.25rem}
.texte li{margin:.3em 0}
.texte li::marker{color:var(--accent)}
.retour{margin:2.5rem 0 0}
.bouton{position:relative;display:inline-flex;align-items:center;gap:.75rem;min-height:2.75rem;padding:.625rem 1.5rem;background:var(--accent);color:var(--sur-accent);font-family:var(--police-titre);font-weight:700;font-stretch:condensed;letter-spacing:.08em;text-decoration:none;text-transform:uppercase}
.bouton::after{content:"";position:absolute;inset:.375rem -.375rem -.375rem .375rem;z-index:-1;background:repeating-linear-gradient(-45deg,var(--chantier) 0 .375rem,var(--chantier-2) 0 .75rem)}
.bouton:hover{text-decoration:underline;text-decoration-thickness:2px}

/* Pages de service : contact sur un pavé clair, plan du site en deux colonnes et feux */
.page-contact iframe{margin:2rem 0 1rem;background:var(--pave);box-shadow:0 0 0 .75rem var(--pave)}
.page-plan_du_site .texte{font-size:1rem;line-height:1.45}
.page-plan_du_site .texte > ul{list-style:none;padding:0;columns:2 16rem;column-gap:2rem}
.page-plan_du_site .texte > ul li{break-inside:avoid;margin:0;padding:.125rem 0}
.page-plan_du_site .texte > ul a{display:flex;align-items:center;min-height:2.75rem}
.page-plan_du_site .texte > ul a::before{content:"";flex:none;width:.5rem;height:2px;margin-right:.5rem;background:var(--numero)}
.page-plan_du_site nav ul{list-style:none;margin:0;padding:.75rem;display:flex;flex-wrap:wrap;gap:.5rem;width:fit-content;max-width:100%;background:var(--boitier);border-radius:.625rem;box-shadow:0 0 0 2px var(--graphite-trait)}
.page-plan_du_site nav li{margin:0;padding:0}
.page-plan_du_site nav a,.page-plan_du_site nav b{display:grid;place-items:center;min-height:2.75rem;padding:0 1rem;border-radius:1.375rem;background:var(--feu);color:var(--feu-texte);font-family:var(--police-titre);text-decoration:none}
.page-plan_du_site nav a:hover{text-decoration:underline}
.page-plan_du_site nav b{background:var(--accent-nuit);color:var(--sur-nuit);box-shadow:0 0 1rem .125rem var(--accent-nuit)}

/* 404 : une plaque blanche porte le titre */
.panne{display:grid;grid-template-columns:minmax(0,1fr);padding-top:.5rem}
.panne::before{content:"";grid-area:1 / 1;background:repeating-linear-gradient(-45deg,var(--zebra) 0 .875rem,transparent 0 1.75rem),var(--zebra-fond);box-shadow:inset 0 0 0 2px var(--zebra),0 0 0 3px var(--peinture)}
.plaque-panne{grid-area:1 / 1;align-self:center;margin:2.5rem .75rem;font-size:clamp(1.25rem,.5rem + 4.4vw,2.5rem)}
.panne-texte{margin:2rem 0 0;font-size:1.125rem}

/* Pied : bande de damier, liens en capitales étroites, domaine sur une mini-plaque */
.pied{margin-top:4.5rem;background:var(--graphite);color:var(--graphite-texte)}
.pied::before{content:"";display:block;height:1.5rem;background:repeating-conic-gradient(var(--plaque-texte) 0 25%,var(--plaque) 0 50%) 0 0/1.5rem 1.5rem}
.pied-cadre{width:min(100% - 2rem,70rem);margin:0 auto;padding:2rem 0 2.5rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.25rem 2.5rem}
.pied-plaque{font-size:.875rem}
.pied-plaque .plaque-texte{padding:.375rem .75rem}
.pied-liens{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1rem}
.pied-liens li{display:flex;align-items:center}
.pied-liens li::before{content:"";flex:none;width:2px;height:1rem;margin-right:.75rem;background:var(--accent-nuit);transform:skewX(-20deg)}
.pied-liens a{display:flex;align-items:center;min-height:2.75rem;color:var(--graphite-texte);font-family:var(--police-titre);font-size:.8125rem;font-weight:700;font-stretch:condensed;letter-spacing:.08em;text-decoration:none;text-transform:uppercase}
.pied-liens a:hover{text-decoration:underline;text-underline-offset:.3em}

/* Tablette et ordinateur : deux colonnes en quinconce (la colonne de droite décalée d'une demi-carte), la pole sur toute la
   largeur ; sur tablette, chaque carte garde son numéro et sa ligne de départ au-dessus */
@media (min-width:46rem){
.entete-cadre,.pied-cadre{width:min(100% - 3rem,70rem)}
.entete-cadre{padding:1rem 0}
.plaque-site{flex:0 1 auto;max-width:34rem;font-size:1.25rem}
.plaque-site .plaque-bande{width:3rem}
.plaque-site .plaque-texte{padding:.5rem 1rem;letter-spacing:.05em}
.plaque-rond{width:2.375rem;height:2.375rem}
.plaque-marque{width:1.75rem;height:1.75rem}
.menu{flex:0 0 auto;margin-left:auto}
.menu ul{display:flex;gap:1.5rem}
.menu a{padding:.25rem 0;border:0;border-bottom:4px solid transparent;font-size:.9375rem;letter-spacing:.08em}
.menu a:hover{border-bottom-color:var(--graphite-trait)}
.menu a[aria-current="page"]{border-bottom-color:var(--accent-nuit);box-shadow:none}
.principal{width:min(100% - 3rem,70rem);padding-top:3rem}
.principal-etroit{width:min(100% - 3rem,44rem)}
.principal-accueil{padding-top:0}
.depart{padding:3.5rem 0 1.5rem;margin-bottom:2.5rem}
.depart::before{left:1.5rem;width:3.5rem}
.depart-titre{font-size:clamp(2.5rem,1rem + 3.4vw,4rem)}
.depart-info{margin-left:6.25rem}
.grille{--decale:12rem;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:2rem;row-gap:2.5rem;padding-bottom:var(--decale)}
.grille:has(> .carte:nth-child(2n+2):last-child){padding-bottom:0}
.carte:not(.carte-pole){grid-template-rows:auto auto auto auto 1fr}
.carte:nth-child(2n+3){transform:translateY(var(--decale))}
.carte-rang{font-size:2.5rem}
.carte-nue:not(.carte-pole){grid-template-areas:"rang" "visuel" "visuel" "date" "extrait"}
.carte-nue .carte-zebra{grid-area:visuel;height:calc((100cqi - var(--marge)) * .5625 + 3.25rem)}
.carte-nue .carte-plaque{grid-area:visuel;align-self:center;justify-self:center;max-width:calc(100% - 1rem);margin:0}
.carte-nue .carte-plaque .plaque-texte{padding:.625rem .625rem;letter-spacing:.02em}
.carte-pole{grid-column:1 / -1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:1.5rem;grid-template-rows:auto auto auto auto 1fr;grid-template-areas:"damier damier" "visuel plaque" "visuel date" "visuel extrait" "visuel rang"}
.carte-pole::before{height:1.5rem;margin-bottom:1.5rem;background-size:1.5rem 1.5rem}
.carte-une{line-height:1.5rem}
.carte-pole .carte-visuel{margin-top:0}
.carte-pole .carte-plaque{font-size:1.125rem}
.carte-pole .carte-plaque .plaque-texte{padding:.75rem}
.carte-pole .carte-plaque .plaque-bande{width:2rem;font-size:.8125rem}
.carte-pole .carte-rang{display:block;align-self:end;justify-self:end;margin:0;font-size:6rem;line-height:.9}
.carte-pole .carte-rang::after{content:none}
.carte-pole .carte-date{margin-top:1.25rem}
.carte-pole .carte-extrait{font-size:1.0625rem}
.carte-pole.carte-nue{grid-template-rows:auto auto auto 1fr;grid-template-areas:"damier damier" "visuel date" "visuel extrait" "visuel rang"}
.carte-pole.carte-nue .carte-zebra{height:auto;aspect-ratio:16/9}
.carte-pole.carte-nue .carte-date{margin-top:0}
.feux{gap:1rem 2rem}
.plaque-titre{font-size:clamp(1.25rem,.9rem + 1.3vw,1.75rem)}
.plaque-titre .plaque-bande{width:2.5rem;font-size:.9375rem}
.plaque-titre .plaque-etoiles{width:1.125rem;height:1.125rem}
.plaque-titre .plaque-texte{padding:.75rem 1rem;letter-spacing:.05em}
.plaque-panne{margin:3rem 1.25rem;font-size:clamp(1.375rem,1rem + 2.5vw,2.5rem)}
.page-plan_du_site .texte > ul li{padding-left:1rem;text-indent:-1rem}
.page-plan_du_site .texte > ul a{display:inline;min-height:0}
.page-plan_du_site .texte > ul a::before{display:inline-block;vertical-align:middle}
.pied-liens{display:flex;flex-wrap:wrap}
.pied-liens li:first-child::before{content:none}
.pied-liens li::before{margin:0 .875rem}
}

/* Ordinateur : chaque carte dans une équerre peinte, son numéro de position peint dans la marge */
@media (min-width:64rem){
.entete-cadre,.pied-cadre,.principal{width:min(100% - 4rem,70rem)}
.principal-etroit{width:min(100% - 4rem,44rem)}
.depart{padding-top:4.5rem}
.depart::before{left:2rem;width:4rem}
.depart-info{margin-left:7.5rem}
.grille{--decale:13rem;column-gap:3rem;row-gap:3rem}
.carte:not(.carte-pole){--marge:6rem;grid-template-columns:5rem minmax(0,1fr);column-gap:1rem;grid-template-rows:auto auto auto 1fr;grid-template-areas:"rang plaque" "rang visuel" "rang date" "rang extrait";padding-top:1.25rem}
.carte-nue:not(.carte-pole){grid-template-areas:"rang visuel" "rang visuel" "rang date" "rang extrait"}
.carte:not(.carte-pole)::before{content:"";position:absolute;top:0;left:calc(var(--marge) - .5rem);right:-.5rem;height:2.75rem;border:3px solid var(--peinture);border-bottom:0;pointer-events:none}
.carte:not(.carte-pole) .carte-rang{display:block;margin:0;padding-top:.25rem;font-size:3.5rem;text-align:right}
.carte:not(.carte-pole) .carte-rang::after{content:none}
.carte:not(.carte-pole):hover::before{border-color:var(--accent)}
.carte-plaque{font-size:1rem}
.carte-plaque .plaque-bande{width:2rem;font-size:.75rem}
.carte-plaque .plaque-texte{padding:.5rem .75rem}
.carte-nue .carte-plaque{font-size:1.125rem}
.carte-nue .carte-plaque .plaque-texte{padding:.75rem}
.carte-pole{grid-template-columns:36rem minmax(0,1fr);column-gap:2rem}
.carte-pole .carte-plaque{font-size:1.625rem}
.carte-pole .carte-plaque .plaque-texte{padding:.75rem 1rem}
.carte-pole .carte-plaque .plaque-bande{width:2.5rem;font-size:.875rem}
.carte-pole .carte-rang{font-size:8rem}
}

@media (prefers-reduced-motion:no-preference){
.feu,.feux-sens,.bouton{transition:background-color .2s,box-shadow .2s}
}