.guide-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(min(340px,100%),1fr));gap: var(--ds-space-5)}.guide-card{--gc-pad: 26px;--gc-ink: var(--dc-violet-texte);position: relative;display: flex;flex-direction: column;gap: 10px;min-width: 0;padding: 0 var(--gc-pad) 22px;overflow: hidden;border-radius: var(--ds-r-lg);border: var(--ds-border);background: var(--ds-surface-raised);box-shadow: var(--ds-elev-1);color: var(--dc-lumiere);text-decoration: none}.guide-card:hover{color: var(--dc-lumiere)}.guide-card.card--lit{border: 1px solid color-mix(in srgb,var(--dc-violet) 70%,var(--dc-ligne-forte));box-shadow: var(--ds-elev-2),var(--dc-halo-carte)}.guide-card:focus-visible{border-radius: var(--ds-r-lg);outline-offset: 4px}.guide-card__cover{position: relative;display: block;height: 150px;margin: 0 calc(-1 * var(--gc-pad)) 10px;overflow: hidden;background: radial-gradient(56% 80% at 66% 100%,var(--gc-glow,transparent),transparent 72%),linear-gradient(180deg,color-mix(in srgb,var(--dc-velours) 40%,var(--dc-nuit)),var(--dc-nuit));box-shadow: inset 0 -1px 0 var(--dc-ligne)}.guide-card__cover::after{content: "";position: absolute;inset: 0 0 auto;height: 1px;pointer-events: none;background: linear-gradient(90deg,transparent,color-mix(in srgb,var(--dc-lumiere) 10%,transparent) 50%,transparent)}.guide-card.tint-v{--gc-glow: color-mix(in srgb,var(--dc-violet) 16%,transparent)}.guide-card.tint-g{--gc-glow: color-mix(in srgb,var(--dc-vert) 9%,transparent)}.guide-card.tint-w{--gc-glow: color-mix(in srgb,var(--dc-lumiere) 5%,transparent)}.guide-card__cover .na{transform-origin: 66% 82%;transition: transform var(--ds-dur-slow) var(--ds-ease-out)}.guide-card__cover .na-r,.guide-card__cover .na-dots .na-d{display: none}.guide-card__cover .na-dots .na-dp{opacity: .55}.guide-card__cover .na-glow{opacity: .1;transition: opacity var(--ds-dur-slow) var(--ds-ease-out)}.guide-card__cover .na-core *{stroke-width: 1.5px}.guide-card__cover .na-core .na-s{opacity: .6}.guide-card__cover .na-refl{opacity: .06}@media (hover: hover){.guide-card:hover .guide-card__cover .na-glow{opacity: .24}.guide-card:hover .guide-card__cover .na{transform: scale(1.04)}}.guide-card__cat{display: inline-flex;align-items: center;gap: 8px;font-family: var(--dc-font-cond);font-weight: 700;font-size: 13px;line-height: 1.2;letter-spacing: .16em;text-transform: uppercase;color: var(--gc-ink)}.guide-card__cat::before{content: "";flex: none;width: 5px;height: 5px;border-radius: 50%;background: var(--gc-ink);opacity: .9}.guide-card__title{margin: 0;font-family: var(--dc-font-sans);font-weight: 600;font-size: 20px;line-height: 1.3;letter-spacing: -.01em;color: var(--dc-lumiere);text-wrap: pretty;overflow-wrap: break-word}.guide-card__excerpt{margin: 0;font-size: 15px;line-height: 1.6;color: var(--dc-texte-2);text-wrap: pretty}.guide-card__go{margin-top: auto;display: inline-flex;align-items: center;gap: 8px;min-height: 44px;align-self: flex-start;color: var(--dc-vert);font-weight: 600;font-size: 15px;background: linear-gradient(var(--dc-vert-clair),var(--dc-vert-clair)) 0 calc(100% - 10px) / 0 1.5px no-repeat;transition: color var(--ds-dur-fast) var(--ds-ease-out),background-size var(--ds-dur-base) var(--ds-ease-out)}.guide-card__go .icon{width: 16px;height: 16px;transition: transform var(--ds-dur-base) var(--ds-ease-out)}@media (hover: hover){.guide-card:hover .guide-card__go{color: var(--dc-vert-clair);background-size: calc(100% - 24px) 1.5px}.guide-card:hover .guide-card__go .icon{transform: translateX(4px)}}.guide-card.cat-security{--gc-ink: var(--dc-alerte)}.guide-card.cat-responsible{--gc-ink: var(--dc-texte-2);background: linear-gradient(180deg,color-mix(in srgb,var(--dc-lumiere) 3%,var(--dc-champ)),var(--dc-champ))}.guide-card.cat-responsible .guide-card__go{color: var(--dc-lumiere);background-image: linear-gradient(var(--dc-lumiere),var(--dc-lumiere))}@media (hover: hover){.guide-card.cat-responsible:hover .guide-card__go{color: var(--dc-lumiere)}}.guide-card--compact{gap: 8px;padding-bottom: 22px;border-radius: 22px}.guide-card--compact .guide-card__cover{height: 116px}.guide-card--compact .guide-card__title{font-size: 18px;line-height: 1.32}.guide-card--compact .guide-card__excerpt{font-size: 14px;line-height: 1.55}.guide-card--compact .guide-card__go{display: none}@media (max-width: 767px){.guide-grid{grid-template-columns: minmax(0,1fr);gap: 12px}.guide-card{--gc-pad: 18px;gap: 6px;padding-bottom: 18px;border-radius: var(--dc-r-card-m)}.guide-card:focus-visible{border-radius: var(--dc-r-card-m)}.guide-card__cover,.guide-card--compact .guide-card__cover{height: 100px;margin-bottom: 8px}.guide-card__cat{font-size: 12px}.guide-card__title,.guide-card--compact .guide-card__title{font-size: 17px;line-height: 1.3}.guide-card__excerpt{font-size: 14px;line-height: 1.5}.guide-card__go{display: none}}@media (prefers-reduced-motion: reduce){.guide-card__cover .na,.guide-card__go,.guide-card__go .icon{transition: none}.guide-card:hover .guide-card__cover .na,.guide-card:hover .guide-card__go .icon{transform: none}}.guide-card__cover:has(.guide-banner){height: auto;aspect-ratio: 16 / 9;max-height: 230px}.guide-card__cover .guide-banner{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;object-position: center 52%;transition: transform var(--ds-dur-slow) var(--ds-ease-out),filter var(--ds-dur-slow) var(--ds-ease-out);filter: saturate(.95) brightness(.92)}@media (hover: hover){.guide-card:hover .guide-card__cover .guide-banner{transform: scale(1.04);filter: saturate(1.05) brightness(1)}}.guide-card--compact .guide-card__cover:has(.guide-banner){max-height: 150px}
.guides-room{padding-bottom: 4px}.page-head--guides{padding-top: 18px}.page-head--guides h1{max-width: 900px;margin: 0;text-wrap: balance}.page-head--guides .lead{max-width: 62ch;margin-top: 18px;font-size: 18px;line-height: 1.6;text-wrap: pretty}.guides-hub{display: flex;flex-direction: column;gap: var(--ds-space-6);margin-top: 36px}.guides-cats{position: relative;padding-bottom: var(--ds-space-5)}.guides-cats::after{content: "";position: absolute;left: 0;right: 0;bottom: 0;height: 1px;pointer-events: none;background: linear-gradient(90deg,var(--dc-ligne-forte),color-mix(in srgb,var(--dc-ligne-forte) 50%,transparent) 60%,transparent)}.guides-cats__list{margin: 0;gap: 10px}.guides-chip{min-height: 44px;gap: 9px;padding: 0 17px 0 13px;font-size: 15px;color: var(--dc-texte-2)}.guides-chip .icon{width: 17px;height: 17px;color: var(--gch-tint,var(--dc-brume));opacity: .78;transition: color var(--ds-dur-fast) var(--ds-ease-out),opacity var(--ds-dur-fast) var(--ds-ease-out)}.guides-chip.tint-v{--gch-tint: var(--dc-violet-texte)}.guides-chip.tint-g{--gch-tint: var(--dc-vert)}.guides-chip.tint-w{--gch-tint: var(--dc-lumiere)}@media (hover: hover){.guides-chip:hover{color: var(--dc-lumiere)}.guides-chip:hover .icon{opacity: 1}}.guides-chip[aria-current="page"]{color: var(--dc-vert)}.guides-chip[aria-current="page"] .icon{color: currentColor;opacity: 1}.guides-chip:focus-visible{border-radius: var(--ds-r-pill)}.guides-hub .guide-grid{gap: var(--ds-space-5)}@media (min-width: 900px){.guide-grid--single{grid-template-columns: minmax(0,1fr)}.guide-grid--single .guide-card{display: grid;grid-template-columns: minmax(0,1.05fr) minmax(0,1fr);grid-template-rows: auto auto auto 1fr;column-gap: 44px;row-gap: 14px;align-content: start;padding: 44px 44px 34px 0}.guide-grid--single .guide-card__cover{grid-column: 1;grid-row: 1 / -1;height: auto;min-height: 300px;margin: -44px 0 -34px;box-shadow: inset -1px 0 0 var(--dc-ligne);background: radial-gradient(60% 80% at 60% 92%,var(--gc-glow,transparent),transparent 72%),var(--dc-nuit)}.guide-grid--single .guide-card>:not(.guide-card__cover):not(.ds-spot){grid-column: 2}.guide-grid--single .guide-card__cat{font-size: 14px}.guide-grid--single .guide-card__title{font-size: 30px;line-height: 1.15;letter-spacing: -.02em}.guide-grid--single .guide-card__excerpt{max-width: 52ch;font-size: 17px;line-height: 1.65}.guide-grid--single .guide-card__go{align-self: end}}.guides-empty{flex-direction: row;align-items: center;gap: 28px;max-width: 760px;padding: 30px 32px;border-style: dashed}.guides-empty__art{flex: none;display: block;width: 128px;height: 128px;overflow: hidden;border-radius: var(--ds-r-md);border: var(--ds-border);background: radial-gradient(70% 45% at 50% 88%,color-mix(in srgb,var(--dc-lumiere) 4%,transparent),transparent),var(--dc-nuit);box-shadow: var(--ds-highlight),inset 0 8px 24px -12px var(--dc-nuit)}.guides-empty .guides-empty__art svg.na .na-core *,.guides-empty .guides-empty__art svg.na .na-refl *{stroke: var(--dc-muet)}.guides-empty .guides-empty__art svg.na .na-glow,.guides-empty .guides-empty__art svg.na .na-pool,.guides-empty .guides-empty__art svg.na .na-dots{display: none}.guides-empty__art--icon{display: grid;place-items: center;color: var(--dc-ligne-forte)}.guides-empty__art--icon .icon{width: 54px;height: 54px}.guides-empty__body{display: flex;flex-direction: column;align-items: flex-start;gap: 10px;min-width: 0}.guides-intro{margin-top: var(--ds-space-8)}.guides-hub__intro{max-width: 66ch;color: var(--dc-texte-doux);font-size: 17px;line-height: 1.75}.guides-hub__intro p{margin: 0 0 1.1em;text-wrap: pretty}.guides-hub__intro h2{margin: 1.8em 0 .55em;font: 700 28px/1.2 var(--dc-font-sans);letter-spacing: -.02em;text-wrap: balance}.guides-hub__intro h3{margin: 1.5em 0 .45em;font: 600 20px/1.3 var(--dc-font-sans)}.guides-hub__intro a{color: var(--dc-violet-texte);text-decoration-thickness: 1.5px;text-underline-offset: 4px}.guides-hub__intro a:hover{color: var(--dc-lumiere)}.guides-hub__intro strong{color: var(--dc-lumiere);font-weight: 600}@media (max-width: 767px){.page-head--guides{padding-top: 0}.page-head--guides .lead{margin-top: 14px;font-size: 15px;line-height: 1.55}.guides-hub{gap: 22px;margin-top: 20px}.guides-cats{margin: 0 calc(-1 * var(--dc-gutter));padding-bottom: 16px}.guides-cats::after{left: var(--dc-gutter);right: var(--dc-gutter)}.guides-cats__list{flex-wrap: nowrap;gap: 8px;overflow-x: auto;padding: 4px var(--dc-gutter) 6px;scrollbar-width: none;overscroll-behavior-x: contain;scroll-padding-inline: var(--dc-gutter);-webkit-mask-image: linear-gradient(90deg,transparent,var(--dc-nuit) 12px,var(--dc-nuit) calc(100% - 28px),transparent);mask-image: linear-gradient(90deg,transparent,var(--dc-nuit) 12px,var(--dc-nuit) calc(100% - 28px),transparent)}.guides-cats__list::-webkit-scrollbar{display: none}.guides-cats__list li{flex: none}.guides-cats__list li:has(>[aria-current="page"]){scroll-initial-target: nearest}.guides-chip{padding: 0 14px 0 11px;gap: 7px;font-size: 14px;white-space: nowrap}.guides-chip .icon{width: 15px;height: 15px}.guides-hub .guide-grid{gap: 12px}.guides-empty{flex-direction: column;align-items: flex-start;gap: 16px;padding: 22px 20px}.guides-empty__art{width: 96px;height: 96px;border-radius: 14px}.guides-empty__art--icon .icon{width: 42px;height: 42px}.guides-intro{margin-top: 40px}.guides-hub__intro{font-size: 16px;line-height: 1.7}.guides-hub__intro h2{font-size: 22px}.guides-hub__intro h3{font-size: 17px}}.guides-tool{display: flex;align-items: center;gap: 20px;margin: 0 0 28px;padding: 16px 22px;border: 1px solid color-mix(in srgb,var(--dc-vert) 35%,var(--dc-ligne));border-radius: var(--dc-r-panel);background: var(--ds-surface-raised);box-shadow: var(--ds-elev-1);color: var(--dc-lumiere);text-decoration: none;transition: border-color var(--dc-t),box-shadow var(--dc-t)}.guides-tool:hover{border-color: var(--dc-vert);box-shadow: var(--dc-halo-action-doux)}.guides-tool__grid{display: grid;grid-template-columns: repeat(2,22px);gap: 3px;flex: none}.bj-mini{display: grid;place-items: center;height: 20px;border-radius: 4px;font: 800 12px/1 var(--dc-font-cond)}.bj-mini--H{background: var(--dc-violet-fond);color: var(--dc-lumiere)}.bj-mini--S{background: var(--dc-fumee);color: var(--dc-texte-2)}.bj-mini--D{background: var(--dc-vert);color: var(--dc-nuit)}.bj-mini--P{background: var(--dc-lumiere);color: var(--dc-nuit)}.guides-tool__body{display: grid;gap: 2px;flex: 1;min-width: 0}.guides-tool__eyebrow{font: var(--dc-label);font-size: 13px;letter-spacing: .14em;text-transform: uppercase;color: var(--dc-vert)}.guides-tool__title{font-size: 20px;font-weight: 700}.guides-tool__cta{display: inline-flex;align-items: center;gap: 8px;color: var(--dc-vert);font-weight: 600;white-space: nowrap}.guides-tool__cta .icon{width: 16px;height: 16px}@media (max-width: 767px){.guides-tool{flex-wrap: wrap;gap: 12px 16px;padding: 14px 16px}.guides-tool__cta{width: 100%}}.guides-tools{display: grid;gap: 12px;margin-top: 40px}.guides-tools__title{display: flex;align-items: center;gap: 10px;margin: 0;font-size: 24px;line-height: 1.25}.guides-tools__title .icon{flex: none;width: 22px;height: 22px;color: var(--dc-vert)}.guides-tools__lead{max-width: 760px;margin: 0 0 6px;color: var(--dc-texte-2)}.guides-tools__list{display: grid;grid-template-columns: repeat(auto-fill,minmax(min(100%,300px),1fr));gap: 10px;margin: 0;padding: 0;list-style: none}.guides-tools__link{display: flex;align-items: center;gap: 10px;height: 100%;min-height: 52px;padding: 10px 16px 10px 14px;border-radius: 14px;border: 1px solid color-mix(in srgb,var(--dc-violet) 40%,var(--dc-ligne));background: var(--ds-grad-secondary);box-shadow: var(--ds-highlight);color: var(--dc-lumiere);font-weight: 600;font-size: 15px;line-height: 1.35;text-decoration: none}.guides-tools__link span{flex: 1 1 auto;min-width: 0}.guides-tools__link .icon{flex: none;width: 18px;height: 18px;color: var(--dc-violet-texte)}.guides-tools__link .guides-tools__go{width: 16px;height: 16px;transition: transform var(--ds-dur-base) var(--ds-ease-out)}@media (hover: hover){.guides-tools__link:hover{border-color: var(--dc-violet-texte)}.guides-tools__link:hover .guides-tools__go{transform: translateX(3px)}}@media (prefers-reduced-motion: reduce){.guides-tools__go{transition: none}}@media (max-width: 767px){.guides-tools{margin-top: 32px}.guides-tools__title{font-size: 21px}}