.dfa-guide-spine{background:var(--bg-secondary);color:var(--text-primary);padding-block:var(--pad-top, 4rem) var(--pad-bottom, 4rem)}.dfa-guide-spine__inner{max-width:var(--container-max);margin-inline:auto;padding-inline:var(--container-pad)}.dfa-guide-spine__head{max-width:62ch;margin-bottom:var(--space-8)}.dfa-guide-spine__kicker{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-display);font-size:var(--text-label);font-weight:600;letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--accent-vif);margin:0 0 var(--space-3)}.dfa-guide-spine__kicker svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.dfa-guide-spine__title{font-family:var(--font-display);font-size:var(--text-h2);font-weight:700;line-height:var(--leading-tight);text-transform:uppercase;color:var(--color-acier);margin:0 0 var(--space-4)}.dfa-guide-spine__intro{color:var(--text-secondary);line-height:var(--leading-body)}.dfa-guide-spine__intro p{margin:0 0 var(--space-3)}.dfa-guide-spine__intro p:last-child{margin-bottom:0}.dfa-guide-spine__panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-8);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:clamp(1.25rem,3vw,2.5rem);box-shadow:var(--shadow-card)}@media(max-width:767px){.dfa-guide-spine__panel{grid-template-columns:minmax(0,1fr);gap:var(--space-6)}}.dfa-guide-spine__fields{display:grid;gap:var(--space-4)}.dfa-guide-spine__field{display:grid;gap:var(--space-2)}.dfa-guide-spine__label{font-family:var(--font-display);font-size:var(--text-label);font-weight:600;letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-secondary)}.dfa-guide-spine__hint{font-size:var(--text-small);color:var(--text-muted)}.dfa-guide-spine__control{appearance:none;-webkit-appearance:none;width:100%;min-height:48px;background:var(--color-noir);color:var(--text-primary);border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);font:400 var(--text-body)/1.2 var(--font-primary);transition:border-color var(--duration-fast) var(--ease-arrow)}select.dfa-guide-spine__control{padding-right:2.5rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C9CCD1' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;background-size:18px}.dfa-guide-spine__control:hover{border-color:var(--border-strong)}.dfa-guide-spine__control:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-color:var(--accent)}.dfa-guide-spine__toggle{display:flex;align-items:flex-start;gap:var(--space-3);cursor:pointer;color:var(--text-secondary);font-size:var(--text-small);line-height:var(--leading-body)}.dfa-guide-spine__toggle input{appearance:none;-webkit-appearance:none;flex:0 0 auto;width:20px;height:20px;margin-top:2px;background:var(--color-noir);border:1px solid var(--border-strong);border-radius:var(--radius-sm);display:grid;place-items:center;cursor:pointer}.dfa-guide-spine__toggle input:after{content:"";width:10px;height:10px;background:var(--accent);border-radius:1px;transform:scale(0);transition:transform var(--duration-fast) var(--ease-arrow)}.dfa-guide-spine__toggle input:checked:after{transform:scale(1)}.dfa-guide-spine__toggle input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.dfa-guide-spine__result{display:flex;flex-direction:column;justify-content:center;gap:var(--space-4);border-left:1px solid var(--border-subtle);padding-left:var(--space-8)}@media(max-width:767px){.dfa-guide-spine__result{border-left:0;border-top:1px solid var(--border-subtle);padding-left:0;padding-top:var(--space-6)}}.dfa-guide-spine__result-label{font-family:var(--font-display);font-size:var(--text-label);font-weight:600;letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-secondary)}.dfa-guide-spine__value{font-family:var(--font-display);font-size:var(--text-display);font-weight:700;line-height:1;color:var(--color-acier);letter-spacing:-.01em}.dfa-guide-spine__value.is-hit{color:var(--accent-vif)}.dfa-guide-spine__value.is-idle,.dfa-guide-spine__value.is-out{font-size:var(--text-h2);color:var(--text-muted)}.dfa-guide-spine__message{color:var(--text-secondary);font-size:var(--text-small);line-height:var(--leading-body)}.dfa-guide-spine__gammes{display:flex;flex-wrap:wrap;gap:var(--space-2);list-style:none;margin:0;padding:0}.dfa-guide-spine__chip{display:inline-flex;align-items:center;gap:var(--space-2);min-height:40px;padding:var(--space-2) var(--space-4);border:1px solid var(--color-acier-sombre);border-radius:var(--radius-sm);font-family:var(--font-display);font-size:var(--text-small);font-weight:600;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;color:var(--color-acier);transition:border-color var(--duration-fast) var(--ease-arrow),color var(--duration-fast) var(--ease-arrow),background-color var(--duration-fast) var(--ease-arrow)}.dfa-guide-spine__chip svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}a.dfa-guide-spine__chip.is-available{border-color:var(--accent);color:var(--accent-vif)}a.dfa-guide-spine__chip.is-available:hover,a.dfa-guide-spine__chip.is-available:focus-visible{background:var(--accent);color:var(--color-noir)}a.dfa-guide-spine__chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.dfa-guide-spine__chip.is-unavailable{color:var(--text-muted);border-color:var(--border-subtle);text-decoration:line-through;text-decoration-color:var(--accent-vif)}.dfa-guide-spine__table-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--space-3);margin:var(--space-12) 0 var(--space-4)}.dfa-guide-spine__table-title{font-family:var(--font-display);font-size:var(--text-h3);font-weight:700;text-transform:uppercase;color:var(--color-acier);margin:0}.dfa-guide-spine__legend{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-small);color:var(--text-muted)}.dfa-guide-spine__legend-bar{width:96px;height:8px;border-radius:var(--radius-pill);background:linear-gradient(90deg,color-mix(in srgb,var(--color-acier) 6%,var(--color-carbone)),color-mix(in srgb,var(--color-acier) 42%,var(--color-carbone)))}.dfa-guide-spine__scroll{overflow-x:auto;overscroll-behavior-x:contain;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-card)}.dfa-guide-spine__table{width:100%;min-width:900px;border-collapse:separate;border-spacing:0;font-variant-numeric:tabular-nums;font-size:var(--text-small)}.dfa-guide-spine__table caption{text-align:left;padding:var(--space-3) var(--space-4);color:var(--text-muted);font-size:var(--text-small)}.dfa-guide-spine__table th,.dfa-guide-spine__table td{text-align:center;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-subtle);border-right:1px solid var(--border-subtle);white-space:nowrap}.dfa-guide-spine__table thead th{position:sticky;top:0;z-index:1;background:var(--color-noir);color:var(--text-secondary);font-family:var(--font-display);font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-size:var(--text-label)}.dfa-guide-spine__table thead th.dfa-guide-spine__group{color:var(--color-acier);font-size:var(--text-small);border-bottom-color:var(--border-default)}.dfa-guide-spine__table thead th.dfa-guide-spine__group--lengths{border-left:2px solid var(--border-default)}.dfa-guide-spine__table tbody th{background:var(--color-noir-doux);color:var(--text-secondary);font-weight:500}.dfa-guide-spine__table tbody th:empty:after{content:"\2014";color:var(--text-muted)}.dfa-guide-spine__table td:first-of-type,.dfa-guide-spine__table th[data-length="24"]{border-left:2px solid var(--border-default)}.dfa-guide-spine__cell{--spine-mix: 20%;background:color-mix(in srgb,var(--color-acier) var(--spine-mix),var(--color-carbone));color:var(--text-primary);font-weight:500}.dfa-guide-spine__cell[data-spine="1000"]{--spine-mix: 4%}.dfa-guide-spine__cell[data-spine="900"]{--spine-mix: 7%}.dfa-guide-spine__cell[data-spine="800"]{--spine-mix: 10%}.dfa-guide-spine__cell[data-spine="700"]{--spine-mix: 13%}.dfa-guide-spine__cell[data-spine="600"]{--spine-mix: 16%}.dfa-guide-spine__cell[data-spine="500"]{--spine-mix: 20%}.dfa-guide-spine__cell[data-spine="400"]{--spine-mix: 24%}.dfa-guide-spine__cell[data-spine="350"]{--spine-mix: 28%}.dfa-guide-spine__cell[data-spine="300"]{--spine-mix: 32%}.dfa-guide-spine__cell[data-spine="250"]{--spine-mix: 36%}.dfa-guide-spine__cell[data-spine="200"]{--spine-mix: 40%}.dfa-guide-spine__cell[data-spine="150"]{--spine-mix: 44%}.dfa-guide-spine__table[data-point] th[data-group]:not([data-group-active]){opacity:.4}.dfa-guide-spine__table tr.is-row th{color:var(--text-primary);background:var(--color-carbone)}.dfa-guide-spine__table th.is-col{color:var(--accent-vif)}.dfa-guide-spine__cell.is-hit{position:relative;z-index:2;color:var(--accent-vif);font-weight:700;box-shadow:inset 0 0 0 2px var(--accent)}@media(max-width:767px){.dfa-guide-spine__table{min-width:720px}.dfa-guide-spine__table[data-point] th[data-group]:not([data-group-active]){display:none}}.dfa-guide-spine__note{margin:var(--space-4) 0 0;padding:var(--space-3) var(--space-4);border-left:2px solid var(--accent);color:var(--text-secondary);font-size:var(--text-small);line-height:var(--leading-body)}@media(prefers-reduced-motion:no-preference){@supports (animation-timeline: view()){.dfa-guide-spine[data-reveal=true] .dfa-guide-spine__head,.dfa-guide-spine[data-reveal=true] .dfa-guide-spine__panel,.dfa-guide-spine[data-reveal=true] .dfa-guide-spine__scroll{animation:dfa-guide-spine-reveal linear both;animation-timeline:view();animation-range:entry 0% entry 35%}.dfa-guide-spine[data-reveal=true] .dfa-guide-spine__panel{animation-delay:0s}}.dfa-guide-spine__value.is-hit{animation:dfa-guide-spine-impact var(--duration-base) var(--ease-arrow) both}.dfa-guide-spine__cell.is-hit{animation:dfa-guide-spine-plant var(--duration-base) var(--ease-arrow) both}}@keyframes dfa-guide-spine-reveal{0%{opacity:0;transform:translate(-32px)}to{opacity:1;transform:translate(0)}}@keyframes dfa-guide-spine-impact{0%{opacity:0;transform:translate(-24px)}70%{opacity:1;transform:translate(4px)}to{opacity:1;transform:translate(0)}}@keyframes dfa-guide-spine-plant{0%{transform:scale(.92)}60%{transform:scale(1.04)}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.dfa-guide-spine *,.dfa-guide-spine *:before,.dfa-guide-spine *:after{animation:none!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-guide-spine.css.map */