:root{--accent:#a8261d;--ardoise:#263230;--bois:#6f4626;--bois-clair:#9a6a42;--bois-fonce:#47290f;--craie:#f5f2ea;--craie-douce:#c9d1ca;--doux:#6b5244;--filet:#d2bfa8;--focus:#2b1d16;--fond:#f6efe4;--papier:#fffaf2;--police-texte:Seravek,"Gill Sans Nova",Ubuntu,Calibri,"DejaVu Sans",source-sans-pro,sans-serif;--police-titre:"Iowan Old Style","Palatino Linotype","URW Palladio L",P052,serif;--sur-accent:#fff8ef;--texte:#2b1d16;--toile:#fbf4e9;--zinc-bord:#3a4146;--zinc-clair:#eef0f1;--zinc-encre:#1a2024;--zinc-fonce:#a9b0b4;}
/* Terrasse (t2b133) : un blog de café et de bistrot. Store rayé à festons en tête de page, puis la vitrine (nom en lettres
   de vitrine, marque à gauche, menu à droite) ; l'ardoise du jour (première carte de chaque page : cadre de bois, titre à la
   craie, capture épinglée) ; puis la carte, papier crème à double filet, en deux colonnes de plats (lettrine, titre en
   capitales, date en italique, extrait, photo glissée) séparés par des fleurons ; pagination en jetons ; pied en zinc.
   Téléphone : frise de festons, ardoise, carte sur une colonne, menu en trois boutons sous le nom.
   Variables : palette (--fond, --papier, --texte, --doux, --accent, --sur-accent, --filet, --toile, --ardoise, --craie,
   --craie-douce, --bois, --bois-clair, --bois-fonce, --zinc-clair, --zinc-fonce, --zinc-encre, --zinc-bord, --focus) ;
   typo (--police-titre, --police-texte). CSS seule : polices système, aucune ressource externe, aucune animation. */

*,*::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(--texte);font-family:var(--police-texte);font-size:1rem;line-height:1.6;font-kerning:normal}
img{max-width:100%;height:auto}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.2em}
h1,h2,h3,p{margin:0}
h1,h2,h3{font-family:var(--police-titre);font-weight:400;line-height:1.15}
:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
.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:-20rem;left:1rem;z-index:20;padding:.8rem 1.2rem;background:var(--texte);color:var(--fond);font-weight:700}
.evitement:focus{top:1rem}

/* Store banne : rayures accent / toile, ombre du rouleau, lambrequin à festons qui prolongent chaque rayure */
.entete{--raie:2.5rem;--feston:1.25rem;--toit:4rem}
.entete::before{content:"";display:block;height:calc(var(--toit) + var(--feston));filter:drop-shadow(0 .3rem .2rem rgba(0,0,0,.22));background:linear-gradient(rgba(0,0,0,.34),rgba(0,0,0,0) .5rem,rgba(0,0,0,0) 55%,rgba(255,255,255,.08) 75%,rgba(0,0,0,.14)) 0 0/100% var(--toit) no-repeat,repeating-linear-gradient(90deg,var(--accent) 0 var(--raie),var(--toile) 0 calc(2*var(--raie))) 0 0/100% var(--toit) no-repeat,radial-gradient(circle at 50% 0,var(--accent) calc(var(--feston) - .5px),rgba(0,0,0,0) var(--feston)) calc(var(--raie)/-2) 100%/calc(2*var(--raie)) var(--feston) repeat-x,radial-gradient(circle at 50% 0,var(--toile) calc(var(--feston) - .5px),rgba(0,0,0,0) var(--feston)) calc(var(--raie)/2) 100%/calc(2*var(--raie)) var(--feston) repeat-x}

/* Vitrine : enseigne (marque et nom en capitales), menu en petites capitales */
.vitrine{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1.5rem;max-width:78rem;margin:0 auto;padding:1.5rem 2rem 1.25rem}
.enseigne{display:flex;flex:1 1 auto;min-width:0;font-family:var(--police-titre);font-size:clamp(1.3rem,3.4vw,3.25rem);font-weight:400;line-height:1.08;letter-spacing:.07em;text-transform:uppercase}
.entete-page .enseigne{font-size:clamp(1.2rem,.8rem + 1.7vw,2.35rem)}
.marque{display:inline-flex;align-items:center;gap:.45em;max-width:100%;min-height:2.75rem;color:var(--texte);text-decoration:none}
.marque:hover .marque-nom{text-decoration:underline;text-decoration-thickness:2px}
.marque-image{flex:none;width:clamp(2.5rem,1.7rem + 2vw,3.6rem);height:auto}
.marque-nom{min-width:0;overflow-wrap:anywhere;text-shadow:.04em .04em 0 color-mix(in srgb,var(--accent) 30%,transparent)}
.menu{margin-left:auto}
.menu ul{display:flex;flex-wrap:wrap;margin:0;padding:0;list-style:none}
.menu li{display:flex;align-items:center}
.menu li+li::before{content:"";width:.38rem;height:.38rem;margin:0 .15rem;background:var(--accent);transform:rotate(45deg)}
.menu a{display:flex;align-items:center;min-height:2.75rem;padding:0 .6rem;font-size:.84rem;font-weight:600;letter-spacing:.12em;text-decoration:none;text-transform:uppercase}
.menu a:hover{text-decoration:underline}
.menu a[aria-current="page"]{color:var(--accent);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.35em}

/* Contenu */
.principal{flex:1 0 auto;width:100%;max-width:78rem;margin:0 auto;padding:1.5rem 2rem 3.5rem}

/* Ardoise (ardoise du jour, page introuvable, accueil vide) : gris-vert, voile de craie, cadre de bois */
.ardoise,.ardoise-vide,.vide{position:relative;color:var(--craie);background:radial-gradient(ellipse 55% 65% at 20% 28%,rgba(255,255,255,.08),rgba(255,255,255,0) 70%),radial-gradient(ellipse 45% 55% at 82% 78%,rgba(255,255,255,.06),rgba(255,255,255,0) 70%),radial-gradient(ellipse 30% 22% at 58% 8%,rgba(255,255,255,.05),rgba(255,255,255,0) 70%),var(--ardoise);border:.9rem solid;border-color:var(--bois-clair) var(--bois) var(--bois-fonce);border-radius:.3rem;box-shadow:inset 0 0 0 1px rgba(0,0,0,.5),inset 0 .25rem .7rem rgba(0,0,0,.4),0 0 0 1px var(--bois-fonce),0 .8rem 1.5rem -.7rem rgba(0,0,0,.6);--focus:var(--craie)}
.ardoise{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1.75rem 3rem;padding:2.5rem}
.ardoise-texte{min-width:0}
.ardoise-surtitre{display:flex;align-items:center;gap:.75rem;color:var(--craie-douce);font-size:.8rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase}
.ardoise-surtitre::before,.ardoise-surtitre::after{content:"";flex:0 0 2.5rem;height:2px;border-radius:1px;background:rgba(255,255,255,.45)}
.ardoise-titre{margin:.7rem 0 .5rem;font-size:clamp(1.75rem,1.1rem + 2.4vw,2.6rem);line-height:1.1;overflow-wrap:anywhere;text-shadow:0 0 .08em rgba(255,255,255,.3)}
.ardoise-lien{text-decoration:none}
.ardoise-lien::after{content:"";position:absolute;inset:0;z-index:1}
.ardoise:hover .ardoise-lien{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.15em}
.ardoise-date{color:var(--craie-douce);font-size:1.0625rem;font-style:italic}
.ardoise-extrait{max-width:42rem;margin-top:1rem;font-size:1.0625rem;line-height:1.65}
.ardoise-suite{display:inline-block;margin-top:1.25rem;padding-bottom:.1rem;border-bottom:2px solid rgba(255,255,255,.4);font-size:.8rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.ardoise-epingle{position:relative;display:block;width:25rem;padding:.5rem;background:#fff;transform:rotate(2deg);box-shadow:0 .6rem 1.1rem -.2rem rgba(0,0,0,.55)}
.ardoise-epingle::before{content:"";position:absolute;top:-.6rem;left:50%;z-index:1;width:1.15rem;height:1.15rem;margin-left:-.575rem;border-radius:50%;background:radial-gradient(circle at 34% 30%,#fff 0 12%,var(--accent) 32% 62%,#000 130%);box-shadow:.12rem .3rem .3rem rgba(0,0,0,.5)}
.ardoise-image{display:block;width:100%}
.ardoise-initiale{display:grid;place-items:center;width:9.5rem;height:9.5rem;margin:0 1.5rem;border:2px solid rgba(255,255,255,.7);border-radius:50%;outline:1px solid rgba(255,255,255,.35);outline-offset:.45rem;font-family:var(--police-titre);font-size:5.5rem;line-height:1;text-shadow:0 0 .05em rgba(255,255,255,.35)}

/* La carte : papier à double filet, plats en colonnes */
.carte,.feuillet{background:var(--papier);color:var(--texte);border:2px solid var(--accent);outline:1px solid var(--accent);outline-offset:-.6rem;box-shadow:0 1rem 1.6rem -1.1rem rgba(0,0,0,.45)}
.carte{margin-top:2.75rem;padding:2.5rem 3rem 3rem}
.carte:not(:has(li)){display:none}
.carte-titre{display:flex;align-items:center;justify-content:center;gap:1rem;color:var(--accent);font-size:clamp(1.25rem,1rem + 1vw,1.75rem);letter-spacing:.18em;text-align:center;text-transform:uppercase}
.carte-titre::before,.carte-titre::after{content:"";flex:1 1 0;min-width:1rem;max-width:7rem;height:6px;border-block:1px solid}
.plats{max-width:46rem;margin:0 auto;padding:0;list-style:none}
.plat{position:relative;padding:2.1rem 0 .5rem;break-inside:avoid}
.plat-article{position:relative;display:grid;grid-template-columns:4.75rem minmax(0,1fr);column-gap:1.2rem;align-items:start}
.plat-lettrine{display:flex;flex-direction:column;align-items:center;gap:.35rem}
.plat-initiale{display:block;width:4.75rem;height:4.75rem;border:1px solid var(--accent);border-radius:50%;box-shadow:0 0 0 3px var(--papier),0 0 0 4px var(--accent);color:var(--accent);font-family:var(--police-titre);font-size:3.4rem;line-height:4.6rem;text-align:center}
.plat-rang{margin-top:.2rem;color:var(--doux);font-size:.8125rem;font-style:italic;line-height:1;font-variant-numeric:oldstyle-nums}
.plat-texte{min-width:0;padding-top:.15rem}
.plat-titre{font-size:1.0625rem;font-weight:700;line-height:1.25;letter-spacing:.05em;text-transform:uppercase;overflow-wrap:anywhere}
.plat-lien{text-decoration:none}
.plat-lien::after{content:"";position:absolute;inset:0;z-index:1}
.plat-article:hover .plat-lien{text-decoration:underline;text-decoration-thickness:2px}
.plat-date{margin-top:.2rem;color:var(--doux);font-size:.9375rem;font-style:italic}
.plat-extrait{margin-top:.4rem;font-size:.9375rem;line-height:1.55}
.plat-image{float:right;box-sizing:content-box;width:9rem;max-width:calc(100% - .6rem);margin:.5rem .3rem .4rem 1.1rem;padding:.3rem;background:#fff;box-shadow:0 .25rem .5rem -.1rem rgba(0,0,0,.35);transform:rotate(1.5deg)}
.plat:nth-child(even) .plat-image{transform:rotate(-1.5deg)}

/* Fleurons : petit losange entre deux filets courts (au-dessus d'un élément, ou au-dessous). Le paragraphe du contact a ses
   propres règles : un :has() dans une liste ferait ignorer toute la liste par un navigateur qui ne le connaît pas. */
.fleuron{position:relative;padding-top:1.5rem}
.fleuron-bas{position:relative;padding-bottom:1.7rem}
.fleuron::before,.fleuron-bas::before,.plat::before,.texte h2::before{content:"";position:absolute;top:.7rem;left:50%;width:8rem;height:1px;margin-left:-4rem;background:linear-gradient(90deg,var(--filet) 0 3.3rem,rgba(0,0,0,0) 3.3rem 4.7rem,var(--filet) 4.7rem)}
.fleuron::after,.fleuron-bas::after,.plat::after,.texte h2::after{content:"";position:absolute;top:.48rem;left:50%;width:.44rem;height:.44rem;margin-left:-.22rem;background:var(--accent);transform:rotate(45deg)}
.fleuron-bas::before{top:auto;bottom:.7rem}
.fleuron-bas::after{top:auto;bottom:.48rem}
.page-contact .texte>p:has(+iframe)::before{content:"";position:absolute;bottom:.7rem;left:50%;width:8rem;height:1px;margin-left:-4rem;background:linear-gradient(90deg,var(--filet) 0 3.3rem,rgba(0,0,0,0) 3.3rem 4.7rem,var(--filet) 4.7rem)}
.page-contact .texte>p:has(+iframe)::after{content:"";position:absolute;bottom:.48rem;left:50%;width:.44rem;height:.44rem;margin-left:-.22rem;background:var(--accent);transform:rotate(45deg)}

/* Pagination : jetons ronds, page précédente et suivante en jetons longs */
.pagination{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem 1.25rem;margin-top:2.75rem}
.jetons{order:-1;display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;width:100%;margin:0;padding:0;list-style:none}
.jetons a,.jetons li>span{display:grid;place-items:center;width:2.9rem;height:2.9rem;border:2px solid var(--accent);border-radius:50%;background:var(--papier);box-shadow:inset 0 0 0 3px var(--papier),inset 0 0 0 4px var(--filet);color:var(--texte);font-family:var(--police-titre);font-size:1.125rem;line-height:1;text-decoration:none}
.jetons a:hover,.jetons [aria-current]{background:var(--accent);box-shadow:inset 0 0 0 3px var(--accent),inset 0 0 0 4px var(--sur-accent);color:var(--sur-accent)}
.jetons [aria-current]{font-weight:700}
.bouton{display:inline-flex;align-items:center;gap:.5rem;min-height:2.9rem;padding:0 1.25rem;border:2px solid var(--accent);border-radius:1.45rem;background:var(--papier);color:var(--texte);font-size:.8rem;font-weight:600;letter-spacing:.1em;text-decoration:none;text-transform:uppercase}
.bouton:hover{background:var(--accent);color:var(--sur-accent)}
/* Chevrons dessinés (indépendants des polices) */
.ardoise-suite::after,.pagination-suivante::after,.pagination-precedente::before,.bouton-retour::before{content:"";display:inline-block;flex:none;width:.5em;height:.5em;border:solid;border-width:.14em .14em 0 0;vertical-align:.12em;transform:rotate(45deg)}
.pagination-precedente::before,.bouton-retour::before{transform:rotate(-135deg)}
.ardoise-suite::after{margin-left:.6em}

/* Article et pages de service : feuillet de carte */
.feuillet{max-width:42rem;margin:.5rem auto 0;padding:3rem 3rem 3.25rem}
.feuillet-entete{margin-bottom:2rem;text-align:center}
/* Titre en capitales, à une taille où un domaine long (jusqu'à 26 lettres d'un seul tenant) tient sans se couper en plein mot */
.feuillet-titre{margin-inline:-1rem;font-size:clamp(1.5rem,1rem + 1.5vw,2rem);line-height:1.12;letter-spacing:.03em;text-transform:uppercase;overflow-wrap:anywhere}
.feuillet-suite{display:block;margin-top:.45rem;color:var(--doux);font-size:max(.55em,.875rem);font-style:italic;letter-spacing:.03em;text-transform:none}
.feuillet-date{margin-top:1rem;color:var(--doux);font-style:italic}
.texte{font-size:1.0625rem;line-height:1.7;overflow-wrap:break-word}
.texte p,.texte ul,.texte ol{margin:0 0 1.1em}
.texte ul,.texte ol{padding-left:1.4rem}
.texte li::marker{color:var(--accent)}
.texte a{color:var(--accent);text-decoration:underline;text-decoration-thickness:1px;overflow-wrap:anywhere}
.texte a:hover{text-decoration-thickness:2px}
.texte h2{position:relative;margin:2.5rem 0 .9rem;padding-top:1.6rem;font-size:1.3rem;letter-spacing:.04em;text-align:center}
.texte>h2:first-child{margin-top:0;padding-top:0}
.texte>h2:first-child::before,.texte>h2:first-child::after{content:none}
.texte h3{margin:1.8rem 0 .6rem;font-size:1.125rem}
.texte img{display:block;margin:2rem auto;padding:.5rem;background:#fff;box-shadow:0 .5rem 1rem -.35rem rgba(0,0,0,.45);transform:rotate(-.7deg)}
.texte>:last-child{margin-bottom:0}
/* Site web et Source : petit cadre d'ardoise (les paragraphes à lien du corps, d'un seul tenant quand ils se suivent) */
.corps>p:has(>a){margin:1.5rem 0;padding:.6rem 1rem;background:var(--ardoise);color:var(--craie-douce);border:.4rem solid var(--bois);font-size:.9375rem;line-height:1.5;--focus:var(--craie)}
.corps>p:has(>a) a{color:var(--craie)}
.corps>p:has(>a):has(+p>a){margin-bottom:0;padding-bottom:.25rem;border-bottom:0}
.corps>p:has(>a)+p:has(>a){margin-top:0;padding-top:.25rem;border-top:0}
.retour{margin-top:2.25rem;text-align:center}
.page-contact .feuillet{max-width:52rem}
.page-contact .texte>p:has(+iframe){position:relative;margin-bottom:1.75rem;padding-bottom:1.7rem;text-align:center}
.page-contact iframe{box-shadow:0 0 0 1px var(--filet),0 0 0 .45rem var(--papier),0 0 0 calc(.45rem + 2px) var(--accent)}
.page-plan_du_site .feuillet{max-width:64rem}
.page-plan_du_site .texte ul{padding:0;list-style:none}
.page-plan_du_site .texte>ul:first-child{display:flex;flex-wrap:wrap;justify-content:center;gap:0 2rem}
.page-plan_du_site .texte>h2+ul{columns:2 22rem;column-gap:3.5rem;column-rule:3px double var(--filet)}
.page-plan_du_site .texte li{margin:0;break-inside:avoid}
.page-plan_du_site .texte>ul a{display:inline-block;padding:.3rem 0}
/* Pagination du plan du site (au-delà de 300 liens) : jetons longs, page courante en gras sur l'accent */
.texte nav ul{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;padding:0;list-style:none}
.texte nav a,.texte nav b{display:grid;place-items:center;min-width:2.75rem;min-height:2.75rem;padding:0 1rem;border:2px solid var(--accent);border-radius:1.4rem;line-height:1.2}
.texte nav b{background:var(--accent);color:var(--sur-accent)}

/* Page introuvable et accueil vide : l'ardoise vide */
.principal-404{display:flex;align-items:center;padding-top:3rem;padding-bottom:4rem}
.ardoise-vide{width:100%;max-width:40rem;margin:0 auto;padding:3rem 2.5rem;text-align:center}
.ardoise-vide-titre{font-size:clamp(1.8rem,1.2rem + 2.5vw,3rem);text-shadow:0 0 .08em rgba(255,255,255,.3)}
.ardoise-vide-texte{margin-top:1rem;color:var(--craie-douce);font-size:1.125rem}
.ardoise-vide-retour{margin-top:1.5rem}
.ardoise-vide-retour a{display:inline-flex;align-items:center;min-height:2.75rem;font-size:.85rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
.vide{padding:2.5rem;font-size:1.25rem;text-align:center}

/* Pied : le zinc, sous un liseré sombre ; domaine gravé au centre */
.pied{--focus:var(--zinc-encre);color:var(--zinc-encre);background:linear-gradient(var(--zinc-fonce),var(--zinc-clair) 35%,var(--zinc-fonce)) 0 0/100% .75rem no-repeat,repeating-linear-gradient(90deg,rgba(255,255,255,.09) 0 1px,rgba(255,255,255,0) 1px 3px),linear-gradient(var(--zinc-clair),var(--zinc-fonce));border-top:.3rem solid var(--zinc-bord)}
.zinc{display:grid;justify-items:center;gap:.5rem;max-width:78rem;margin:0 auto;padding:2.25rem 2rem 2.4rem}
.pied-domaine{max-width:100%;padding:.35rem 1.1rem;border:1px solid rgba(0,0,0,.4);border-radius:.3rem;box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 1px 0 rgba(255,255,255,.5);font-family:var(--police-titre);font-size:1.375rem;letter-spacing:.04em;text-align:center;text-shadow:0 1px 0 rgba(255,255,255,.45);overflow-wrap:anywhere}
.pied-liens{display:grid;grid-template-columns:1fr 1fr;gap:0 1rem;width:100%;margin:0;padding:0;list-style:none}
.pied-liens li{display:flex;justify-content:center}
.pied-liens a{display:flex;align-items:center;min-height:2.75rem;padding:0 .4rem;font-size:.8125rem;font-weight:700;letter-spacing:.14em;text-align:center;text-decoration:none;text-transform:uppercase}
.pied-liens a:hover{text-decoration:underline}

/* Téléphone : frise de festons, menu en trois boutons, carte sur une colonne, photos sous le texte */
@media (max-width:39.99rem){
  .entete{--raie:1.5rem;--feston:.75rem;--toit:1.25rem}
  .vitrine{flex-direction:column;align-items:stretch;gap:.9rem;padding:1rem 1rem 1.1rem}
  .enseigne{flex:none;justify-content:center;font-size:clamp(1.2rem,5.6vw,1.9rem);letter-spacing:.05em;text-align:center}
  .entete-page .enseigne{font-size:clamp(1.1rem,5vw,1.6rem)}
  .menu{margin-left:0}
  .menu ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem}
  .menu li+li::before{content:none}
  .menu a{justify-content:center;width:100%;padding:.2rem .3rem;border:1px solid var(--accent);background:var(--papier);font-size:.78rem;line-height:1.2;letter-spacing:.06em;text-align:center}
  .menu a[aria-current="page"]{background:var(--accent);color:var(--sur-accent);text-decoration:none}
  .principal{padding:1.25rem 1rem 2.5rem}
  .ardoise{padding:1.25rem;border-width:.6rem}
  .ardoise-titre{font-size:clamp(1.3rem,4.4vw + .42rem,2rem)}
  .ardoise-extrait{font-size:1rem}
  .carte{margin-top:2rem;padding:1.6rem 1rem 1.75rem;outline-offset:-.45rem}
  .carte-titre{gap:.5rem;font-size:clamp(.95rem,4.6vw,1.15rem);letter-spacing:.08em}
  .carte-titre::before,.carte-titre::after{min-width:.5rem}
  .plat{padding-top:1.9rem}
  .plat-article{grid-template-columns:3.6rem minmax(0,1fr);column-gap:.85rem}
  .plat-initiale{width:3.6rem;height:3.6rem;font-size:2.5rem;line-height:3.45rem}
  .plat-texte{display:flex;flex-direction:column}
  .plat-image{order:1;align-self:flex-start;margin:.75rem 0 .3rem .3rem}
  .plat-titre{font-size:clamp(.8rem,1.6vw + .5rem,1rem);letter-spacing:.02em}
  .feuillet{padding:2rem 1.25rem 2.25rem;outline-offset:-.45rem}
  .feuillet-titre{margin-inline:0;font-size:clamp(.95rem,3.9vw + .2rem,1.6rem);letter-spacing:.02em}
  .vue-page .feuillet-titre{font-size:clamp(1.2rem,5.6vw,1.6rem)}
  .texte{font-size:1rem}
  .texte h2{font-size:1.15rem}
  .page-contact iframe{box-shadow:0 0 0 1px var(--accent)}
  .page-plan_du_site .texte>ul a{display:block;padding:.6rem 0}
  .ardoise-vide{padding:2.25rem 1.25rem}
  .zinc{padding:1.6rem 1rem 1.8rem}
}
@media (max-width:22.49rem){
  .vitrine,.principal,.carte{padding-inline:.75rem}
  .plat-article{grid-template-columns:2.8rem minmax(0,1fr);column-gap:.6rem}
  .plat-initiale{width:2.8rem;height:2.8rem;font-size:1.95rem;line-height:2.65rem}
  .plat-titre{letter-spacing:0}
}
@media (min-width:40rem) and (max-width:63.99rem){
  .ardoise{padding:2rem}
}
@media (max-width:47.99rem){
  .ardoise{grid-template-columns:minmax(0,1fr)}
  .ardoise-epingle{width:auto;transform:rotate(1deg)}
  .ardoise-initiale{display:none}
}
@media (min-width:48rem) and (max-width:63.99rem){
  .ardoise-epingle{width:17rem}
  .ardoise-initiale{width:7rem;height:7rem;margin:0 .5rem;font-size:4rem}
}
@media (min-width:48rem){
  .zinc{grid-template-columns:1fr auto 1fr;column-gap:2.5rem;align-items:center}
  .pied-domaine{grid-column:2;grid-row:1/3}
  .pied-liens{display:contents}
  .pied-liens li:nth-child(-n+2){grid-column:1;justify-self:end}
  .pied-liens li:nth-child(n+3){grid-column:3;justify-self:start}
  .pied-liens li:nth-child(odd){grid-row:1}
  .pied-liens li:nth-child(even){grid-row:2}
}
@media (min-width:68rem){
  .plats{max-width:none;columns:2;column-gap:5rem;column-rule:3px double var(--filet)}
}
@media (min-width:72rem){
  .pagination{display:grid;grid-template-columns:1fr auto 1fr}
  .jetons{grid-column:2;grid-row:1;width:auto}
  .pagination-precedente{grid-column:1;grid-row:1;justify-self:end}
  .pagination-suivante{grid-column:3;grid-row:1;justify-self:start}
}