:root{--couleur-papier: #FAF8F3;--couleur-papier-2: #F1EDE4;--couleur-encre: #211C17;--couleur-charbon: #131313;--couleur-charbon-2: #1E1E1E;--couleur-vermillon: #E0542B;--couleur-vermillon-fonce: #C94A24;--couleur-gris: #6B645C;--couleur-gris-nuit: #B8B8B8;--couleur-filet: #E7E1D8;--couleur-jaune: #FFC94D;--couleur-ciel: #B9D3F7;--couleur-menthe: #A8DDB5;--couleur-rose: #F7B5C4;--couleur-lilas: #CDBBF5;--couleur-rouge: #B3261E;--couleur-rouge-nuit: #F2877B;--couleur-vert: #2F7A4D;--couleur-vert-nuit: #7CCB97;--couleur-bleu: #3B7DD8;--couleur-ambre: #B8860F;--couleur-framboise: #D65F8C;--couleur-violet: #7657C9;--couleur-emeraude: #2C9A6A;--rayon-aucun: 0;--rayon-s: 6px;--rayon-m: 12px;--rayon-l: 20px;--rayon-pilule: 999px;--trait-fin: 1px;--trait-objet: 1.5px;--ombre-aucune: none;--ombre-posee: 0 1px 2px rgba(33, 28, 23, .08);--ombre-flottante: 0 8px 24px rgba(33, 28, 23, .12);--ombre-objet: 6px 6px 0 var(--teinte-ombre);--espace-xs: 4px;--espace-sm: 8px;--espace-md: 16px;--espace-lg: 32px;--espace-xl: 64px;--espace-2xl: 128px;--duree-vif: .15s;--duree-pose: .35s;--duree-rotation: .9s;--duree-souffle: 2.4s;--courbe-suisse: cubic-bezier(.2, .8, .2, 1);--courbe-rebond: cubic-bezier(.3, 1.6, .5, 1);--police-titre: "Instrument Serif", serif;--police-texte: "Geist", system-ui, sans-serif;--police-mono: "Geist Mono", monospace;--police-choc: "Anton", sans-serif;--taille-hero: clamp(2.5rem, 6vw, 4.5rem);--taille-titre: clamp(2rem, 4vw, 3.25rem);--taille-corps: clamp(1.25rem, 2.2vw, 1.6rem);--taille-choc: clamp(3rem, 9vw, 7rem);--taille-appui: 1.0625rem;--taille-surtitre: .8125rem;--taille-meta: .75rem;--fond: var(--couleur-papier);--surface: var(--couleur-papier-2);--texte: var(--couleur-encre);--discret: var(--couleur-gris);--filet: var(--couleur-filet);--trait: var(--couleur-encre);--accent: var(--couleur-vermillon);--accent-appuye: var(--couleur-vermillon-fonce);--sur-accent: var(--couleur-papier);--appoint-1: var(--couleur-jaune);--appoint-2: var(--couleur-ciel);--appoint-3: var(--couleur-menthe);--appoint-4: var(--couleur-rose);--appoint-5: var(--couleur-lilas);--sur-appoint: var(--couleur-encre);--teinte-ombre: var(--couleur-jaune);--danger: var(--couleur-rouge);--succes: var(--couleur-vert);--donnee-1: var(--couleur-vermillon);--donnee-2: var(--couleur-bleu);--donnee-3: var(--couleur-ambre);--donnee-4: var(--couleur-framboise);--donnee-5: var(--couleur-violet);--donnee-6: var(--couleur-emeraude);--quadrillage-couleur: rgba(33, 28, 23, .05);--quadrillage-pas: 46px}[data-theme=nocturne]{--fond: var(--couleur-charbon);--surface: var(--couleur-charbon-2);--texte: var(--couleur-papier);--discret: var(--couleur-gris-nuit);--filet: rgba(255, 255, 255, .12);--trait: var(--couleur-papier);--danger: var(--couleur-rouge-nuit);--succes: var(--couleur-vert-nuit);--quadrillage-couleur: rgba(255, 255, 255, .055);--quadrillage-pas: 46px}.type-hero{font-family:var(--police-titre);font-size:var(--taille-hero);line-height:1.02}.type-titre{font-family:var(--police-titre);font-size:var(--taille-titre);line-height:1.05}.type-corps{font-family:var(--police-titre);font-size:var(--taille-corps);line-height:1.35}.type-choc{font-family:var(--police-choc);font-size:var(--taille-choc);line-height:.95;text-transform:uppercase}.type-appui{font-family:var(--police-texte);font-size:var(--taille-appui);line-height:1.5;font-weight:500}.type-surtitre{font-family:var(--police-mono);font-size:var(--taille-surtitre);font-weight:600;text-transform:uppercase;letter-spacing:.22em}.type-meta{font-family:var(--police-mono);font-size:var(--taille-meta);font-weight:500;text-transform:uppercase;letter-spacing:.14em}.quadrillage{position:relative;isolation:isolate;overflow:hidden;background-image:repeating-linear-gradient(to right,var(--quadrillage-couleur) 0 1px,transparent 1px var(--quadrillage-pas)),repeating-linear-gradient(to bottom,var(--quadrillage-couleur) 0 1px,transparent 1px var(--quadrillage-pas))}.case{position:absolute;z-index:-1;width:var(--quadrillage-pas);height:var(--quadrillage-pas);left:calc(var(--quadrillage-pas) * var(--x));top:calc(var(--quadrillage-pas) * var(--y));background:var(--c);animation:allumer var(--duree-pose) var(--courbe-rebond)}.case[data-bord=droit]{left:calc(round(down,100%,var(--quadrillage-pas)) - var(--quadrillage-pas) * (var(--x) + 1))}@keyframes allumer{0%{scale:.4;opacity:0}}@media(max-width:640px){.case[data-bord=droit]{display:none}}*,*:before,*:after{box-sizing:border-box;margin:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{background:var(--fond);color:var(--texte);font-family:var(--police-texte);font-size:var(--taille-appui);line-height:1.55}h1,h2,h3{font-weight:400;text-wrap:balance}h1 em,h2 em{color:var(--accent)}a{color:inherit;text-decoration-color:var(--accent);text-underline-offset:.2em}:where(a,button,input):focus-visible{outline:2px solid var(--accent);outline-offset:2px}code{font-family:var(--police-mono);font-size:.85em}.colonne{width:min(100% - 2 * var(--espace-md),70rem);margin-inline:auto}.bande{padding-block:var(--espace-xl);border-top:var(--trait-fin) solid var(--filet)}.bande>.colonne>h2{margin:var(--espace-md) 0 var(--espace-sm)}.chapo{max-width:60ch;color:var(--discret);margin-bottom:var(--espace-lg)}.surtitre{display:inline-flex;align-items:center;gap:.8em;color:var(--accent)}.surtitre:before{content:"";width:.7em;height:.7em;background:currentColor}.btn{display:inline-flex;align-items:center;justify-content:center;font:inherit;font-weight:600;font-size:.9375rem;line-height:1;text-decoration:none;cursor:pointer;padding:.95em 1.5em;color:var(--sur-accent);background:var(--accent);border:var(--trait-objet) solid transparent;border-radius:var(--rayon-m);transition:background-color var(--duree-vif)}.btn:hover{background:var(--accent-appuye)}.btn-secondaire{color:var(--texte);background:var(--fond);border-color:var(--trait)}.btn-secondaire:hover{background:var(--surface)}.objet{background:var(--surface);border:var(--trait-objet) solid var(--trait);border-radius:var(--rayon-m);box-shadow:var(--ombre-objet);padding:var(--espace-lg)}.etiquette{display:inline-block;font-family:var(--police-mono);font-size:.6875rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;padding:.4em .8em;border-radius:var(--rayon-pilule);background:var(--c);color:var(--sur-appoint)}.champ{font:inherit;color:inherit;background:var(--fond);border:var(--trait-objet) solid var(--trait);border-radius:var(--rayon-m);padding:.75em 1em}.ligne{display:flex;align-items:center;gap:var(--espace-md);background:var(--fond);border:var(--trait-fin) solid var(--filet);border-radius:var(--rayon-m);padding:.8em 1em}.ligne>span{flex:1}.coche{flex:none;width:1.5rem;height:1.5rem;display:grid;place-items:center;padding:0;cursor:pointer;color:transparent;background:var(--fond);border:var(--trait-objet) solid var(--trait);border-radius:var(--rayon-s)}.coche svg{width:70%}.ligne[data-fait] .coche{background:var(--accent);border-color:var(--accent);color:var(--sur-accent);animation:allumer var(--duree-pose) var(--courbe-rebond)}.ligne[data-fait]>span{color:var(--discret);text-decoration:line-through}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}