/* ============================================================================
   Scriptami — CSS composants (design system v1.0.0, contrat design/)
   Porté de la maquette v8 par sc-php:design-bridge (T5, 2026-07-23).
   Tokens : couleurs/typo/spacing via presets theme.json (--wp--preset--*),
   formes/ombres via --wp--custom--*. Variables CONTEXTUELLES --verb/--verb-deep/
   --verb-tint/--verb-band posées par les classes d'axe v-* (règle R7).
   Écarts volontaires vs maquette : design/ds-deviation-ledger.md (DEV-001…012).
   Responsive : @media 767/1100 (mandat P2, DEV-010 — la maquette simulait 390/834).
   ========================================================================== */

/* ---- verb color system (R7) ---- */
.v-consolider { --verb: var(--wp--preset--color--consolider); --verb-deep: var(--wp--preset--color--consolider-deep); --verb-tint: var(--wp--preset--color--consolider-tint); --verb-band: var(--wp--preset--color--consolider); }
.v-debloquer  { --verb: var(--wp--preset--color--debloquer); --verb-deep: var(--wp--preset--color--debloquer-deep); --verb-tint: var(--wp--preset--color--debloquer-tint); --verb-band: var(--wp--preset--color--debloquer); }
.v-maitriser  { --verb: var(--wp--preset--color--maitriser); --verb-deep: var(--wp--preset--color--maitriser-deep); --verb-tint: var(--wp--preset--color--maitriser-tint); --verb-band: var(--wp--preset--color--maitriser); }

/* ---- conteneur ---- */
.wrap { max-width: 1180px; margin: 0 auto; padding: 0 var(--wp--preset--spacing--pad-wrap); }

/* ---- header ---- */
.site-header { position: sticky; top: 0; z-index: 50; background: var(--wp--preset--color--paper); border-bottom: 2px solid var(--wp--preset--color--ink); }
.site-header__inner { display: flex; align-items: center; justify-content: space-between; height: 74px; max-width: 1180px; margin: 0 auto; padding: 0 var(--wp--preset--spacing--pad-wrap); }
.brand { display: flex; align-items: center; gap: var(--wp--preset--spacing--gap-brand); font-family: var(--wp--preset--font-family--display); font-weight: 700; font-size: var(--wp--preset--font-size--brand); letter-spacing: .12em; color: var(--wp--preset--color--ink); }
.brand__mark { width: 20px; height: 38px; flex: 0 0 20px; display: block; }
.site-nav { display: flex; align-items: center; gap: var(--wp--preset--spacing--gap-nav); }
.site-nav a { font-family: var(--wp--preset--font-family--body); font-size: var(--wp--preset--font-size--body-xs); font-weight: 500; color: var(--wp--preset--color--ink); opacity: .75; transition: opacity .2s; position: relative; }
.site-nav a:hover, .site-nav a.is-active { opacity: 1; }
.site-nav a.is-active::after { content:""; position:absolute; left:0; right:0; bottom:-6px; height:2px; background: var(--wp--preset--color--debloquer); }
.nav-verb { display: inline-flex; align-items: center; gap: 8px; font-weight: 600 !important; }
.nav-verb .nav-verb__dot { width: 9px; height: 9px; background: var(--verb); flex: 0 0 9px; transition: transform .2s; clip-path: polygon(0 0, 100% 35%, 70% 100%); }
.nav-verb:hover .nav-verb__dot { transform: rotate(20deg) scale(1.15); }
.nav-verb.is-active { opacity: 1; }
.nav-verb.is-active::after { background: var(--verb) !important; }
.nav-verb.v-consolider { --verb: var(--wp--preset--color--consolider-deep); }
.nav-verb.v-debloquer  { --verb: var(--wp--preset--color--debloquer); }
.nav-verb.v-maitriser  { --verb: var(--wp--preset--color--maitriser-deep); }

/* ---- boutons ---- */
.btn { display: inline-flex; align-items: center; gap: var(--wp--preset--spacing--gap-btn); font-weight: 600; font-size: var(--wp--preset--font-size--body-xs); padding: 13px 24px; border-radius: 0; transition: transform .18s, background .2s; cursor: pointer; border: none; font-family: var(--wp--preset--font-family--body); }
.btn--primary { background: var(--wp--preset--color--debloquer); color: var(--wp--preset--color--ink-deep); clip-path: var(--wp--custom--shape--btn-corner); }
.btn--primary:hover { background: var(--wp--preset--color--debloquer-bright); transform: translate(-2px,-2px); }
.btn--ghost { background: transparent; color: var(--wp--preset--color--ink); border: 2px solid var(--wp--preset--color--ink); }
.btn--ghost:hover { background: var(--wp--preset--color--ink); color: var(--wp--preset--color--paper); }
.btn--lg { padding: 16px 30px; font-size: var(--wp--preset--font-size--body-sm); }
.btn--ondark { background: var(--wp--preset--color--debloquer); color: var(--wp--preset--color--ink-deep); }
.btn--ondark:hover { background: var(--wp--preset--color--debloquer-bright); }

/* ---- fold : chaque section est un panneau plié ---- */
.fold { position: relative; }
.fold--down { clip-path: var(--wp--custom--shape--fold-down); padding-bottom: 90px; margin-bottom: -46px; }
.fold--up   { clip-path: var(--wp--custom--shape--fold-up); padding-top: 90px; }

/* ---- flanc origami : la zone enveloppe des sections claires de même fond ;
   le motif SVG (data-URI, un par axe — bloc :root en fin de fichier) court en
   repeat-y SOUS les sections (z-index 0), les clip-path .fold ne le rognent pas. */
.flanc-zone { position: relative; }
.flanc-zone > * { position: relative; z-index: 1; }
.flanc-zone::before, .flanc-zone::after {
  content: ""; position: absolute; top: 0; bottom: 0; z-index: 0;
  width: var(--wp--custom--flanc--width); pointer-events: none;
  background-image: var(--flanc-img, var(--flanc-teal));
  background-repeat: repeat-y; background-position: left top; background-size: var(--wp--custom--flanc--width) auto;
}
.flanc-zone.v-consolider { --flanc-img: var(--flanc-teal); }
.flanc-zone.v-debloquer  { --flanc-img: var(--flanc-orange); }
.flanc-zone.v-maitriser  { --flanc-img: var(--flanc-lime); }
.flanc-zone::before { left: 0; display: none; }
.flanc-zone::after  { right: 0; display: none; transform: scaleX(-1); }
.flanc-zone--left::before  { display: block; }
.flanc-zone--right::after  { display: block; }

/* ---- eyebrow ---- */
.eyebrow { display: inline-flex; align-items: center; gap: var(--wp--preset--spacing--gap-chip); font-family: var(--wp--preset--font-family--mono); font-size: var(--wp--preset--font-size--mono-sm); font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--verb-deep, var(--wp--preset--color--ink)); margin-bottom: 22px; }
.eyebrow::before { content:""; width: 18px; height: 18px; background: var(--verb, var(--wp--preset--color--ink)); clip-path: var(--wp--custom--shape--arrow); flex: 0 0 auto; }

/* ---- hero ---- */
.hero { padding: 76px 0 0; background: var(--wp--preset--color--paper); position: relative; overflow: hidden; }
.hero__inner { display: grid; grid-template-columns: 1.12fr .88fr; gap: 50px; align-items: center; padding-bottom: 100px; }
.hero__title { font-family: var(--wp--preset--font-family--display); font-weight: 700; font-size: var(--wp--preset--font-size--hero-display); line-height: .98; letter-spacing: -.025em; color: var(--wp--preset--color--ink-deep); margin-bottom: 26px; }
.hero__title em { font-style: italic; font-weight: 600; color: var(--verb-deep, var(--wp--preset--color--consolider-deep)); position: relative; }
.hero__lede { font-size: var(--wp--preset--font-size--lede-lg); line-height: 1.55; color: var(--wp--preset--color--ink); max-width: 34ch; margin-bottom: 34px; }
.hero__actions { display: flex; gap: 14px; flex-wrap: wrap; align-items: center; }
.hero__note { font-family: var(--wp--preset--font-family--mono); font-size: var(--wp--preset--font-size--mono-sm); color: var(--wp--preset--color--ink); opacity: .6; margin-top: 26px; }

/* origami (visuel hero) — cascade finale v3b : facettes couleurs logo */
.origami { position: relative; aspect-ratio: 1/1.05; background: var(--wp--preset--color--paper-warm); border: 2px solid var(--wp--preset--color--ink); overflow: hidden; }
.origami__fold { position: absolute; inset: 0; }
.o1 { background: var(--wp--preset--color--debloquer); clip-path: polygon(0 0, 62% 0, 30% 100%, 0 100%); }
.o2 { background: var(--wp--preset--color--consolider); clip-path: polygon(62% 0, 100% 0, 100% 44%, 30% 100%); }
.o3 { background: var(--wp--preset--color--maitriser); clip-path: polygon(100% 44%, 100% 100%, 30% 100%); }
.origami__grid { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: flex-end; padding: 26px; gap: var(--wp--preset--spacing--gap-sm); }
.origami__line { font-family: var(--wp--preset--font-family--mono); font-size: var(--wp--preset--font-size--mono-sm); color: var(--wp--preset--color--ink-deep); display: flex; gap: 10px; align-items: baseline; }
.origami__line b { color: var(--wp--preset--color--ink-deep); }
.origami__verb { position: absolute; top: 22px; left: 24px; font-family: var(--wp--preset--font-family--display); font-style: italic; font-weight: 600; font-size: var(--wp--preset--font-size--title-card); color: var(--wp--preset--color--ink-deep); }

/* ---- section shell ---- */
.section { padding: var(--wp--preset--spacing--pad-section) 0; position: relative; }
.section--dark { background: var(--verb-tint, var(--wp--preset--color--paper-warm)); color: var(--wp--preset--color--ink); }
.section--teal { background: var(--wp--preset--color--consolider); color: var(--wp--preset--color--ink-deep); }
.section__head { max-width: 64ch; margin-bottom: 50px; }
.section__eyebrow { font-family: var(--wp--preset--font-family--mono); font-size: var(--wp--preset--font-size--mono-sm); font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--verb-deep, var(--wp--preset--color--debloquer)); margin-bottom: 16px; display: flex; align-items: center; gap: var(--wp--preset--spacing--gap-chip); }
.section__eyebrow::before { content:""; width: 16px; height: 16px; background: var(--verb, var(--wp--preset--color--debloquer)); clip-path: var(--wp--custom--shape--arrow); }
.section__title { font-family: var(--wp--preset--font-family--display); font-weight: 700; font-size: var(--wp--preset--font-size--section-title); line-height: 1.08; letter-spacing: -.015em; color: inherit; margin-bottom: 18px; max-width: 22ch; }
.section--dark .section__title { color: var(--wp--preset--color--ink-deep); }
.section--teal .section__title { color: var(--wp--preset--color--ink-deep); }
.section__lede { font-size: var(--wp--preset--font-size--lede); opacity: .85; max-width: 62ch; }
.section__lede a { text-decoration: underline; text-underline-offset: 3px; opacity: .9; }
.section__lede a:hover { opacity: 1; }
/* section__subhead : dormant en v8 (aucun usage markup) — volontairement non porté. */

/* ---- verbmark (ancre géante) ---- */
.verbmark { font-family: var(--wp--preset--font-family--display); font-weight: 700; font-style: italic; font-size: var(--wp--preset--font-size--verbmark); line-height: .85; letter-spacing: -.03em; color: var(--verb, var(--wp--preset--color--ink)); opacity: .14; position: absolute; right: 30px; top: 30px; pointer-events: none; user-select: none; }
.section--dark .verbmark { color: var(--verb, var(--wp--preset--color--ink)); opacity: .12; }
.section--teal .verbmark { color: #fff; opacity: .18; }

/* ---- personas (3 verbes) ---- */
.verbs { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--wp--preset--spacing--gap-grid); } /* 22px — R6 (maquette 24, DEV-009) */
.verb { background: var(--wp--preset--color--cloud); border: 2px solid var(--wp--preset--color--ink); padding: 32px 28px 30px; position: relative; min-height: 240px; display: flex; flex-direction: column; transition: transform .2s; }
.verb:hover { transform: translate(-3px,-3px); box-shadow: var(--wp--custom--shadow--hard-md); }
.verb__corner { position: absolute; top: 0; right: 0; width: 0; height: 0; border-style: solid; border-width: 0 34px 34px 0; border-color: transparent var(--verb) transparent transparent; }
.verb__tag { font-family: var(--wp--preset--font-family--mono); font-size: var(--wp--preset--font-size--mono-sm); font-weight: 700; letter-spacing: .08em; color: var(--verb-deep); margin-bottom: 16px; }
.verb__name { font-family: var(--wp--preset--font-family--display); font-weight: 700; font-size: var(--wp--preset--font-size--title-card-lg); color: var(--wp--preset--color--ink-deep); margin-bottom: 12px; letter-spacing: -.01em; } /* 24px — R2 (maquette 26, DEV-002) */
.verb__body { font-size: var(--wp--preset--font-size--body-sm); color: var(--wp--preset--color--ink); opacity: .82; line-height: 1.55; }
.verb__link { font-family: var(--wp--preset--font-family--mono); font-weight: 700; font-size: var(--wp--preset--font-size--mono-sm); color: var(--verb-deep); margin-top: auto; padding-top: 16px; display: block; } /* 12px — R4 (maquette 12.5, DEV-006) */
.section--dark .verb { border-color: var(--wp--preset--color--ink); }
.section--dark .verb__name { color: var(--wp--preset--color--ink-deep); }
.section--dark .verb__body { color: var(--wp--preset--color--ink); opacity: .82; }
.section--dark .v-maitriser { --verb: var(--wp--preset--color--maitriser); --verb-deep: var(--wp--preset--color--maitriser-deep); }
.section--dark .v-maitriser .verb__tag { color: var(--wp--preset--color--maitriser-deep); }

/* ---- offres ---- */
.offer-grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--wp--preset--spacing--gap-grid); } /* 22px — DEV-009 */
.offer { background: var(--wp--preset--color--cloud); border: 2px solid var(--wp--preset--color--ink); padding: 34px; position: relative; transition: transform .2s; }
.offer:hover { transform: translate(-3px,-3px); box-shadow: var(--wp--custom--shadow--hard-md); }
.offer__corner { position: absolute; top: 0; right: 0; width: 0; height: 0; border-style: solid; border-width: 0 34px 34px 0; border-color: transparent var(--verb) transparent transparent; }
.offer__tag { font-family: var(--wp--preset--font-family--mono); font-size: var(--wp--preset--font-size--mono-sm); font-weight: 700; color: var(--verb-deep); letter-spacing: .06em; margin-bottom: 16px; }
.offer__title { font-family: var(--wp--preset--font-family--display); font-weight: 700; font-size: var(--wp--preset--font-size--title-card-lg); color: var(--wp--preset--color--ink-deep); margin-bottom: 10px; }
.offer__body { font-size: var(--wp--preset--font-size--body-sm); color: var(--wp--preset--color--ink); opacity: .82; line-height: 1.55; margin-bottom: 18px; }
.offer__link { font-family: var(--wp--preset--font-family--mono); font-weight: 700; font-size: var(--wp--preset--font-size--mono-md); color: var(--verb-deep); }

/* ---- proof (section--teal) ---- */
.proof { display: grid; grid-template-columns: .9fr 1.1fr; gap: 46px; align-items: center; position: relative; }
.proof__badge { background: var(--wp--preset--color--paper); color: var(--wp--preset--color--ink-deep); padding: 30px; border: 2px solid var(--wp--preset--color--ink-deep); position: relative; }
.proof__badge::after { content:""; position: absolute; top: 0; right: 0; width: 0; height: 0; border-style: solid; border-width: 0 34px 34px 0; border-color: transparent var(--wp--preset--color--debloquer) transparent transparent; }
.proof__badge .mono { font-family: var(--wp--preset--font-family--mono); font-size: var(--wp--preset--font-size--mono-sm); color: var(--wp--preset--color--consolider-deep); letter-spacing: .04em; font-weight: 700; }
.proof__badge .big { font-family: var(--wp--preset--font-family--display); font-size: var(--wp--preset--font-size--badge-big); font-weight: 700; margin: 8px 0; color: var(--wp--preset--color--ink-deep); }
.proof__badge .sub { font-size: var(--wp--preset--font-size--body-xs); opacity: .8; line-height: 1.5; }
.proof__quote { font-family: var(--wp--preset--font-family--display); font-size: var(--wp--preset--font-size--quote); line-height: 1.3; font-weight: 600; font-style: italic; color: var(--wp--preset--color--ink-deep); }
.proof__quote span { color: #fff; }
.proof__cite { margin-top: 20px; font-family: var(--wp--preset--font-family--mono); font-size: var(--wp--preset--font-size--mono-md); color: var(--wp--preset--color--ink-deep); opacity: .7; }
.proof__cite a { text-decoration: underline; text-underline-offset: 3px; }
.proof__cite a:hover { opacity: .7; }

/* ---- CTA ---- */
.cta-band { background: var(--verb-band, var(--wp--preset--color--debloquer)); color: var(--wp--preset--color--ink-deep); padding: 56px; position: relative; overflow: hidden; clip-path: var(--wp--custom--shape--cta-corner); }
.cta-band__title { font-family: var(--wp--preset--font-family--display); font-weight: 700; font-size: var(--wp--preset--font-size--cta-title); margin-bottom: 14px; max-width: 20ch; }
.cta-band__lede { font-size: var(--wp--preset--font-size--lede); max-width: 52ch; margin-bottom: 28px; opacity: .9; }
.cta-band__note { font-family: var(--wp--preset--font-family--mono); font-size: var(--wp--preset--font-size--mono-sm); margin-top: 16px; opacity: .8; }
.cta-band .btn--ghost { border-color: var(--wp--preset--color--ink-deep); color: var(--wp--preset--color--ink-deep); }
.cta-band .btn--ghost:hover { background: var(--wp--preset--color--ink-deep); color: var(--verb-band, var(--wp--preset--color--debloquer)); }

/* ---- footer ---- */
.site-footer { background: var(--wp--preset--color--ink-deep); color: rgba(255,255,255,.7); padding: 56px 0 34px; border-top: 6px solid var(--wp--preset--color--debloquer); }
.site-footer__top { display: flex; justify-content: space-between; gap: 40px; flex-wrap: wrap; padding-bottom: 32px; border-bottom: 1px solid rgba(255,255,255,.12); }
.site-footer .brand { color: #fff; }
.site-footer__tag { font-size: var(--wp--preset--font-size--body-xs); max-width: 38ch; margin-top: 14px; line-height: 1.55; }
.site-footer__cols { display: flex; gap: 56px; }
.site-footer__col h4 { font-family: var(--wp--preset--font-family--mono); font-size: var(--wp--preset--font-size--mono-sm); text-transform: uppercase; letter-spacing: .08em; color: var(--wp--preset--color--debloquer); margin-bottom: 14px; }
.site-footer__col a { display: block; font-size: var(--wp--preset--font-size--body-xs); margin-bottom: 9px; opacity: .8; }
.site-footer__col a:hover { opacity: 1; color: #fff; }
.site-footer__legal { font-family: var(--wp--preset--font-family--mono); font-size: var(--wp--preset--font-size--mono-xs); color: rgba(255,255,255,.4); margin-top: 26px; line-height: 1.7; }
.site-footer__legal a { text-decoration: underline; text-underline-offset: 2px; }

/* ---- pains ---- */
.pain-grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--wp--preset--spacing--gap-grid-compact); }
.pain { background: var(--wp--preset--color--cloud); border: 2px solid var(--wp--preset--color--ink); padding: 24px; position: relative; }
.pain__i { font-family: var(--wp--preset--font-family--mono); font-size: var(--wp--preset--font-size--mono-md); font-weight: 700; color: var(--wp--preset--color--debloquer); margin-bottom: 10px; display: block; }
.pain__t { font-family: var(--wp--preset--font-family--display); font-size: var(--wp--preset--font-size--title-card-sm); font-weight: 700; color: var(--wp--preset--color--ink-deep); margin-bottom: 6px; } /* 20px — R2 (maquette 19, DEV-004) */
.pain__b { font-size: var(--wp--preset--font-size--body-xs); color: var(--wp--preset--color--ink); opacity: .82; line-height: 1.5; }
.section--dark .pain { background: var(--wp--preset--color--cloud); }

/* ---- steps ---- */
.steps { display: grid; gap: var(--wp--preset--spacing--gap-steps); }
.step { display: grid; grid-template-columns: 58px 1fr; gap: 24px; align-items: start; background: var(--wp--preset--color--cloud); border: 2px solid var(--wp--preset--color--ink); padding: 26px 28px; position: relative; }
.step::before { content:""; position:absolute; left:0; top:0; bottom:0; width:6px; background: var(--verb, var(--wp--preset--color--consolider)); }
.step__n { font-family: var(--wp--preset--font-family--display); font-size: var(--wp--preset--font-size--mini-title); font-weight: 700; font-style: italic; color: var(--verb-deep, var(--wp--preset--color--consolider-deep)); line-height: 1; }
.step__title { font-family: var(--wp--preset--font-family--display); font-size: var(--wp--preset--font-size--brand); font-weight: 700; color: var(--wp--preset--color--ink-deep); margin-bottom: 6px; }
.step__body { font-size: var(--wp--preset--font-size--body-sm); color: var(--wp--preset--color--ink); opacity: .84; line-height: 1.55; }

/* ---- compare ---- */
.compare { display: grid; grid-template-columns: 1fr 1fr; gap: var(--wp--preset--spacing--gap-grid); }
.compare__col { padding: 32px 30px; border: 2px solid var(--wp--preset--color--ink); position: relative; background: var(--wp--preset--color--cloud); transition: transform .2s, box-shadow .2s; }
.compare__col--muted { background: var(--wp--preset--color--paper-warm); }
.compare__col--win { background: var(--wp--preset--color--cloud); }
.compare__col--win::after { content:""; position: absolute; top: 0; right: 0; width: 0; height: 0; border-style: solid; border-width: 0 40px 40px 0; border-color: transparent var(--verb, var(--wp--preset--color--consolider)) transparent transparent; }
.compare__col--win:hover { transform: translate(-3px,-3px); box-shadow: var(--wp--custom--shadow--hard-md); }
.compare__tag { font-family: var(--wp--preset--font-family--mono); font-size: var(--wp--preset--font-size--mono-xs); font-weight: 700; letter-spacing: .06em; text-transform: uppercase; opacity: .55; margin-bottom: 8px; display: block; }
.compare__col--win .compare__tag { color: var(--verb-deep, var(--wp--preset--color--consolider-deep)); opacity: 1; }
.compare__head { font-family: var(--wp--preset--font-family--display); font-weight: 700; font-size: var(--wp--preset--font-size--brand); color: var(--wp--preset--color--ink-deep); margin-bottom: 18px; padding-bottom: 14px; border-bottom: 2px solid var(--wp--preset--color--ink); }
.compare__col--win .compare__head { border-bottom-color: var(--verb, var(--wp--preset--color--consolider)); }
.compare__list { list-style: none; display: flex; flex-direction: column; gap: 13px; margin: 0; padding: 0; }
.compare__list li { font-size: var(--wp--preset--font-size--body-sm); line-height: 1.45; padding-left: 26px; position: relative; color: var(--wp--preset--color--ink); } /* 15px — R3 (maquette 14.5, DEV-005) */
.compare__col--muted li { opacity: .68; }
.compare__col--muted li::before { content:"×"; position: absolute; left: 4px; top: -1px; color: var(--wp--preset--color--ink); opacity: .5; font-weight: 700; font-size: var(--wp--preset--font-size--nav-mobile); }
.compare__col--win li { color: var(--wp--preset--color--ink-deep); }
.compare__col--win li::before { content:""; position: absolute; left: 2px; top: 6px; width: 12px; height: 12px; background: var(--verb, var(--wp--preset--color--consolider)); clip-path: var(--wp--custom--shape--arrow); }
.section--dark .compare__col--muted { background: var(--wp--preset--color--paper-warm); }
.section--dark .compare__col--win { background: var(--wp--preset--color--cloud); }

/* ---- exemples ---- */
.ex-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: var(--wp--preset--spacing--gap-grid-compact); }
.ex { background: var(--wp--preset--color--cloud); border: 2px solid var(--wp--preset--color--ink); padding: 26px; }
.ex__t { font-family: var(--wp--preset--font-family--display); font-size: var(--wp--preset--font-size--title-card-sm); font-weight: 700; color: var(--wp--preset--color--ink-deep); margin-bottom: 8px; } /* DEV-004 */
.ex__b { font-size: var(--wp--preset--font-size--body-xs); color: var(--wp--preset--color--ink); opacity: .82; line-height: 1.5; }

/* ---- about ---- */
.about { display: grid; grid-template-columns: .85fr 1.15fr; gap: 50px; align-items: start; }
.about__photo { background: var(--wp--preset--color--paper-warm); aspect-ratio: 4/5; position: relative; overflow: hidden; border: 2px solid var(--wp--preset--color--ink); }
.about__photo .of1 { position:absolute; inset:0; background: var(--wp--preset--color--debloquer); clip-path: polygon(0 0, 100% 0, 100% 40%, 0 78%); }
.about__photo .of2 { position:absolute; inset:0; background: var(--wp--preset--color--maitriser); clip-path: polygon(0 78%, 100% 40%, 100% 100%, 0 100%); }
.about__photo .initials { position: absolute; inset: 0; display: grid; place-items: center; font-family: var(--wp--preset--font-family--display); font-size: 100px; font-weight: 700; font-style: italic; color: var(--wp--preset--color--ink-deep); z-index: 2; }
.about__photo .tag { position: absolute; bottom: 18px; left: 18px; z-index: 3; font-family: var(--wp--preset--font-family--mono); font-size: var(--wp--preset--font-size--mono-xs); background: var(--wp--preset--color--ink-deep); color: #fff; padding: 6px 10px; }
.about__bio p { font-size: var(--wp--preset--font-size--lede); line-height: 1.62; color: var(--wp--preset--color--ink); margin-bottom: 18px; }
.about__bio p strong { color: var(--wp--preset--color--ink-deep); }
.stack { display: flex; flex-wrap: wrap; gap: var(--wp--preset--spacing--gap-btn); margin-top: 24px; }
.stack span { font-family: var(--wp--preset--font-family--mono); font-size: var(--wp--preset--font-size--mono-sm); background: var(--wp--preset--color--paper-warm); border: 1px solid var(--wp--preset--color--ink); padding: 6px 12px; color: var(--wp--preset--color--ink-deep); }

/* ---- contact ---- */
.contact-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: var(--wp--preset--spacing--gap-grid-compact); } /* 20px — R6 (maquette 18, DEV-009) */
.contact-card { --verb: var(--wp--preset--color--debloquer); background: var(--wp--preset--color--cloud); border: 2px solid var(--wp--preset--color--ink); padding: 26px; transition: transform .2s; } /* --verb local hors zone d'axe — R7 */
.contact-card:hover { transform: translate(-3px,-3px); box-shadow: var(--wp--custom--shadow--hard-md); } /* 6px — R5 (maquette 5, DEV-008) */
.contact-card .k { font-family: var(--wp--preset--font-family--mono); font-size: var(--wp--preset--font-size--mono-sm); color: var(--wp--preset--color--debloquer); text-transform: uppercase; letter-spacing: .06em; margin-bottom: 8px; font-weight: 700; }
.contact-card .v { font-size: var(--wp--preset--font-size--lede); font-weight: 700; color: var(--wp--preset--color--ink-deep); }
.contact-card .m { font-size: var(--wp--preset--font-size--body-xs); color: var(--wp--preset--color--ink); opacity: .7; margin-top: 4px; }
.section--dark .contact-card { background: var(--wp--preset--color--cloud); }

.lead-block { max-width: 70ch; }
.pad-top { padding-top: 60px; }

/* ---- section--band (bandeau vif à la couleur de l'axe) ---- */
.section--band { background: var(--verb-band, var(--wp--preset--color--consolider)); color: var(--wp--preset--color--ink-deep); }
.section--band .section__title,
.section--band .section__eyebrow,
.section--band .section__lede { color: var(--wp--preset--color--ink-deep); }
.section--band .section__eyebrow::before { background: var(--wp--preset--color--ink-deep); }
.section--band .section__lede { opacity: .82; }
.section--band .verbmark { color: #fff; opacity: .22; }
.section--band .mini-article__title, .section--band .mini-article__pull,
.section--band .mini-article__body, .section--band .mini-article__body strong,
.section--band .mini-article__eyebrow { color: var(--wp--preset--color--ink-deep); }
.section--band .mini-article__eyebrow::before { background: var(--wp--preset--color--ink-deep); }
.section--band .mini-article__body p:first-of-type::first-letter { color: #fff; }
.section--band .mini-article__pull { border-left-color: var(--wp--preset--color--ink-deep); }

/* ---- chips / filtres ---- */
.filters { display: flex; flex-wrap: wrap; gap: var(--wp--preset--spacing--gap-chip); margin-bottom: 38px; }
.chip { font-family: var(--wp--preset--font-family--mono); font-size: var(--wp--preset--font-size--mono-sm); font-weight: 600; letter-spacing: .02em; padding: 8px 16px; border: 2px solid var(--wp--preset--color--ink); background: var(--wp--preset--color--cloud); color: var(--wp--preset--color--ink); cursor: pointer; transition: transform .15s, background .2s, color .2s; user-select: none; } /* 12px — DEV-006 */
.chip:hover { transform: translate(-2px,-2px); box-shadow: var(--wp--custom--shadow--hard-sm); } /* 4px — R5 (maquette 3, DEV-008) */
.chip.is-active { background: var(--wp--preset--color--ink-deep); color: #fff; border-color: var(--wp--preset--color--ink-deep); }
.chip.v-consolider { --c: var(--wp--preset--color--consolider-deep); }
.chip.v-debloquer  { --c: var(--wp--preset--color--debloquer); }
.chip.v-maitriser  { --c: var(--wp--preset--color--maitriser-deep); }
.chip.v-consolider:hover, .chip.v-debloquer:hover, .chip.v-maitriser:hover { box-shadow: 4px 4px 0 var(--c); }
.chip.v-consolider.is-active { background: var(--wp--preset--color--consolider-deep); border-color: var(--wp--preset--color--consolider-deep); }
.chip.v-debloquer.is-active  { background: var(--wp--preset--color--debloquer); color: var(--wp--preset--color--ink-deep); border-color: var(--wp--preset--color--debloquer); }
.chip.v-maitriser.is-active  { background: var(--wp--preset--color--maitriser-deep); border-color: var(--wp--preset--color--maitriser-deep); }
.chip-row { display: flex; flex-wrap: wrap; gap: var(--wp--preset--spacing--gap-chip); margin-bottom: 30px; }

/* ---- recherche ---- */
.search-row { margin-bottom: 18px; }
.search-input { width: 100%; max-width: 440px; font-family: var(--wp--preset--font-family--body); font-size: var(--wp--preset--font-size--body-sm); padding: 13px 16px; border: 2px solid var(--wp--preset--color--ink); background: var(--wp--preset--color--cloud); color: var(--wp--preset--color--ink); border-radius: 0; outline: none; transition: box-shadow .15s, transform .15s; }
.search-input:focus { box-shadow: var(--wp--custom--shadow--hard-sm); transform: translate(-2px,-2px); }
.search-input::placeholder { color: var(--wp--preset--color--ink); opacity: .45; }

/* ---- knowledge base ---- */
.kb-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--wp--preset--spacing--gap-grid); }
.kb-card { background: var(--wp--preset--color--cloud); border: 2px solid var(--wp--preset--color--ink); padding: 28px; position: relative; transition: transform .2s, box-shadow .2s; display: flex; flex-direction: column; }
.kb-card:hover { transform: translate(-3px,-3px); box-shadow: var(--wp--custom--shadow--hard-md); }
.kb-card__cat { font-family: var(--wp--preset--font-family--mono); font-size: var(--wp--preset--font-size--mono-xs); font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--verb-deep, var(--wp--preset--color--consolider-deep)); margin-bottom: 12px; display: inline-flex; align-items: center; gap: var(--wp--preset--spacing--gap-btn); }
.kb-card__cat::before { content:""; width: 12px; height: 12px; background: var(--verb, var(--wp--preset--color--consolider)); clip-path: var(--wp--custom--shape--arrow); }
.kb-card__title { font-family: var(--wp--preset--font-family--display); font-weight: 700; font-size: var(--wp--preset--font-size--title-card); color: var(--wp--preset--color--ink-deep); margin-bottom: 10px; line-height: 1.15; }
.kb-card__body { font-size: var(--wp--preset--font-size--body-sm); color: var(--wp--preset--color--ink); opacity: .84; line-height: 1.55; margin-bottom: 16px; } /* DEV-005 */
.kb-card__meta { margin-top: auto; font-family: var(--wp--preset--font-family--mono); font-size: var(--wp--preset--font-size--mono-sm); color: var(--wp--preset--color--ink); opacity: .6; display: flex; gap: 14px; }
.kb-empty { font-family: var(--wp--preset--font-family--mono); font-size: var(--wp--preset--font-size--body-xs); color: var(--wp--preset--color--ink); opacity: .6; padding: 40px 0; }

/* ---- workflows ---- */
.wf-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--wp--preset--spacing--gap-grid); }
.wf-card { background: var(--wp--preset--color--cloud); border: 2px solid var(--wp--preset--color--ink); padding: 28px 26px; display: flex; flex-direction: column; position: relative; transition: transform .2s, box-shadow .2s; }
.wf-card:hover { transform: translate(-3px,-3px); box-shadow: var(--wp--custom--shadow--hard-md); }
.wf-card__n { font-family: var(--wp--preset--font-family--display); font-weight: 700; font-style: italic; font-size: var(--wp--preset--font-size--hero-mobile); color: var(--verb, var(--wp--preset--color--debloquer)); line-height: 1; margin-bottom: 14px; }
.wf-card__title { font-family: var(--wp--preset--font-family--display); font-weight: 700; font-size: var(--wp--preset--font-size--title-card-sm); color: var(--wp--preset--color--ink-deep); line-height: 1.15; margin-bottom: 10px; }
.wf-card__body { font-size: var(--wp--preset--font-size--body-sm); color: var(--wp--preset--color--ink); opacity: .84; line-height: 1.55; margin-bottom: 18px; } /* DEV-005 */
.wf-card__steps { display: flex; flex-wrap: wrap; align-items: center; gap: var(--wp--preset--spacing--gap-btn); margin-top: auto; }
.wf-step { font-family: var(--wp--preset--font-family--mono); font-size: var(--wp--preset--font-size--mono-sm); font-weight: 700; background: var(--wp--preset--color--paper-warm); border: 1px solid var(--wp--preset--color--ink); padding: 5px 10px; color: var(--wp--preset--color--ink-deep); }
.wf-arrow { font-family: var(--wp--preset--font-family--mono); color: var(--verb-deep, var(--wp--preset--color--debloquer)); font-weight: 700; }

/* ---- tips ---- */
.tip-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--wp--preset--spacing--gap-grid-compact); } /* 20px — DEV-009 */
.tip-card { background: var(--wp--preset--color--paper-warm); border-left: 5px solid var(--verb, var(--wp--preset--color--debloquer)); padding: 22px 24px; position: relative; }
.tip-card__mark { position: absolute; top: 20px; right: 20px; width: 16px; height: 16px; background: var(--verb, var(--wp--preset--color--debloquer)); clip-path: var(--wp--custom--shape--arrow); }
.tip-card__title { font-family: var(--wp--preset--font-family--display); font-weight: 700; font-size: var(--wp--preset--font-size--lede); color: var(--wp--preset--color--ink-deep); line-height: 1.25; margin-bottom: 8px; padding-right: 30px; }
.tip-card__body { font-size: var(--wp--preset--font-size--body-sm); color: var(--wp--preset--color--ink); opacity: .84; line-height: 1.55; } /* DEV-005 */

/* ---- lexique ---- */
.lex-alpha { display: flex; flex-wrap: wrap; gap: var(--wp--preset--spacing--gap-sm); margin-bottom: 30px; }
.lex-alpha a { font-family: var(--wp--preset--font-family--mono); font-size: var(--wp--preset--font-size--mono-md); font-weight: 700; width: 30px; height: 30px; display: grid; place-items: center; border: 2px solid var(--wp--preset--color--ink); color: var(--wp--preset--color--ink-deep); background: var(--wp--preset--color--cloud); transition: background .2s, color .2s; }
.lex-alpha a:hover { background: var(--verb, var(--wp--preset--color--maitriser)); }
.lex-alpha a.is-empty { opacity: .3; pointer-events: none; }
.lex-list { display: grid; gap: 0; border-top: 2px solid var(--wp--preset--color--ink); }
.lex-item { border-bottom: 2px solid var(--wp--preset--color--ink); padding: 24px 0 24px 18px; display: grid; grid-template-columns: minmax(190px, .32fr) 1fr; gap: 30px; align-items: start; position: relative; }
.lex-item::before { content:""; position:absolute; left:0; top:24px; bottom:24px; width:5px; background: var(--verb, var(--wp--preset--color--consolider)); }
.lex-item__term { display: flex; flex-direction: column; gap: var(--wp--preset--spacing--gap-sm); }
.lex-item__word { font-family: var(--wp--preset--font-family--display); font-weight: 700; font-size: var(--wp--preset--font-size--title-card); color: var(--wp--preset--color--ink-deep); line-height: 1.1; }
.lex-item__orig { font-family: var(--wp--preset--font-family--mono); font-size: var(--wp--preset--font-size--mono-sm); font-style: italic; color: var(--wp--preset--color--ink); opacity: .6; }
.lex-item__def { font-size: var(--wp--preset--font-size--body-sm); color: var(--wp--preset--color--ink); opacity: .9; line-height: 1.6; }
.lex-item__def b { color: var(--wp--preset--color--ink-deep); }
.lex-item__also { display: block; margin-top: 10px; font-family: var(--wp--preset--font-family--mono); font-size: var(--wp--preset--font-size--mono-sm); opacity: .6; }

/* ---- mini-article ---- */
.mini-article { max-width: 720px; margin: 0 auto; position: relative; }
.mini-article__eyebrow { font-family: var(--wp--preset--font-family--mono); font-size: var(--wp--preset--font-size--mono-sm); font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--verb-deep, var(--wp--preset--color--ink)); margin-bottom: 16px; display: flex; align-items: center; gap: var(--wp--preset--spacing--gap-chip); }
.mini-article__eyebrow::before { content:""; width: 16px; height: 16px; background: var(--verb, var(--wp--preset--color--ink)); clip-path: var(--wp--custom--shape--arrow); flex: 0 0 auto; }
.mini-article__title { font-family: var(--wp--preset--font-family--display); font-weight: 700; font-size: var(--wp--preset--font-size--mini-title); line-height: 1.12; letter-spacing: -.015em; color: var(--wp--preset--color--ink-deep); margin-bottom: 20px; }
.mini-article__title em { font-style: italic; color: var(--verb-deep, var(--wp--preset--color--ink)); }
.mini-article__body { font-size: var(--wp--preset--font-size--lede); line-height: 1.72; color: var(--wp--preset--color--ink); }
.mini-article__body p { margin-bottom: 18px; }
.mini-article__body p:first-of-type::first-letter { font-family: var(--wp--preset--font-family--display); font-weight: 700; font-size: 58px; line-height: .8; float: left; margin: 6px 12px 0 0; color: var(--verb, var(--wp--preset--color--ink)); }
.mini-article__body strong { color: var(--wp--preset--color--ink-deep); }
.mini-article__body em { font-style: italic; }
.mini-article__pull { border-left: 5px solid var(--verb, var(--wp--preset--color--ink)); padding: 4px 0 4px 22px; margin: 26px 0; font-family: var(--wp--preset--font-family--display); font-style: italic; font-weight: 600; font-size: var(--wp--preset--font-size--brand); line-height: 1.35; color: var(--wp--preset--color--ink-deep); }
.section--dark .mini-article__title, .section--dark .mini-article__pull { color: var(--wp--preset--color--ink-deep); }

/* ---- framework AIDD ---- */
.aidd { display: grid; grid-template-columns: 1.1fr .9fr; gap: 40px; align-items: center; }
.aidd__badge { background: var(--wp--preset--color--cloud); border: 2px solid var(--wp--preset--color--ink); padding: 30px; position: relative; }
.aidd__badge::after { content:""; position: absolute; top: 0; right: 0; width: 0; height: 0; border-style: solid; border-width: 0 34px 34px 0; border-color: transparent var(--verb, var(--wp--preset--color--maitriser)) transparent transparent; }
.aidd__badge .mono { font-family: var(--wp--preset--font-family--mono); font-size: var(--wp--preset--font-size--mono-sm); color: var(--verb-deep, var(--wp--preset--color--maitriser-deep)); letter-spacing: .04em; font-weight: 700; }
.aidd__badge .big { font-family: var(--wp--preset--font-family--display); font-size: var(--wp--preset--font-size--mini-title); font-weight: 700; margin: 8px 0; color: var(--wp--preset--color--ink-deep); }
.aidd__badge .sub { font-size: var(--wp--preset--font-size--body-xs); opacity: .82; line-height: 1.55; }
.aidd__badge .aidd__links { margin-top: 18px; display: flex; flex-direction: column; gap: var(--wp--preset--spacing--gap-btn); font-family: var(--wp--preset--font-family--mono); font-size: var(--wp--preset--font-size--mono-md); }
.aidd__badge .aidd__links a { text-decoration: underline; text-underline-offset: 3px; color: var(--verb-deep, var(--wp--preset--color--maitriser-deep)); }
.prompt-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--wp--preset--spacing--gap-grid-compact); } /* 20px — DEV-009 */
.prompt-card { background: var(--wp--preset--color--cloud); border: 2px solid var(--wp--preset--color--ink); padding: 24px; display: flex; flex-direction: column; transition: transform .2s, box-shadow .2s; }
.prompt-card:hover { transform: translate(-3px,-3px); box-shadow: var(--wp--custom--shadow--hard-md); }
.prompt-card__step { font-family: var(--wp--preset--font-family--mono); font-size: var(--wp--preset--font-size--mono-sm); font-weight: 700; color: var(--verb-deep, var(--wp--preset--color--maitriser-deep)); margin-bottom: 8px; }
.prompt-card__title { font-family: var(--wp--preset--font-family--display); font-weight: 700; font-size: var(--wp--preset--font-size--title-card-sm); color: var(--wp--preset--color--ink-deep); line-height: 1.18; margin-bottom: 8px; } /* DEV-004 */
.prompt-card__body { font-size: var(--wp--preset--font-size--body-sm); color: var(--wp--preset--color--ink); opacity: .84; line-height: 1.55; } /* DEV-005 */

/* ---- boîte à outils : grille ---- */
.tool-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--wp--preset--spacing--gap-grid); }
.tool-card { background: var(--wp--preset--color--cloud); border: 2px solid var(--wp--preset--color--ink); padding: 24px 22px; display: flex; flex-direction: column; position: relative; cursor: pointer; transition: transform .2s, box-shadow .2s; text-align: left; font: inherit; color: inherit; }
.tool-card:hover { transform: translate(-3px,-3px); box-shadow: var(--wp--custom--shadow--hard-md); }
.tool-card:focus-visible { outline: 3px solid var(--verb-deep, var(--wp--preset--color--maitriser-deep)); outline-offset: 3px; }
.tool-card::after { content:""; position: absolute; top: 0; right: 0; width: 0; height: 0; border-style: solid; border-width: 0 26px 26px 0; border-color: transparent var(--verb, var(--wp--preset--color--maitriser)) transparent transparent; }
.tool-card__tags { display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 14px; }
.tool-card__tag { font-family: var(--wp--preset--font-family--mono); font-size: var(--wp--preset--font-size--mono-xs); font-weight: 700; letter-spacing: .02em; border: 2px solid var(--verb-deep, var(--wp--preset--color--maitriser-deep)); color: var(--verb-deep, var(--wp--preset--color--maitriser-deep)); padding: 2px 9px; background: var(--wp--preset--color--paper); }
.tool-card__name { font-family: var(--wp--preset--font-family--display); font-weight: 700; font-size: var(--wp--preset--font-size--title-card-sm); color: var(--wp--preset--color--ink-deep); line-height: 1.15; margin-bottom: 10px; }
.tool-card__lede { font-size: var(--wp--preset--font-size--body-xs); color: var(--wp--preset--color--ink); opacity: .84; line-height: 1.5; margin-bottom: 16px; }
.tool-card__more { margin-top: auto; font-family: var(--wp--preset--font-family--mono); font-size: var(--wp--preset--font-size--mono-sm); font-weight: 700; color: var(--verb-deep, var(--wp--preset--color--maitriser-deep)); }

/* ---- boîte à outils : fiche détail ---- */
.tool-layout { display: grid; grid-template-columns: 1fr 260px; gap: 40px; align-items: start; }
.tool-detail__tags { display: flex; flex-wrap: wrap; gap: var(--wp--preset--spacing--gap-btn); margin-bottom: 14px; }
.tool-detail__tag { font-family: var(--wp--preset--font-family--mono); font-size: var(--wp--preset--font-size--mono-sm); font-weight: 700; border: 2px solid var(--verb-deep, var(--wp--preset--color--maitriser-deep)); color: var(--verb-deep, var(--wp--preset--color--maitriser-deep)); padding: 3px 11px; background: var(--wp--preset--color--paper); }
.tool-detail__title { font-family: var(--wp--preset--font-family--display); font-weight: 700; font-size: var(--wp--preset--font-size--hero-mobile); line-height: 1.06; letter-spacing: -.015em; color: var(--wp--preset--color--ink-deep); margin-bottom: 16px; }
.tool-detail__lede { font-size: var(--wp--preset--font-size--brand-preview); line-height: 1.6; color: var(--wp--preset--color--ink); margin-bottom: 26px; padding-bottom: 22px; border-bottom: 2px solid var(--wp--preset--color--ink); }
.tool-detail__body { font-size: var(--wp--preset--font-size--lede); line-height: 1.7; color: var(--wp--preset--color--ink); }
.tool-detail__body h2 { font-family: var(--wp--preset--font-family--display); font-weight: 700; font-size: var(--wp--preset--font-size--title-card-lg); color: var(--wp--preset--color--ink-deep); margin: 32px 0 12px; } /* 24px — R2 (maquette 26, DEV-002) */
.tool-detail__body p { margin-bottom: 16px; }
.tool-detail__body ul { list-style: none; margin: 0 0 18px; padding: 0; display: flex; flex-direction: column; gap: 9px; }
.tool-detail__body ul li { position: relative; padding-left: 24px; line-height: 1.55; }
.tool-detail__body ul li::before { content:""; position: absolute; left: 0; top: 8px; width: 10px; height: 10px; background: var(--verb, var(--wp--preset--color--maitriser)); clip-path: var(--wp--custom--shape--arrow); }
.tool-detail__body strong { color: var(--wp--preset--color--ink-deep); }
.tool-note { font-family: var(--wp--preset--font-family--mono); font-size: var(--wp--preset--font-size--mono-md); color: var(--wp--preset--color--ink); opacity: .55; font-style: italic; margin-top: 20px; }
.tool-code, .tool-detail__body pre { background: var(--wp--preset--color--ink-deep); color: var(--wp--preset--color--maitriser-tint); font-family: var(--wp--preset--font-family--mono); font-size: var(--wp--preset--font-size--mono-md); padding: 15px 18px; margin: 0 0 16px; overflow: auto; white-space: pre; border-left: 5px solid var(--verb, var(--wp--preset--color--maitriser)); } /* 13px — R3 (maquette 13.5, DEV-007) */
.tool-badge { background: var(--wp--preset--color--cloud); border: 2px solid var(--wp--preset--color--ink); padding: 24px 22px; position: relative; }
.tool-badge::after { content:""; position: absolute; top: 0; right: 0; width: 0; height: 0; border-style: solid; border-width: 0 30px 30px 0; border-color: transparent var(--verb, var(--wp--preset--color--maitriser)) transparent transparent; }
.tool-badge__h { font-family: var(--wp--preset--font-family--mono); font-size: var(--wp--preset--font-size--mono-xs); letter-spacing: .08em; text-transform: uppercase; color: var(--verb-deep, var(--wp--preset--color--maitriser-deep)); margin-bottom: 16px; font-weight: 700; }
.tool-badge__meta { display: flex; flex-direction: column; gap: 11px; margin-bottom: 18px; }
.tool-badge__row { display: flex; justify-content: space-between; font-family: var(--wp--preset--font-family--mono); font-size: var(--wp--preset--font-size--mono-sm); } /* 12px — DEV-006 */
.tool-badge__k { color: var(--wp--preset--color--ink); opacity: .6; }
.tool-badge__v { color: var(--wp--preset--color--ink-deep); font-weight: 700; }
.tool-badge__btn { display: block; text-align: center; background: var(--wp--preset--color--ink-deep); color: var(--wp--preset--color--maitriser-tint); font-family: var(--wp--preset--font-family--mono); font-weight: 700; font-size: var(--wp--preset--font-size--mono-md); padding: 12px; text-decoration: none; border: 2px solid var(--wp--preset--color--ink-deep); }
.tool-badge__btn:hover { transform: translate(-2px,-2px); box-shadow: var(--wp--custom--shadow--hard-sm); }
.tool-badge__btn--alt { background: transparent; color: var(--wp--preset--color--ink-deep); margin-top: 10px; }

/* ---- blog : grille ---- */
.blog-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--wp--preset--spacing--gap-grid); } /* 22px — DEV-009 */
.post-card { background: var(--wp--preset--color--cloud); border: 2px solid var(--wp--preset--color--ink); position: relative; overflow: hidden; transition: transform .2s, box-shadow .2s; cursor: pointer; display: flex; flex-direction: column; }
.post-card:hover { transform: translate(-3px,-3px); box-shadow: var(--wp--custom--shadow--hard-md); } /* 6px — R5 (maquette 7, DEV-008) */
.post-card__cover { aspect-ratio: 16/8; position: relative; overflow: hidden; background: var(--wp--preset--color--consolider); border-bottom: 2px solid var(--wp--preset--color--ink); }
.post-card__cover .pf1 { position:absolute; inset:0; background: var(--wp--preset--color--consolider-deep); clip-path: polygon(0 0, 60% 0, 28% 100%, 0 100%); }
.post-card__cover .pf2 { position:absolute; inset:0; background: var(--wp--preset--color--ink-deep); opacity:.88; clip-path: polygon(60% 0, 100% 0, 100% 50%, 28% 100%); }
.post-card__cover .pf3 { position:absolute; inset:0; background: var(--wp--preset--color--consolider); clip-path: polygon(100% 50%, 100% 100%, 28% 100%); }
.post-card__body { padding: 24px 26px 26px; display: flex; flex-direction: column; flex: 1; }
.post-card__cat { font-family: var(--wp--preset--font-family--mono); font-size: var(--wp--preset--font-size--mono-xs); font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--verb-deep, var(--wp--preset--color--debloquer)); margin-bottom: 10px; }
.post-card__title { font-family: var(--wp--preset--font-family--display); font-weight: 700; font-size: var(--wp--preset--font-size--title-card); line-height: 1.14; color: var(--wp--preset--color--ink-deep); margin-bottom: 10px; } /* 22px — R2 (maquette 23, DEV-003) */
.post-card__excerpt { font-size: var(--wp--preset--font-size--body-sm); color: var(--wp--preset--color--ink); opacity: .84; line-height: 1.55; margin-bottom: 18px; } /* DEV-005 */
.post-card__meta { margin-top: auto; font-family: var(--wp--preset--font-family--mono); font-size: var(--wp--preset--font-size--mono-sm); color: var(--wp--preset--color--ink); opacity: .6; display: flex; gap: 14px; align-items: center; }
.post-card__link { font-family: var(--wp--preset--font-family--mono); font-weight: 700; font-size: var(--wp--preset--font-size--mono-md); color: var(--verb-deep, var(--wp--preset--color--debloquer)); margin-top: 14px; }

/* ---- blog : détail ---- */
.post-detail { max-width: 760px; margin: 0 auto; }
.post-detail__title { font-family: var(--wp--preset--font-family--display); font-weight: 700; font-size: var(--wp--preset--font-size--post-title); line-height: 1.05; letter-spacing: -.02em; color: var(--wp--preset--color--ink-deep); margin-bottom: 18px; }
.post-detail__meta { font-family: var(--wp--preset--font-family--mono); font-size: var(--wp--preset--font-size--mono-md); color: var(--wp--preset--color--ink); opacity: .6; margin-bottom: 30px; display: flex; gap: 16px; padding-bottom: 24px; border-bottom: 2px solid var(--wp--preset--color--ink); }
.post-detail__body { font-size: var(--wp--preset--font-size--lede); line-height: 1.7; color: var(--wp--preset--color--ink); }
.post-detail__body h2 { font-family: var(--wp--preset--font-family--display); font-weight: 700; font-size: var(--wp--preset--font-size--quote); color: var(--wp--preset--color--ink-deep); margin: 44px 0 16px; line-height: 1.15; letter-spacing: -.01em; }
.post-detail__body h3 { font-family: var(--wp--preset--font-family--display); font-weight: 700; font-size: var(--wp--preset--font-size--title-card-lg); color: var(--wp--preset--color--ink-deep); margin: 36px 0 14px; } /* 24px — DEV-002 */
.post-detail__body h4 { font-family: var(--wp--preset--font-family--display); font-weight: 700; font-size: var(--wp--preset--font-size--title-card-sm); color: var(--wp--preset--color--ink-deep); margin: 28px 0 10px; }
.post-detail__body p { margin-bottom: 18px; }
.post-detail__body a { color: var(--verb-deep, var(--wp--preset--color--consolider-deep)); text-decoration: underline; text-underline-offset: 3px; }
.post-detail__body a:hover { opacity: .7; }
.post-detail__body ul, .post-detail__body ol { margin: 0 0 20px 4px; display: flex; flex-direction: column; gap: 9px; padding-left: 22px; }
.post-detail__body ul { list-style: none; }
.post-detail__body ul li { position: relative; padding-left: 22px; }
.post-detail__body ul li::before { content:""; position: absolute; left: 0; top: 9px; width: 10px; height: 10px; background: var(--verb, var(--wp--preset--color--consolider)); clip-path: var(--wp--custom--shape--arrow); }
.post-detail__body ol { list-style: decimal; }
.post-detail__body ol li { padding-left: 6px; margin-left: 14px; }
.post-detail__body ol li::marker { font-family: var(--wp--preset--font-family--display); font-weight: 700; color: var(--verb-deep, var(--wp--preset--color--consolider-deep)); }
.post-detail__body li { line-height: 1.55; }
.post-detail__body strong { color: var(--wp--preset--color--ink-deep); }
.post-detail__body code { font-family: var(--wp--preset--font-family--mono); font-size: var(--wp--preset--font-size--body-xs); background: var(--wp--preset--color--paper-warm); padding: 2px 7px; border: 1px solid var(--wp--preset--color--ink); }
.post-detail__body hr { border: none; border-top: 2px solid var(--wp--preset--color--ink); opacity: .18; margin: 40px 0; }
.post-detail__body blockquote { margin: 30px 0; padding: 4px 0 4px 26px; border-left: 5px solid var(--verb, var(--wp--preset--color--consolider)); font-family: var(--wp--preset--font-family--display); font-style: italic; font-weight: 600; font-size: var(--wp--preset--font-size--title-card); line-height: 1.4; color: var(--wp--preset--color--ink-deep); }
.post-detail__body blockquote cite { display: block; margin-top: 12px; font-family: var(--wp--preset--font-family--mono); font-style: normal; font-weight: 700; font-size: var(--wp--preset--font-size--mono-md); opacity: .6; }

/* ---- callout ---- */
.callout { margin: 28px 0; border: 2px solid var(--wp--preset--color--ink); background: var(--wp--preset--color--cloud); padding: 20px 22px 20px 24px; position: relative; }
.callout::before { content:""; position: absolute; left: 0; top: 0; bottom: 0; width: 6px; background: var(--verb, var(--wp--preset--color--consolider)); }
.callout__label { font-family: var(--wp--preset--font-family--mono); font-size: var(--wp--preset--font-size--mono-xs); font-weight: 700; letter-spacing: .07em; text-transform: uppercase; color: var(--verb-deep, var(--wp--preset--color--consolider-deep)); margin-bottom: 8px; display: flex; align-items: center; gap: var(--wp--preset--spacing--gap-btn); }
.callout__label::before { content:""; width: 13px; height: 13px; background: var(--verb, var(--wp--preset--color--consolider)); clip-path: var(--wp--custom--shape--arrow); }
.callout p { margin: 0; font-size: var(--wp--preset--font-size--body-sm); line-height: 1.6; } /* 15px — R3 (maquette 15.5, DEV-012) */
.callout--warn { --verb: var(--wp--preset--color--debloquer); --verb-deep: var(--wp--preset--color--debloquer-deep); background: var(--wp--preset--color--warn-tint); }

/* ---- figure ---- */
.figure { margin: 32px 0; }
.figure__frame { border: 2px solid var(--wp--preset--color--ink); background: var(--wp--preset--color--paper-warm); aspect-ratio: 16/9; position: relative; overflow: hidden; display: grid; place-items: center; }
.figure__frame .ph-shot { position: absolute; inset: 0; }
.figure__frame .ph-shot .s1 { position:absolute; inset:0; background: var(--verb-tint, var(--wp--preset--color--consolider-tint)); }
.figure__frame .ph-shot .s2 { position:absolute; left:0; top:0; width:34%; height:100%; background: var(--wp--preset--color--ink-deep); opacity:.9; }
.figure__frame .ph-shot .s3 { position:absolute; left:34%; top:14%; width:56%; height:20%; background: var(--wp--preset--color--cloud); border:2px solid var(--wp--preset--color--ink); }
.figure__frame .ph-shot .s4 { position:absolute; left:34%; top:44%; width:44%; height:12%; background: var(--verb, var(--wp--preset--color--consolider)); }
.figure__frame .ph-icon { position: relative; z-index: 2; font-family: var(--wp--preset--font-family--mono); font-size: var(--wp--preset--font-size--mono-sm); font-weight: 700; color: var(--wp--preset--color--ink-deep); background: var(--wp--preset--color--cloud); border: 2px solid var(--wp--preset--color--ink); padding: 6px 12px; }
.figure__cap { font-family: var(--wp--preset--font-family--mono); font-size: var(--wp--preset--font-size--mono-sm); color: var(--wp--preset--color--ink); opacity: .65; margin-top: 10px; padding-left: 2px; line-height: 1.5; } /* 12px — DEV-006 */
.figure__cap b { color: var(--wp--preset--color--ink-deep); opacity: 1; }

/* ---- tableau d'article ---- */
.post-detail__body .table-wrap { margin: 30px 0; overflow-x: auto; border: 2px solid var(--wp--preset--color--ink); }
.post-detail__body table { width: 100%; border-collapse: collapse; font-size: var(--wp--preset--font-size--body-sm); }
.post-detail__body thead th { background: var(--wp--preset--color--ink-deep); color: #fff; font-family: var(--wp--preset--font-family--mono); font-size: var(--wp--preset--font-size--mono-sm); font-weight: 700; letter-spacing: .03em; text-transform: uppercase; text-align: left; padding: 12px 16px; }
.post-detail__body tbody td { padding: 12px 16px; border-top: 1px solid rgba(58,58,60,.16); vertical-align: top; }
.post-detail__body tbody tr:nth-child(even) { background: var(--wp--preset--color--paper-warm); }
.post-detail__body tbody td strong { color: var(--wp--preset--color--ink-deep); }

/* ---- bloc de code ---- */
.codeblock { margin: 28px 0; border: 2px solid var(--wp--preset--color--ink); background: var(--wp--preset--color--ink-deep); overflow: hidden; }
.codeblock__bar { display: flex; align-items: center; gap: var(--wp--preset--spacing--gap-btn); padding: 9px 14px; border-bottom: 1px solid rgba(255,255,255,.14); }
.codeblock__dot { width: 10px; height: 10px; background: var(--verb, var(--wp--preset--color--consolider)); clip-path: var(--wp--custom--shape--arrow); }
.codeblock__lang { font-family: var(--wp--preset--font-family--mono); font-size: var(--wp--preset--font-size--mono-xs); font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: rgba(255,255,255,.6); }
.codeblock pre { margin: 0; padding: 18px 20px; overflow-x: auto; }
.codeblock code { background: none; border: none; padding: 0; font-family: var(--wp--preset--font-family--mono); font-size: var(--wp--preset--font-size--mono-md); line-height: 1.65; color: var(--wp--preset--color--code); white-space: pre; } /* 13px — DEV-007 */

/* ---- considérations légales ---- */
.legal { max-width: 800px; margin: 0 auto; }
.legal__toc { display: flex; flex-wrap: wrap; gap: var(--wp--preset--spacing--gap-chip); margin-bottom: 32px; padding-bottom: 26px; border-bottom: 2px solid var(--wp--preset--color--ink); }
.legal__toc a { font-family: var(--wp--preset--font-family--mono); font-size: var(--wp--preset--font-size--mono-sm); font-weight: 700; color: var(--wp--preset--color--ink-deep); border: 2px solid var(--wp--preset--color--ink); background: var(--wp--preset--color--cloud); padding: 8px 14px; cursor: pointer; transition: transform .15s, box-shadow .15s; } /* 12px — DEV-012 */
.legal__toc a:hover { transform: translate(-2px,-2px); box-shadow: var(--wp--custom--shadow--hard-sm); }
.legal__body { font-size: var(--wp--preset--font-size--lede); line-height: 1.72; color: var(--wp--preset--color--ink); } /* 17px — R3 (maquette 16.5, DEV-012) */
.legal__body h2 { font-family: var(--wp--preset--font-family--display); font-weight: 700; font-size: var(--wp--preset--font-size--cta-title-mobile); color: var(--wp--preset--color--ink-deep); margin: 8px 0 18px; padding-bottom: 12px; border-bottom: 3px solid var(--verb, var(--wp--preset--color--maitriser)); scroll-margin-top: 90px; }
.legal__body h3 { font-family: var(--wp--preset--font-family--display); font-weight: 700; font-size: var(--wp--preset--font-size--title-card-sm); color: var(--wp--preset--color--ink-deep); margin: 28px 0 10px; }
.legal__body p { margin-bottom: 16px; }
.legal__body a { color: var(--verb-deep, var(--wp--preset--color--maitriser-deep)); text-decoration: underline; text-underline-offset: 3px; }
.legal__body a:hover { opacity: .7; }
.legal__body strong { color: var(--wp--preset--color--ink-deep); }
.legal__body ul { list-style: none; margin: 0 0 20px; display: flex; flex-direction: column; gap: 9px; padding-left: 0; }
.legal__body ul li { position: relative; padding-left: 24px; line-height: 1.55; }
.legal__body ul li::before { content:""; position: absolute; left: 0; top: 8px; width: 10px; height: 10px; background: var(--verb, var(--wp--preset--color--maitriser)); clip-path: var(--wp--custom--shape--arrow); }
.legal__body hr { border: none; border-top: 2px solid var(--wp--preset--color--ink); opacity: .18; margin: 40px 0; }

/* ---- fil d'Ariane ---- */
.crumb { font-family: var(--wp--preset--font-family--mono); font-size: var(--wp--preset--font-size--mono-sm); color: var(--wp--preset--color--ink); margin-bottom: 34px; display: flex; flex-wrap: wrap; align-items: center; gap: var(--wp--preset--spacing--gap-btn); }
.crumb a { color: var(--verb-deep, var(--wp--preset--color--consolider-deep)); cursor: pointer; font-weight: 700; }
.crumb a:hover { text-decoration: underline; text-underline-offset: 2px; }
.crumb__sep { opacity: .4; }
.crumb__here { opacity: .6; }

/* ---- layout article + sidebar ---- */
.post-layout { display: grid; grid-template-columns: minmax(0,1fr) 300px; gap: 48px; align-items: start; }
.post-layout .post-detail { max-width: none; margin: 0; }
.post-aside { position: sticky; top: 96px; display: flex; flex-direction: column; gap: var(--wp--preset--spacing--gap-grid); }
.post-aside__ctx { border: 2px solid var(--wp--preset--color--ink); background: var(--verb-tint, var(--wp--preset--color--paper-warm)); padding: 16px 18px; }
.post-aside__ctx-k { display: block; font-family: var(--wp--preset--font-family--mono); font-size: var(--wp--preset--font-size--mono-xs); font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--wp--preset--color--ink); opacity: .6; margin-bottom: 4px; }
.post-aside__ctx-v { font-family: var(--wp--preset--font-family--display); font-weight: 700; font-size: var(--wp--preset--font-size--lede); color: var(--wp--preset--color--ink-deep); cursor: pointer; }
.post-aside__ctx-v:hover { color: var(--verb-deep); }
.post-aside__block { border-top: 2px solid var(--wp--preset--color--ink); padding-top: 18px; }
.post-aside__title { font-family: var(--wp--preset--font-family--mono); font-size: var(--wp--preset--font-size--mono-xs); font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--verb-deep, var(--wp--preset--color--consolider-deep)); margin-bottom: 14px; }
.post-aside__list { list-style: none; display: flex; flex-direction: column; gap: 14px; margin: 0; padding: 0; }
.post-aside__list a { display: block; cursor: pointer; }
.post-aside__cat { display: block; font-family: var(--wp--preset--font-family--mono); font-size: var(--wp--preset--font-size--mono-xs); font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: var(--wp--preset--color--ink); opacity: .5; margin-bottom: 3px; } /* 11px — R3 (maquette 10.5, DEV-012) */
.post-aside__link { font-family: var(--wp--preset--font-family--display); font-weight: 700; font-size: var(--wp--preset--font-size--body-sm); color: var(--wp--preset--color--ink-deep); line-height: 1.25; }
.post-aside__list a:hover .post-aside__link { color: var(--verb-deep); }
.post-aside__themes { list-style: none; display: flex; flex-direction: column; margin: 0; padding: 0; }
.post-aside__themes li { border-bottom: 1px solid rgba(58,58,60,.14); }
.post-aside__themes li:first-child { border-top: 1px solid rgba(58,58,60,.14); }
.post-aside__themes a { display: flex; align-items: center; justify-content: space-between; gap: var(--wp--preset--spacing--gap-chip); padding: 10px 0; cursor: pointer; }
.post-aside__theme { font-family: var(--wp--preset--font-family--body); font-size: var(--wp--preset--font-size--body-sm); font-weight: 500; color: var(--wp--preset--color--ink-deep); transition: color .15s; }
.post-aside__themes a:hover .post-aside__theme { color: var(--verb-deep); }
.post-aside__count { font-family: var(--wp--preset--font-family--mono); font-size: var(--wp--preset--font-size--mono-xs); font-weight: 700; color: var(--wp--preset--color--ink); opacity: .55; background: var(--wp--preset--color--paper-warm); border: 1px solid rgba(58,58,60,.2); padding: 2px 8px; min-width: 26px; text-align: center; }
.post-aside__themes a:hover .post-aside__count { background: var(--verb, var(--wp--preset--color--consolider)); opacity: 1; color: var(--wp--preset--color--ink-deep); }

/* ---- navigation article ---- */
.post-nav { margin: 44px 0 0; display: grid; grid-template-columns: 1fr auto 1fr; gap: 14px; align-items: stretch; border-top: 2px solid var(--wp--preset--color--ink); padding-top: 26px; }
.post-nav__side { display: flex; flex-direction: column; gap: var(--wp--preset--spacing--gap-xs); padding: 14px 16px; border: 2px solid var(--wp--preset--color--ink); background: var(--wp--preset--color--cloud); cursor: pointer; transition: transform .2s, box-shadow .2s; text-decoration: none; }
.post-nav__side:hover { transform: translate(-2px,-2px); box-shadow: var(--wp--custom--shadow--hard-sm); }
.post-nav__side--next { text-align: right; }
.post-nav__side.is-empty { border: none; background: transparent; cursor: default; }
.post-nav__side.is-empty:hover { transform: none; box-shadow: none; }
.post-nav__dir { font-family: var(--wp--preset--font-family--mono); font-size: var(--wp--preset--font-size--mono-xs); font-weight: 700; letter-spacing: .04em; color: var(--verb-deep, var(--wp--preset--color--consolider-deep)); text-transform: uppercase; }
.post-nav__title { font-family: var(--wp--preset--font-family--display); font-weight: 700; font-size: var(--wp--preset--font-size--body-xs); color: var(--wp--preset--color--ink-deep); line-height: 1.2; }
.post-nav__hub { align-self: stretch; display: flex; align-items: center; font-family: var(--wp--preset--font-family--mono); font-size: var(--wp--preset--font-size--mono-xs); font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--wp--preset--color--ink-deep); border: 2px solid var(--wp--preset--color--ink); padding: 0 16px; background: var(--wp--preset--color--paper-warm); cursor: pointer; white-space: nowrap; transition: background .2s; }
.post-nav__hub:hover { background: var(--verb, var(--wp--preset--color--consolider)); }

/* ---- "à lire aussi" ---- */
.post-more { margin-top: 40px; padding-top: 24px; }
.post-more .section__eyebrow { justify-content: flex-start; margin-bottom: 16px; }
.post-more__row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.post-more__item { border: 2px solid var(--wp--preset--color--ink); background: var(--verb-tint, var(--wp--preset--color--paper-warm)); padding: 16px 18px; cursor: pointer; display: flex; flex-direction: column; gap: 5px; position: relative; transition: transform .2s, box-shadow .2s; }
.post-more__item::after { content:""; position: absolute; top: 0; right: 0; width: 0; height: 0; border-style: solid; border-width: 0 20px 20px 0; border-color: transparent var(--verb, var(--wp--preset--color--consolider)) transparent transparent; }
.post-more__item:hover { transform: translate(-2px,-2px); box-shadow: var(--wp--custom--shadow--hard-sm); }
.post-more__cat { font-family: var(--wp--preset--font-family--mono); font-size: var(--wp--preset--font-size--mono-xs); font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: var(--verb-deep, var(--wp--preset--color--consolider-deep)); } /* 11px — DEV-012 */
.post-more__title { font-family: var(--wp--preset--font-family--display); font-weight: 700; font-size: var(--wp--preset--font-size--nav-mobile); color: var(--wp--preset--color--ink-deep); line-height: 1.2; }
.post-more__link { font-family: var(--wp--preset--font-family--mono); font-size: var(--wp--preset--font-size--mono-sm); font-weight: 700; color: var(--verb-deep, var(--wp--preset--color--consolider-deep)); margin-top: 2px; }

/* ---- burger + drawer (mobile) ---- */
.burger { display: none; flex-direction: column; justify-content: center; gap: var(--wp--preset--spacing--gap-xs); width: 40px; height: 40px; background: none; border: 2px solid var(--wp--preset--color--ink); cursor: pointer; padding: 8px 10px 8px 8px; flex: 0 0 auto; overflow: hidden; }
.burger__line { height: 2.5px; background: var(--wp--preset--color--ink); display: block; transform-origin: left center; transition: transform .26s cubic-bezier(.22,1,.36,1), opacity .2s, width .24s; }
.burger__line:nth-child(1) { width: 100%; transform: rotate(-18deg) translateY(2px); }
.burger__line:nth-child(2) { width: 75%; transform: rotate(0deg); }
.burger__line:nth-child(3) { width: 100%; transform: rotate(18deg)  translateY(-2px); }
.burger.is-open .burger__line:nth-child(1) { width: 100%; transform: translateY(8px)  rotate(42deg); }
.burger.is-open .burger__line:nth-child(2) { opacity: 0; transform: scaleX(0); }
.burger.is-open .burger__line:nth-child(3) { width: 100%; transform: translateY(-8px) rotate(-42deg); }
.nav-drawer { display: none; position: absolute; top: 100%; left: 0; right: 0; z-index: 49; background: var(--wp--preset--color--paper); border-bottom: 2px solid var(--wp--preset--color--ink); box-shadow: var(--wp--custom--shadow--drawer); padding: 24px 22px 30px; flex-direction: column; gap: 0; }
.nav-drawer.is-open { display: flex; }
.nav-drawer a { font-family: var(--wp--preset--font-family--body); font-size: var(--wp--preset--font-size--nav-mobile); font-weight: 500; color: var(--wp--preset--color--ink); padding: 15px 0; border-bottom: 1px solid rgba(58,58,60,.12); display: flex; align-items: center; gap: var(--wp--preset--spacing--gap-chip); opacity: .85; transition: opacity .15s; }
.nav-drawer a:last-child { border-bottom: none; }
.nav-drawer a:hover { opacity: 1; }
.nav-drawer a.is-active { opacity: 1; color: var(--wp--preset--color--consolider-deep); font-weight: 700; }
.nav-drawer a.is-active.nav-verb::before { content: none; }
.nav-drawer .nav-verb { font-weight: 600; }
.nav-drawer .nav-verb .nav-verb__dot { width: 11px; height: 11px; background: var(--verb); flex: 0 0 11px; clip-path: polygon(0 0, 100% 35%, 70% 100%); }
.nav-drawer .nav-verb.is-active { color: var(--wp--preset--color--ink-deep); opacity: 1; }
.nav-drawer .nav-verb.v-consolider { --verb: var(--wp--preset--color--consolider-deep); }
.nav-drawer .nav-verb.v-debloquer  { --verb: var(--wp--preset--color--debloquer); }
.nav-drawer .nav-verb.v-maitriser  { --verb: var(--wp--preset--color--maitriser-deep); }
.nav-drawer .btn--primary { margin-top: 18px; width: 100%; justify-content: center; border-bottom: none; padding: 14px 20px; opacity: 1; }

/* ============ Contexte sous-pages (T7 seeding) ============
   La maquette portait ces valeurs en styles inline page par page ; ici elles
   deviennent des règles contextuelles générales (rationalisation DEV-013). */
/* Hero de sous-page : marqué par .lead-block (l'accueil utilise hero__inner). */
.hero .lead-block { padding-bottom: 70px; } /* maquette 70×4 / 80×2 → 70 dominant (DEV-013) */
.lead-block .hero__title { font-size: var(--wp--preset--font-size--hero-page); max-width: 20ch; } /* R1 (maquette 46–52 → 50, DEV-001) ; max-width 18–22ch → 20 (DEV-013) */
.lead-block .hero__lede { font-size: var(--wp--preset--font-size--lede-lg); max-width: 56ch; margin-top: 18px; }
/* Section qui suit immédiatement un hero de sous-page (via flanc-zone). */
.hero + .flanc-zone > .section:first-child { padding-top: 64px; } /* maquette 56–70 → 64 dominant (DEV-013) */
/* Sections de vue détail (article / outil) ouvertes par un fil d'Ariane. */
.section:has(> .wrap > .crumb) { padding-top: 40px; padding-bottom: 80px; }
.post-detail .post-card__cat { margin-bottom: 14px; }
.tool-detail .post-nav { margin-top: 40px; }
/* Réemplois contextuels observés dans la maquette. */
.aidd .section__title { font-size: var(--wp--preset--font-size--badge-big); } /* 34px, token exact */
.blog-grid .verb__name { font-size: var(--wp--preset--font-size--title-card); } /* R2 (maquette 21 → 22, DEV-013) */
.blog-grid .verb .post-card__link { margin-top: auto; padding-top: 18px; }
.about__bio .btn { margin-top: 26px; }
.legal .callout { margin-bottom: 36px; }
.legal__body > p:last-child { margin-top: 32px; opacity: .6; font-size: var(--wp--preset--font-size--body-xs); }
.contact-grid + p { margin-top: 34px; }
.proof__quote em { font-style: inherit; color: #fff; } /* alias WP-natif du <span> maquette (rich text ne conserve pas les span nus) */

/* ============ RESPONSIVE — bandes conventionnelles (DEV-010) ============ */
/* Tablette : 768–1099px (la maquette simulait ≤834 par classe) */
@media (min-width: 768px) and (max-width: 1099px) {
  .hero__inner { grid-template-columns: 1fr; gap: 40px; padding-bottom: 80px; }
  .hero__title { font-size: var(--wp--preset--font-size--hero-page); }
  .origami { aspect-ratio: 16/10; max-height: 340px; }
  .verbs { grid-template-columns: 1fr; }
  .verb { border-right: none; border-bottom: 2px solid var(--wp--preset--color--ink); min-height: 0; }
  .verb:last-child { border-bottom: none; }
  .offer-grid { grid-template-columns: 1fr; }
  .proof { grid-template-columns: 1fr; gap: 28px; }
  .pain-grid { grid-template-columns: 1fr; }
  .compare { grid-template-columns: 1fr; }
  .ex-grid { grid-template-columns: 1fr; }
  .about { grid-template-columns: 1fr; gap: 32px; }
  .about__photo { max-width: 300px; aspect-ratio: 1/1; }
  .contact-grid { grid-template-columns: 1fr; }
  .site-footer__top { flex-direction: column; }
  .kb-grid { grid-template-columns: 1fr; }
  .blog-grid { grid-template-columns: 1fr; }
  .lex-item { grid-template-columns: 1fr; gap: 10px; }
  .post-detail__title { font-size: var(--wp--preset--font-size--post-title-tablet); }
  .wf-grid { grid-template-columns: 1fr; }
  .tip-grid { grid-template-columns: 1fr; }
  .prompt-grid { grid-template-columns: 1fr; }
  .aidd { grid-template-columns: 1fr; gap: 28px; }
  .post-nav { grid-template-columns: 1fr; }
  .post-nav__side--next { text-align: left; }
  .post-nav__hub { order: 3; }
  .post-layout { grid-template-columns: 1fr; gap: 40px; }
  .post-aside { position: static; }
  .post-aside__ctx { display: none; }
}

/* Mobile : ≤767px (la maquette simulait ≤390 par classe) */
@media (max-width: 767px) {
  .wrap { padding: 0 22px; }
  .site-header__inner { padding: 0 22px; height: 64px; }
  .site-nav { display: none; }
  .burger { display: flex; }
  .site-header { position: sticky; top: 0; z-index: 50; }
  .hero { padding-top: 50px; }
  .hero__inner { grid-template-columns: 1fr; gap: 34px; padding-bottom: 70px; }
  .hero__title { font-size: var(--wp--preset--font-size--hero-mobile); }
  .hero__lede { font-size: var(--wp--preset--font-size--lede); max-width: 100%; }
  .origami { aspect-ratio: 1/1; }
  .section { padding: 60px 0; }
  .section__title { font-size: var(--wp--preset--font-size--mini-title); }
  .verbmark { font-size: 64px; right: 16px; }
  .verbs { grid-template-columns: 1fr; }
  .verb { border-right: none; border-bottom: 2px solid var(--wp--preset--color--ink); min-height: 0; }
  .verb:last-child { border-bottom: none; }
  .offer-grid { grid-template-columns: 1fr; }
  .proof { grid-template-columns: 1fr; gap: 26px; }
  .pain-grid { grid-template-columns: 1fr; }
  .compare { grid-template-columns: 1fr; }
  .ex-grid { grid-template-columns: 1fr; }
  .about { grid-template-columns: 1fr; gap: 30px; }
  .about__photo { max-width: 240px; aspect-ratio: 1/1; }
  .about__photo .initials { font-size: 76px; }
  .about__photo .tag { font-size: 10px; bottom: 12px; left: 12px; padding: 5px 8px; }
  .contact-grid { grid-template-columns: 1fr; }
  .cta-band { padding: 38px 24px; }
  .cta-band__title { font-size: var(--wp--preset--font-size--cta-title-mobile); }
  .step { grid-template-columns: 1fr; gap: var(--wp--preset--spacing--gap-btn); }
  .site-footer__top { flex-direction: column; }
  .site-footer__cols { flex-direction: column; gap: 26px; }
  .fold--down { clip-path: polygon(0 0,100% 0,100% calc(100% - 24px),0 100%); padding-bottom: 70px; margin-bottom: -24px; }
  .fold--up { clip-path: polygon(0 24px,100% 0,100% 100%,0 100%); padding-top: 70px; }
  .flanc-zone::before, .flanc-zone::after { width: var(--wp--custom--flanc--width-mobile); background-size: var(--wp--custom--flanc--width-mobile) auto; }
  .kb-grid { grid-template-columns: 1fr; }
  .blog-grid { grid-template-columns: 1fr; }
  .lex-item { grid-template-columns: 1fr; gap: 10px; }
  .post-detail__title { font-size: var(--wp--preset--font-size--mini-title); }
  .wf-grid { grid-template-columns: 1fr; }
  .tip-grid { grid-template-columns: 1fr; }
  .prompt-grid { grid-template-columns: 1fr; }
  .aidd { grid-template-columns: 1fr; gap: 26px; }
  .filters { gap: var(--wp--preset--spacing--gap-btn); }
  .post-nav { grid-template-columns: 1fr; }
  .post-nav__side--next { text-align: left; }
  .post-nav__hub { order: 3; }
  .post-layout { grid-template-columns: 1fr; gap: 36px; }
  .post-aside { position: static; }
  .post-aside__ctx { display: none; }
}

/* ---- flanc origami : images SVG par axe (verbatim maquette v8 — assets, palettes tokenisées dans design/tokens.json > color.flanc.*) ---- */
:root {
  --flanc-teal: url("data:image/svg+xml,%3Csvg%20viewBox=%220%200%20130%20260%22%20preserveAspectRatio=%22xMinYMin%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cg%3E%3Cpolygon%20points=%220%2C0%2025%2C0%200%2C52%22%20fill=%22%23E3F3EE%22/%3E%3Cpolygon%20points=%2225%2C0%200%2C52%2025.6%2C52%22%20fill=%22%23CFEAE0%22/%3E%3Cpolygon%20points=%2225%2C0%2058.1%2C0%2025.6%2C52%22%20fill=%22%23DCF0E9%22/%3E%3Cpolygon%20points=%2258.1%2C0%2025.6%2C52%2056.2%2C52%22%20fill=%22%23D6EDE4%22/%3E%3Cpolygon%20points=%2258.1%2C0%2056.2%2C52%2080%2C52%22%20fill=%22%23C4E4D7%22/%3E%3Cpolygon%20points=%2258.1%2C0%2094%2C0%2080%2C52%22%20fill=%22%23E3F3EE%22/%3E%3Cpolygon%20points=%220%2C52%2025.6%2C52%200%2C104%22%20fill=%22%23C4E4D7%22/%3E%3Cpolygon%20points=%2225.6%2C52%200%2C104%2020.1%2C104%22%20fill=%22%23E3F3EE%22/%3E%3Cpolygon%20points=%2225.6%2C52%2020.1%2C104%2056.3%2C104%22%20fill=%22%23CFEAE0%22/%3E%3Cpolygon%20points=%2225.6%2C52%2056.2%2C52%2056.3%2C104%22%20fill=%22%23DCF0E9%22/%3E%3Cpolygon%20points=%2256.2%2C52%2080%2C52%2056.3%2C104%22%20fill=%22%23D6EDE4%22/%3E%3Cpolygon%20points=%2280%2C52%2056.3%2C104%2093%2C104%22%20fill=%22%23C4E4D7%22/%3E%3Cpolygon%20points=%220%2C104%2020.1%2C104%200%2C156%22%20fill=%22%23D6EDE4%22/%3E%3Cpolygon%20points=%2220.1%2C104%200%2C156%2023.9%2C156%22%20fill=%22%23C4E4D7%22/%3E%3Cpolygon%20points=%2220.1%2C104%2056.3%2C104%2023.9%2C156%22%20fill=%22%23E3F3EE%22/%3E%3Cpolygon%20points=%2256.3%2C104%2023.9%2C156%2057.5%2C156%22%20fill=%22%23CFEAE0%22/%3E%3Cpolygon%20points=%2256.3%2C104%2093%2C104%2057.5%2C156%22%20fill=%22%23DCF0E9%22/%3E%3Cpolygon%20points=%2293%2C104%2057.5%2C156%2069%2C156%22%20fill=%22%23D6EDE4%22/%3E%3Cpolygon%20points=%220%2C156%2023.9%2C156%200%2C208%22%20fill=%22%23DCF0E9%22/%3E%3Cpolygon%20points=%2223.9%2C156%200%2C208%2020%2C208%22%20fill=%22%23D6EDE4%22/%3E%3Cpolygon%20points=%2223.9%2C156%2020%2C208%2051.5%2C208%22%20fill=%22%23C4E4D7%22/%3E%3Cpolygon%20points=%2223.9%2C156%2057.5%2C156%2051.5%2C208%22%20fill=%22%23E3F3EE%22/%3E%3Cpolygon%20points=%2257.5%2C156%2051.5%2C208%2071%2C208%22%20fill=%22%23CFEAE0%22/%3E%3Cpolygon%20points=%2257.5%2C156%2069%2C156%2071%2C208%22%20fill=%22%23DCF0E9%22/%3E%3Cpolygon%20points=%220%2C208%2020%2C208%200%2C260%22%20fill=%22%23CFEAE0%22/%3E%3Cpolygon%20points=%2220%2C208%200%2C260%2025%2C260%22%20fill=%22%23DCF0E9%22/%3E%3Cpolygon%20points=%2220%2C208%2051.5%2C208%2025%2C260%22%20fill=%22%23D6EDE4%22/%3E%3Cpolygon%20points=%2251.5%2C208%2025%2C260%2058.1%2C260%22%20fill=%22%23C4E4D7%22/%3E%3Cpolygon%20points=%2251.5%2C208%2071%2C208%2058.1%2C260%22%20fill=%22%23E3F3EE%22/%3E%3Cpolygon%20points=%2271%2C208%2058.1%2C260%2094%2C260%22%20fill=%22%23CFEAE0%22/%3E%3Cpath%20d=%22M0%2C0%20L25%2C0%20M0%2C52%20L25%2C0%20M0%2C0%20L0%2C52%20M0%2C52%20L25.6%2C52%20M25%2C0%20L25.6%2C52%20M25%2C0%20L58.1%2C0%20M25.6%2C52%20L58.1%2C0%20M25.6%2C52%20L56.2%2C52%20M56.2%2C52%20L58.1%2C0%20M56.2%2C52%20L80%2C52%20M58.1%2C0%20L80%2C52%20M58.1%2C0%20L94%2C0%20M80%2C52%20L94%2C0%20M0%2C104%20L25.6%2C52%20M0%2C52%20L0%2C104%20M0%2C104%20L20.1%2C104%20M20.1%2C104%20L25.6%2C52%20M20.1%2C104%20L56.3%2C104%20M25.6%2C52%20L56.3%2C104%20M56.2%2C52%20L56.3%2C104%20M56.3%2C104%20L80%2C52%20M56.3%2C104%20L93%2C104%20M80%2C52%20L93%2C104%20M0%2C156%20L20.1%2C104%20M0%2C104%20L0%2C156%20M0%2C156%20L23.9%2C156%20M20.1%2C104%20L23.9%2C156%20M23.9%2C156%20L56.3%2C104%20M23.9%2C156%20L57.5%2C156%20M56.3%2C104%20L57.5%2C156%20M57.5%2C156%20L93%2C104%20M57.5%2C156%20L69%2C156%20M69%2C156%20L93%2C104%20M0%2C208%20L23.9%2C156%20M0%2C156%20L0%2C208%20M0%2C208%20L20%2C208%20M20%2C208%20L23.9%2C156%20M20%2C208%20L51.5%2C208%20M23.9%2C156%20L51.5%2C208%20M51.5%2C208%20L57.5%2C156%20M51.5%2C208%20L71%2C208%20M57.5%2C156%20L71%2C208%20M69%2C156%20L71%2C208%20M0%2C260%20L20%2C208%20M0%2C208%20L0%2C260%20M0%2C260%20L25%2C260%20M20%2C208%20L25%2C260%20M25%2C260%20L51.5%2C208%20M25%2C260%20L58.1%2C260%20M51.5%2C208%20L58.1%2C260%20M58.1%2C260%20L71%2C208%20M58.1%2C260%20L94%2C260%20M71%2C208%20L94%2C260%22%20fill=%22none%22%20stroke=%22%238FCBBB%22%20stroke-width=%220.6%22%20stroke-linejoin=%22round%22%20opacity=%220.55%22/%3E%3C/g%3E%3C/svg%3E");
  --flanc-orange: url("data:image/svg+xml,%3Csvg%20viewBox=%220%200%20130%20260%22%20preserveAspectRatio=%22xMinYMin%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cg%3E%3Cpolygon%20points=%220%2C0%2025%2C0%200%2C52%22%20fill=%22%23FBECD8%22/%3E%3Cpolygon%20points=%2225%2C0%200%2C52%2025.6%2C52%22%20fill=%22%23F2CE96%22/%3E%3Cpolygon%20points=%2225%2C0%2058.1%2C0%2025.6%2C52%22%20fill=%22%23FCEBCF%22/%3E%3Cpolygon%20points=%2258.1%2C0%2025.6%2C52%2056.2%2C52%22%20fill=%22%23F7E3C4%22/%3E%3Cpolygon%20points=%2258.1%2C0%2056.2%2C52%2080%2C52%22%20fill=%22%23F6DDB6%22/%3E%3Cpolygon%20points=%2258.1%2C0%2094%2C0%2080%2C52%22%20fill=%22%23FBECD8%22/%3E%3Cpolygon%20points=%220%2C52%2025.6%2C52%200%2C104%22%20fill=%22%23F6DDB6%22/%3E%3Cpolygon%20points=%2225.6%2C52%200%2C104%2020.1%2C104%22%20fill=%22%23FBECD8%22/%3E%3Cpolygon%20points=%2225.6%2C52%2020.1%2C104%2056.3%2C104%22%20fill=%22%23F2CE96%22/%3E%3Cpolygon%20points=%2225.6%2C52%2056.2%2C52%2056.3%2C104%22%20fill=%22%23FCEBCF%22/%3E%3Cpolygon%20points=%2256.2%2C52%2080%2C52%2056.3%2C104%22%20fill=%22%23F7E3C4%22/%3E%3Cpolygon%20points=%2280%2C52%2056.3%2C104%2093%2C104%22%20fill=%22%23F6DDB6%22/%3E%3Cpolygon%20points=%220%2C104%2020.1%2C104%200%2C156%22%20fill=%22%23F7E3C4%22/%3E%3Cpolygon%20points=%2220.1%2C104%200%2C156%2023.9%2C156%22%20fill=%22%23F6DDB6%22/%3E%3Cpolygon%20points=%2220.1%2C104%2056.3%2C104%2023.9%2C156%22%20fill=%22%23FBECD8%22/%3E%3Cpolygon%20points=%2256.3%2C104%2023.9%2C156%2057.5%2C156%22%20fill=%22%23F2CE96%22/%3E%3Cpolygon%20points=%2256.3%2C104%2093%2C104%2057.5%2C156%22%20fill=%22%23FCEBCF%22/%3E%3Cpolygon%20points=%2293%2C104%2057.5%2C156%2069%2C156%22%20fill=%22%23F7E3C4%22/%3E%3Cpolygon%20points=%220%2C156%2023.9%2C156%200%2C208%22%20fill=%22%23FCEBCF%22/%3E%3Cpolygon%20points=%2223.9%2C156%200%2C208%2020%2C208%22%20fill=%22%23F7E3C4%22/%3E%3Cpolygon%20points=%2223.9%2C156%2020%2C208%2051.5%2C208%22%20fill=%22%23F6DDB6%22/%3E%3Cpolygon%20points=%2223.9%2C156%2057.5%2C156%2051.5%2C208%22%20fill=%22%23FBECD8%22/%3E%3Cpolygon%20points=%2257.5%2C156%2051.5%2C208%2071%2C208%22%20fill=%22%23F2CE96%22/%3E%3Cpolygon%20points=%2257.5%2C156%2069%2C156%2071%2C208%22%20fill=%22%23FCEBCF%22/%3E%3Cpolygon%20points=%220%2C208%2020%2C208%200%2C260%22%20fill=%22%23F2CE96%22/%3E%3Cpolygon%20points=%2220%2C208%200%2C260%2025%2C260%22%20fill=%22%23FCEBCF%22/%3E%3Cpolygon%20points=%2220%2C208%2051.5%2C208%2025%2C260%22%20fill=%22%23F7E3C4%22/%3E%3Cpolygon%20points=%2251.5%2C208%2025%2C260%2058.1%2C260%22%20fill=%22%23F6DDB6%22/%3E%3Cpolygon%20points=%2251.5%2C208%2071%2C208%2058.1%2C260%22%20fill=%22%23FBECD8%22/%3E%3Cpolygon%20points=%2271%2C208%2058.1%2C260%2094%2C260%22%20fill=%22%23F2CE96%22/%3E%3Cpath%20d=%22M0%2C0%20L25%2C0%20M0%2C52%20L25%2C0%20M0%2C0%20L0%2C52%20M0%2C52%20L25.6%2C52%20M25%2C0%20L25.6%2C52%20M25%2C0%20L58.1%2C0%20M25.6%2C52%20L58.1%2C0%20M25.6%2C52%20L56.2%2C52%20M56.2%2C52%20L58.1%2C0%20M56.2%2C52%20L80%2C52%20M58.1%2C0%20L80%2C52%20M58.1%2C0%20L94%2C0%20M80%2C52%20L94%2C0%20M0%2C104%20L25.6%2C52%20M0%2C52%20L0%2C104%20M0%2C104%20L20.1%2C104%20M20.1%2C104%20L25.6%2C52%20M20.1%2C104%20L56.3%2C104%20M25.6%2C52%20L56.3%2C104%20M56.2%2C52%20L56.3%2C104%20M56.3%2C104%20L80%2C52%20M56.3%2C104%20L93%2C104%20M80%2C52%20L93%2C104%20M0%2C156%20L20.1%2C104%20M0%2C104%20L0%2C156%20M0%2C156%20L23.9%2C156%20M20.1%2C104%20L23.9%2C156%20M23.9%2C156%20L56.3%2C104%20M23.9%2C156%20L57.5%2C156%20M56.3%2C104%20L57.5%2C156%20M57.5%2C156%20L93%2C104%20M57.5%2C156%20L69%2C156%20M69%2C156%20L93%2C104%20M0%2C208%20L23.9%2C156%20M0%2C156%20L0%2C208%20M0%2C208%20L20%2C208%20M20%2C208%20L23.9%2C156%20M20%2C208%20L51.5%2C208%20M23.9%2C156%20L51.5%2C208%20M51.5%2C208%20L57.5%2C156%20M51.5%2C208%20L71%2C208%20M57.5%2C156%20L71%2C208%20M69%2C156%20L71%2C208%20M0%2C260%20L20%2C208%20M0%2C208%20L0%2C260%20M0%2C260%20L25%2C260%20M20%2C208%20L25%2C260%20M25%2C260%20L51.5%2C208%20M25%2C260%20L58.1%2C260%20M51.5%2C208%20L58.1%2C260%20M58.1%2C260%20L71%2C208%20M58.1%2C260%20L94%2C260%20M71%2C208%20L94%2C260%22%20fill=%22none%22%20stroke=%22%23E0A85E%22%20stroke-width=%220.6%22%20stroke-linejoin=%22round%22%20opacity=%220.55%22/%3E%3C/g%3E%3C/svg%3E");
  --flanc-lime: url("data:image/svg+xml,%3Csvg%20viewBox=%220%200%20130%20260%22%20preserveAspectRatio=%22xMinYMin%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cg%3E%3Cpolygon%20points=%220%2C0%2025%2C0%200%2C52%22%20fill=%22%23EAF2E0%22/%3E%3Cpolygon%20points=%2225%2C0%200%2C52%2025.6%2C52%22%20fill=%22%23D3E5BC%22/%3E%3Cpolygon%20points=%2225%2C0%2058.1%2C0%2025.6%2C52%22%20fill=%22%23E1EFCE%22/%3E%3Cpolygon%20points=%2258.1%2C0%2025.6%2C52%2056.2%2C52%22%20fill=%22%23DFEBCD%22/%3E%3Cpolygon%20points=%2258.1%2C0%2056.2%2C52%2080%2C52%22%20fill=%22%23C7DCAB%22/%3E%3Cpolygon%20points=%2258.1%2C0%2094%2C0%2080%2C52%22%20fill=%22%23EAF2E0%22/%3E%3Cpolygon%20points=%220%2C52%2025.6%2C52%200%2C104%22%20fill=%22%23C7DCAB%22/%3E%3Cpolygon%20points=%2225.6%2C52%200%2C104%2020.1%2C104%22%20fill=%22%23EAF2E0%22/%3E%3Cpolygon%20points=%2225.6%2C52%2020.1%2C104%2056.3%2C104%22%20fill=%22%23D3E5BC%22/%3E%3Cpolygon%20points=%2225.6%2C52%2056.2%2C52%2056.3%2C104%22%20fill=%22%23E1EFCE%22/%3E%3Cpolygon%20points=%2256.2%2C52%2080%2C52%2056.3%2C104%22%20fill=%22%23DFEBCD%22/%3E%3Cpolygon%20points=%2280%2C52%2056.3%2C104%2093%2C104%22%20fill=%22%23C7DCAB%22/%3E%3Cpolygon%20points=%220%2C104%2020.1%2C104%200%2C156%22%20fill=%22%23DFEBCD%22/%3E%3Cpolygon%20points=%2220.1%2C104%200%2C156%2023.9%2C156%22%20fill=%22%23C7DCAB%22/%3E%3Cpolygon%20points=%2220.1%2C104%2056.3%2C104%2023.9%2C156%22%20fill=%22%23EAF2E0%22/%3E%3Cpolygon%20points=%2256.3%2C104%2023.9%2C156%2057.5%2C156%22%20fill=%22%23D3E5BC%22/%3E%3Cpolygon%20points=%2256.3%2C104%2093%2C104%2057.5%2C156%22%20fill=%22%23E1EFCE%22/%3E%3Cpolygon%20points=%2293%2C104%2057.5%2C156%2069%2C156%22%20fill=%22%23DFEBCD%22/%3E%3Cpolygon%20points=%220%2C156%2023.9%2C156%200%2C208%22%20fill=%22%23E1EFCE%22/%3E%3Cpolygon%20points=%2223.9%2C156%200%2C208%2020%2C208%22%20fill=%22%23DFEBCD%22/%3E%3Cpolygon%20points=%2223.9%2C156%2020%2C208%2051.5%2C208%22%20fill=%22%23C7DCAB%22/%3E%3Cpolygon%20points=%2223.9%2C156%2057.5%2C156%2051.5%2C208%22%20fill=%22%23EAF2E0%22/%3E%3Cpolygon%20points=%2257.5%2C156%2051.5%2C208%2071%2C208%22%20fill=%22%23D3E5BC%22/%3E%3Cpolygon%20points=%2257.5%2C156%2069%2C156%2071%2C208%22%20fill=%22%23E1EFCE%22/%3E%3Cpolygon%20points=%220%2C208%2020%2C208%200%2C260%22%20fill=%22%23D3E5BC%22/%3E%3Cpolygon%20points=%2220%2C208%200%2C260%2025%2C260%22%20fill=%22%23E1EFCE%22/%3E%3Cpolygon%20points=%2220%2C208%2051.5%2C208%2025%2C260%22%20fill=%22%23DFEBCD%22/%3E%3Cpolygon%20points=%2251.5%2C208%2025%2C260%2058.1%2C260%22%20fill=%22%23C7DCAB%22/%3E%3Cpolygon%20points=%2251.5%2C208%2071%2C208%2058.1%2C260%22%20fill=%22%23EAF2E0%22/%3E%3Cpolygon%20points=%2271%2C208%2058.1%2C260%2094%2C260%22%20fill=%22%23D3E5BC%22/%3E%3Cpath%20d=%22M0%2C0%20L25%2C0%20M0%2C52%20L25%2C0%20M0%2C0%20L0%2C52%20M0%2C52%20L25.6%2C52%20M25%2C0%20L25.6%2C52%20M25%2C0%20L58.1%2C0%20M25.6%2C52%20L58.1%2C0%20M25.6%2C52%20L56.2%2C52%20M56.2%2C52%20L58.1%2C0%20M56.2%2C52%20L80%2C52%20M58.1%2C0%20L80%2C52%20M58.1%2C0%20L94%2C0%20M80%2C52%20L94%2C0%20M0%2C104%20L25.6%2C52%20M0%2C52%20L0%2C104%20M0%2C104%20L20.1%2C104%20M20.1%2C104%20L25.6%2C52%20M20.1%2C104%20L56.3%2C104%20M25.6%2C52%20L56.3%2C104%20M56.2%2C52%20L56.3%2C104%20M56.3%2C104%20L80%2C52%20M56.3%2C104%20L93%2C104%20M80%2C52%20L93%2C104%20M0%2C156%20L20.1%2C104%20M0%2C104%20L0%2C156%20M0%2C156%20L23.9%2C156%20M20.1%2C104%20L23.9%2C156%20M23.9%2C156%20L56.3%2C104%20M23.9%2C156%20L57.5%2C156%20M56.3%2C104%20L57.5%2C156%20M57.5%2C156%20L93%2C104%20M57.5%2C156%20L69%2C156%20M69%2C156%20L93%2C104%20M0%2C208%20L23.9%2C156%20M0%2C156%20L0%2C208%20M0%2C208%20L20%2C208%20M20%2C208%20L23.9%2C156%20M20%2C208%20L51.5%2C208%20M23.9%2C156%20L51.5%2C208%20M51.5%2C208%20L57.5%2C156%20M51.5%2C208%20L71%2C208%20M57.5%2C156%20L71%2C208%20M69%2C156%20L71%2C208%20M0%2C260%20L20%2C208%20M0%2C208%20L0%2C260%20M0%2C260%20L25%2C260%20M20%2C208%20L25%2C260%20M25%2C260%20L51.5%2C208%20M25%2C260%20L58.1%2C260%20M51.5%2C208%20L58.1%2C260%20M58.1%2C260%20L71%2C208%20M58.1%2C260%20L94%2C260%20M71%2C208%20L94%2C260%22%20fill=%22none%22%20stroke=%22%23A9C77E%22%20stroke-width=%220.6%22%20stroke-linejoin=%22round%22%20opacity=%220.55%22/%3E%3C/g%3E%3C/svg%3E");
}