.guide[data-guide="paiements"]{--gi-maille: 44px;}.guide[data-guide="paiements"] > .guide-illu{height: 340px;}.guide[data-guide="paiements"] .guide-fig > .guide-illu{height: 280px;}.guide[data-guide="paiements"] .guide-fig > .guide-illu[data-illustration="cas-cotisations"]{height: 300px;}@media (max-width: 600px){.guide[data-guide="paiements"] > .guide-illu{height: 320px;}.guide[data-guide="paiements"] .guide-fig > .guide-illu{height: 270px;}.guide[data-guide="paiements"] .guide-fig > .guide-illu[data-illustration="cas-cotisations"]{height: 310px;}}.gpay-scene{position: absolute;inset: 0;box-sizing: border-box;font-family: var(--font-family-body);color: var(--color-text-primary);}.guide-illu .gpay-scene p{margin: 0;line-height: 1.25;}.gpay-env{z-index: 1;width: 64px;height: 44px;transform-origin: 50% 100%;}.gpay-env.petite{width: 30px;height: 21px;}.gpay-env-svg{display: block;width: 100%;height: 100%;overflow: visible;}.gpay-env-corps{fill: var(--color-surface-card);stroke: var(--color-text-primary);stroke-width: 2;}.gpay-env-pli, .gpay-env-rabat{fill: none;stroke: var(--color-text-primary);stroke-width: 1.6;stroke-linejoin: round;stroke-linecap: round;}.gpay-env-hachure{fill: none;stroke: var(--color-text-muted);stroke-width: 0.9;stroke-linecap: round;}.gpay-env-cire{fill: var(--color-intent-primary);stroke: var(--color-surface-card);stroke-width: 1.2;}.gpay-env.petite .gpay-env-hachure{display: none;}.gpay-cachet{position: absolute;right: -22px;top: -20px;display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;border-radius: 50%;box-sizing: border-box;border: 2px solid var(--color-text-muted);outline: 1px dashed var(--color-text-muted);outline-offset: 2px;background: rgb(var(--color-surface-page-rgb) / 0.85);transform: rotate(-12deg);font-family: var(--font-family-mono);color: var(--color-text-muted);}.gpay-cachet b{font-size: 0.68rem;font-weight: 600;letter-spacing: 0.02em;white-space: nowrap;}.gpay-cachet.arrive{border-color: var(--color-text-accent-raised);outline-color: var(--color-text-accent-raised);color: var(--color-text-accent-raised);}.gpay-tete-titre{position: absolute;right: var(--spacing-4);top: var(--spacing-3);font-family: var(--font-family-title);font-size: 1.05rem;letter-spacing: 0.04em;color: var(--color-text-primary);}.gpay-trajet{position: absolute;inset: 0;}.gpay-pt{width: 4px;height: 4px;border-radius: 50%;background: var(--color-text-primary);}.gpay-ombre{z-index: 0;height: 12px;transform-origin: 50% 50%;}.gpay-ombre::before{content: "";position: absolute;inset: 0;border-radius: 50%;border: 1.5px dashed var(--color-text-muted);background: rgb(var(--color-text-muted-rgb) / 0.12);}.gpay-casiers{position: absolute;z-index: 2;left: var(--spacing-5);right: var(--spacing-5);bottom: var(--spacing-5);display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: var(--spacing-4);}@media (max-width: 600px){.gpay-casiers{left: var(--spacing-3);right: var(--spacing-3);gap: var(--spacing-2);}.gpay-casiers .gpay-l2{white-space: normal;text-align: center;line-height: 1.2;}.gpay-casiers .gpay-l1{font-size: 1.1rem;}.gpay-casiers .gpay-tampon{left: 50%;right: auto;margin-left: -2.4em;bottom: -8px;font-size: 0.8rem;}.gpay-casier:first-child .gpay-l2{font-size: 0;}.gpay-casier:first-child .gpay-l2::after{content: attr(data-court);font-size: 0.64rem;}}.gpay-casier{display: flex;flex-direction: column;align-items: stretch;}.gpay-fente{display: block;align-self: center;width: 62%;height: 7px;margin-bottom: 3px;border-radius: var(--radius-full);background: var(--color-text-primary);}.gpay-face{position: relative;display: flex;flex-direction: column;align-items: center;gap: 2px;padding: var(--spacing-2) var(--spacing-1) var(--spacing-2-5);min-height: 76px;box-sizing: border-box;border: 1.5px solid var(--color-border-strong);border-top-width: 4px;border-radius: var(--radius-sm);background: var(--color-surface-card);box-shadow: var(--shadow-sm);}.gpay-casier.recu .gpay-face{box-shadow: var(--shadow-sm), inset 0 0 0 2px rgb(var(--color-intent-primary-rgb) / 0.55);}.gpay-mois{font-family: var(--font-family-title);font-weight: 600;font-size: 0.82rem;letter-spacing: 0.14em;text-transform: uppercase;}.gpay-l1{font-family: var(--font-family-number);font-weight: 600;font-size: 1.3rem;line-height: 1.1;white-space: nowrap;}.gpay-l2{font-family: var(--font-family-mono);font-size: 0.64rem;color: var(--color-text-muted);white-space: nowrap;}.gpay-casier:first-child .gpay-l1{font-family: var(--font-family-mono);font-weight: 400;font-size: 0.7rem;color: var(--color-text-muted);}.gpay-casier.vide .gpay-l1{color: var(--color-text-muted);}.gpay-tampon{position: absolute;right: -10px;bottom: -18px;padding: 0.1em 0.5em;border: 2px solid var(--color-text-accent-raised);border-radius: var(--radius-sm);font-family: var(--font-family-title);font-weight: 700;font-size: 0.9rem;letter-spacing: 0.16em;text-transform: uppercase;color: var(--color-text-accent-raised);background: rgb(var(--color-surface-page-rgb) / 0.6);}.gpay-cal{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: var(--spacing-2);padding: var(--spacing-8) var(--spacing-4) var(--spacing-4);}.gpay-cal-tete{display: flex;align-items: center;justify-content: space-between;width: 100%;max-width: 440px;}.gpay-cal-dep{display: flex;flex-direction: column;}.gpay-cal-dep small, .gpay-treso-leg{font-family: var(--font-family-mono);font-size: 0.62rem;letter-spacing: 0.12em;text-transform: uppercase;color: var(--color-text-muted-raised);}.gpay-cal-dep b{font-family: var(--font-family-number);font-weight: 600;font-size: 1.2rem;}.gpay-cachet-xl{position: relative;right: auto;top: auto;width: 54px;height: 54px;}.gpay-cachet-xl b{font-size: 0.8rem;}.gpay-cal-grilles{display: flex;gap: var(--spacing-6);}.gpay-cal-nom{font-family: var(--font-family-title);font-size: 0.78rem;letter-spacing: 0.14em;text-transform: uppercase;margin-bottom: var(--spacing-1) !important;}.gpay-cal-grille{display: grid;grid-template-columns: repeat(7, 22px);gap: 4px;}.gpay-case{position: relative;width: 22px;height: 18px;box-sizing: border-box;border-radius: 3px;border: 1px solid var(--color-border-default);background: var(--color-surface-card);}.gpay-case.hors{border-style: dashed;background: transparent;}.gpay-case i{position: absolute;inset: 3px;border-radius: 2px;background: var(--color-text-primary);}.gpay-case.vise{box-shadow: 0 0 0 2px var(--color-text-accent-raised);}.gpay-case-j{position: absolute;left: 0;right: 0;top: 100%;margin-top: 2px;text-align: center;font-style: normal;font-family: var(--font-family-mono);font-size: 0.6rem;color: var(--color-text-muted-raised);}.guide-illu .gpay-cal-argent{padding: 0.1em 0.55em;white-space: nowrap;border: 1.5px solid var(--color-text-accent-raised);border-radius: var(--radius-sm);background: var(--color-surface-card-elevated);font-family: var(--font-family-number);font-weight: 600;font-size: 0.85rem;color: var(--color-text-primary);}.guide-illu .gpay-cal-egal{font-family: var(--font-family-mono);font-size: 0.78rem;letter-spacing: 0.02em;color: var(--color-text-primary);margin-top: var(--spacing-2);}@media (max-width: 600px){.gpay-cal-grilles{gap: var(--spacing-4);}.gpay-cal-grille{grid-template-columns: repeat(7, 16px);gap: 3px;}.gpay-case{width: 16px;height: 14px;}.gpay-case i{inset: 2px;}}.gpay-cot{display: flex;flex-direction: column;gap: var(--spacing-2);padding: var(--spacing-8) var(--spacing-5) var(--spacing-3);}.gpay-cot-mois{display: grid;grid-template-columns: var(--gpay-et-l) repeat(3, minmax(0, 1fr));gap: var(--spacing-3);}.gpay-cot{--gpay-et-l: 92px;}.gpay-cot-mois span{text-align: center;font-family: var(--font-family-title);font-size: 0.78rem;letter-spacing: 0.14em;text-transform: uppercase;}.gpay-cot-zone{position: relative;flex: 1;display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: var(--spacing-3);padding-left: calc(var(--gpay-et-l) + var(--spacing-3));}.gpay-cot-ligne{position: absolute;left: 0;right: 0;top: 60%;height: 1.5px;background: var(--color-text-primary);}.guide-illu .gpay-cot-et{position: absolute;left: 0;width: var(--gpay-et-l);font-family: var(--font-family-mono);font-size: 0.62rem;letter-spacing: 0.1em;text-transform: uppercase;color: var(--color-text-muted-raised);}.guide-illu .gpay-cot-et.haut{bottom: calc(40% + 6px);}.guide-illu .gpay-cot-et.bas{top: calc(60% + 6px);}.gpay-cot-col{position: relative;}.gpay-cot-col.recu::before{content: "";position: absolute;inset: 0 8%;border-radius: var(--radius-sm);background: rgb(var(--color-intent-primary-rgb) / 0.08);}.guide-illu .gpay-cot-travail{position: absolute;left: 0;right: 0;top: 18%;text-align: center;font-family: var(--font-family-mono);font-size: 0.66rem;color: var(--color-text-primary);}.gpay-cot-zero{position: absolute;left: 0;right: 0;bottom: calc(40% + 6px);text-align: center;font-style: normal;font-family: var(--font-family-number);font-weight: 600;font-size: 1rem;color: var(--color-text-muted);}.gpay-cot-pile{position: absolute;left: 24%;right: 24%;bottom: 40%;height: calc(60% - 30px);transform-origin: 50% 100%;}.gpay-cot-reste, .gpay-cot-part{position: absolute;left: 0;right: 0;box-sizing: border-box;border: 1.5px solid var(--color-intent-primary);}.gpay-cot-reste{bottom: 0;height: calc((1 - var(--gpay-r)) * 100%);border-top-width: 0;background: repeating-linear-gradient(135deg, rgb(var(--color-intent-primary-rgb) / 0.55) 0 2px, transparent 2px 5px);}.gpay-cot-part{top: 0;height: calc(var(--gpay-r) * 100%);border-radius: 2px 2px 0 0;border-bottom-style: dashed;background: repeating-linear-gradient(135deg, rgb(var(--color-intent-primary-rgb) / 0.55) 0 2px, transparent 2px 5px);}.gpay-cot-part.partie{border-color: var(--color-text-primary);border-style: solid;border-radius: 0 0 2px 2px;background: repeating-linear-gradient(45deg, rgb(var(--color-text-primary-rgb) / 0.7) 0 2px, transparent 2px 5px);}.gpay-cot-plus, .gpay-cot-moins{position: absolute;left: -12px;right: -12px;text-align: center;white-space: nowrap;font-family: var(--font-family-number);font-weight: 600;font-size: 1.05rem;}.gpay-cot-plus{top: 4px;}.gpay-cot-moins{top: calc(60% + 10px + var(--gpay-r, 0.25) * (60% - 30px));}@media (max-width: 600px){.gpay-cot{--gpay-et-l: 58px;padding-left: var(--spacing-3);padding-right: var(--spacing-3);}.gpay-cot-mois, .gpay-cot-zone{gap: var(--spacing-1-5);}.gpay-cot-zone{padding-left: calc(var(--gpay-et-l) + var(--spacing-1-5));}.guide-illu .gpay-cot-et{font-size: 0.55rem;letter-spacing: 0.04em;}.gpay-cot-plus, .gpay-cot-moins{font-size: 0.9rem;}.gpay-cot-pile{left: 18%;right: 18%;}}.gpay-treso{display: flex;flex-direction: column;gap: var(--spacing-2);padding: var(--spacing-8) var(--spacing-5) var(--spacing-4);}.gpay-treso-haut{display: flex;align-items: center;justify-content: space-between;gap: var(--spacing-3);}.gpay-treso-leg{position: relative;flex: 1;height: 1.2em;}.gpay-treso-leg span{position: absolute;left: 0;top: 0;white-space: nowrap;}.gpay-treso-leg .b{color: var(--color-text-primary);}.gpay-fenetre{position: relative;flex: 1;overflow: hidden;border-bottom: 1.5px solid var(--color-text-primary);}.gpay-ruban{position: absolute;top: 0;bottom: 0;display: flex;width: calc(100% * (var(--gpay-nb) + var(--gpay-decal)) / var(--gpay-nb));left: calc(-100% * var(--gpay-decal) / var(--gpay-nb));background: radial-gradient(circle at 50% 0, var(--color-surface-page) 2.5px, transparent 3px) 0 0 / 12px 8px repeat-x, var(--color-surface-card);border-left: 1px solid var(--color-border-subtle);border-right: 1px solid var(--color-border-subtle);}.gpay-slot{position: relative;flex: 1;}.gpay-barre{position: absolute;left: 22%;right: 22%;bottom: 0;height: 58%;transform-origin: 50% 100%;border: 1.5px solid var(--color-intent-primary);border-bottom: 0;box-sizing: border-box;border-radius: 2px 2px 0 0;background: repeating-linear-gradient(135deg, rgb(var(--color-intent-primary-rgb) / 0.55) 0 2px, transparent 2px 5px);}.gpay-barre.visee{background: repeating-linear-gradient(135deg, rgb(var(--color-intent-primary-rgb) / 0.85) 0 2px, transparent 2px 4px);}.gpay-vignette{position: absolute;z-index: 2;top: var(--spacing-1);left: calc(100% * (var(--gpay-col) + 0.5) / var(--gpay-nb, 6));width: 0;display: flex;justify-content: center;}.gpay-vignette-in{flex: none;display: flex;flex-direction: column;gap: 1px;padding: var(--spacing-1-5) var(--spacing-2-5);border: 1px solid var(--color-border-strong);border-radius: var(--radius-sm);background: var(--color-surface-card-elevated);box-shadow: var(--shadow-md);white-space: nowrap;}.gpay-vignette-in small{font-family: var(--font-family-mono);font-size: 0.58rem;letter-spacing: 0.1em;text-transform: uppercase;color: var(--color-text-muted-raised);}.gpay-vignette-in span{font-family: var(--font-family-mono);font-size: 0.66rem;color: var(--color-text-primary);}.gpay-vignette-in b{font-family: var(--font-family-number);font-weight: 600;font-size: 1.05rem;}.gpay-axe{display: grid;grid-template-columns: repeat(var(--gpay-nb), 1fr);}.gpay-axe span{text-align: center;font-family: var(--font-family-mono);font-size: 0.66rem;color: var(--color-text-primary);}.gpay-axe span.vide{color: var(--color-text-muted);}