/* LE CADRE EST A 9 mm, LE CONTENU A 15: c'est l'air a l'interieur du cadre.
   Les deux etaient au meme endroit, donc le texte touchait le filet des quatre
   cotes et la mention de prix se posait SUR le filet du bas. Le cadre ne bouge
   pas (il est pose en `::before`, inset 9u); c'est le contenu qui rentre. */
.m02{background:#1B3A5C;color:#F2EADA;font-family:'Inter',system-ui,sans-serif;
  padding:calc(15 * var(--u))}
.m02 .tag{background:#C69A4C;color:#1B3A5C}
.m02::before{content:"";position:absolute;inset:calc(9 * var(--u));
  border:calc(.53 * var(--u)) solid rgba(242,234,218,.9);border-radius:calc(3 * var(--u));pointer-events:none}
.m02::after{content:"";position:absolute;inset:calc(10.4 * var(--u));
  outline:1px solid rgba(242,234,218,.42);outline-offset:-1px;
  border-radius:calc(2 * var(--u));pointer-events:none;
  clip-path:polygon(0 0,36% 0,36% 2px,64% 2px,64% 0,100% 0,100% 100%,0 100%)}
/* L'EN-TETE REMONTE AU NIVEAU DU CADRE. Le contenu rentre a 15 mm, mais le
   titre doit rester a cheval sur le filet, qui est a 9: on lui rend les 6 mm.
   En `--u`, pas en pixels: le meme dessin sert la vignette et le PDF. */
.m02 .hd{text-align:center;margin:calc(-6 * var(--u)) 0 1.3em;padding:0 1.4em}
/* LE TITRE EST A CHEVAL SUR LE FILET DU CADRE, ET IL FLOTTAIT EN DESSOUS.
   Le cadre est pose a 9 mm du papier (`::before`, inset 9u) et le contenu
   commençait exactement la: le titre tombait donc SOUS le filet au lieu de le
   couper. Sa trouee etait deja prevue -- le `clip-path` du filet interieur
   menage un vide de 26 % a 74 % -- et personne ne s'en servait.
   Le decalage vaut la MOITIE de la hauteur du titre, en `em`, pour que le
   centrage tienne aux quatre echelles: en pixels absolus il serait juste a
   l'apercu et faux au PDF. */
.m02 .hd h3{font:600 1.7em/1 'Familjen Grotesk',sans-serif;letter-spacing:.16em;
  text-transform:uppercase;margin:-1.29em 0 .55em;background:#1B3A5C;padding:.42em .8em .92em;
  display:inline-block;position:relative;z-index:2}
.m02 .hd .bl{font:500 .52em/1 'IBM Plex Mono',monospace;letter-spacing:.28em;
  text-transform:uppercase;color:#C69A4C;margin:.9em 0 0;font-size:max(calc(2.2 * var(--u)),.52em)}
.m02 .hd .dt{font:italic 600 .84em/1 'Cormorant Garamond',serif;color:#C69A4C;
  letter-spacing:.04em;margin:.4em 0 0;font-size:max(calc(2.2 * var(--u)),.84em)}
.m02 .grp h4{font:italic 600 1.06em/1 'Cormorant Garamond',serif;color:#C69A4C;
  letter-spacing:.04em;margin:0 0 .25em;text-transform:none;font-size:max(calc(2.5 * var(--u)),1.06em)}
.m02 .ln{font-family:'Inter',sans-serif;line-height:1.5}
.m02 .ln .l{opacity:.42}
.m02 .ln .p{font-weight:500;color:#C69A4C}
.m02 .dsc{color:rgba(242,234,218,.62)}
.m02 .note{font:500 .56em/1.5 'IBM Plex Mono',monospace;letter-spacing:.1em;
  color:rgba(242,234,218,.8);text-align:center;font-size:max(calc(2.2 * var(--u)),.56em)}
.m02 .ft{margin-top:1em;padding-top:.7em;border-top:1px solid rgba(242,234,218,.3);
  text-align:center}
.m02 .ft .ad{font:500 .66em/1.5 'Inter',sans-serif;letter-spacing:.02em;font-size:max(calc(2.2 * var(--u)),.66em)}
.m02 .ft .hr{font-family:'Inter',sans-serif;color:rgba(242,234,218,.7)}
.m02 .ft .tt{font:500 .52em/1.5 'IBM Plex Mono',monospace;letter-spacing:.12em;
  text-transform:uppercase;color:rgba(242,234,218,.55);margin-top:.4em;font-size:max(calc(2.2 * var(--u)),.52em)}
.m02.d-plaque-etroite .hd h3{font-size:1.15em;letter-spacing:.1em}
.m02.d-plaque-etroite::after{clip-path:none}
.m02 .lgd,.m02 .mnt,.m02 .dcl{text-align:center}
.m02 .cls{justify-content:center}
.m02 .grp:has(>.fp)>h4{text-indent:.04em}
/* LE CADRE ABSOLU (::before/::after, inset en mm) NE TIENT PAS EN MODE FIL:
   la page en ligne ne pagine jamais, donc `.sh.fil` est a hauteur auto, et un
   inset haut+bas ne s'y etire pas de facon fiable. Le cadre s'effondrait pres
   du haut de la page et son filet traversait le texte des premieres lignes
   (signale 2026-08-05, "WTF" sur /le-comptoir/la-carte/). Une bordure normale,
   qui suit le flux, remplace l'astuce: elle a toujours la hauteur du contenu,
   par construction. La cassure signee de l'imprime n'est pas reprise ici;
   c'est une decision de dessin a rendre a la session modeles, pas un correctif
   d'urgence. */
.sh.fil.m02::before,.sh.fil.m02::after{content:none}
.sh.fil.m02{border:1.5px solid rgba(242,234,218,.9);border-radius:.6em}