html{scroll-behavior:smooth;scroll-padding-top:74px}

.lgl{
  --trait:1px;
  --sizeh1:clamp(2.1rem,4.8vw,3.4rem);
  --sizeh2:clamp(1.3rem,2vw,1.66rem);
  color:var(--color-txt);
  background:radial-gradient(120% 70% at 50% -12%,#111C36 0%,var(--background-color) 58%);
  scrollbar-color:var(--color-secondary) var(--background-color-zone);
  scrollbar-width:thin;
}

.lgl-dedans{max-width:860px;margin-inline:auto;z-index:var(--z-content)}

.lgl-tete{background-image:repeating-linear-gradient(90deg,var(--color-hairline) 0 1px,transparent 1px 24px);background-size:100% 6px;background-repeat:no-repeat;background-position:0 100%}
.lgl-kicker{font-family:var(--font-accent);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--color-primary)}
.lgl h1{font-weight:700;line-height:1.06;letter-spacing:-.03em;text-wrap:balance}
.lgl h2{font-weight:700;line-height:1.14;letter-spacing:-.01em;text-wrap:balance;color:var(--color-txt)}
.lgl-chapeau{max-width:60ch;font-size:clamp(1.02rem,.98rem + .3vw,1.2rem);line-height:1.72;color:var(--color-txt-secondary)}
.lgl-maj{font-family:var(--font-accent);font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:var(--color-txt-secondary)}

.lgl-somm__t{font-family:var(--font-accent);font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:var(--color-txt-secondary)}
.lgl-somm__l{columns:2;column-gap:var(--gap-large)}
.lgl-somm__l a{display:block;font-size:.95rem;line-height:2.2;color:var(--color-txt-secondary);border-bottom:var(--trait) solid var(--color-hairline-soft)}
.lgl-somm__l a:hover,.lgl-somm__l a:focus-visible{color:var(--color-primary);border-bottom-color:var(--color-primary)}

.lgl-zero{border-top:var(--trait) solid var(--color-hairline);border-bottom:var(--trait) solid var(--color-hairline);background:rgba(11,16,32,.55)}
.lgl-zero__l>li{flex-basis:10rem;min-width:9rem;border-left:var(--trait) solid var(--color-hairline)}
.lgl-zero__n{font-family:var(--font-title);font-weight:700;font-size:clamp(2.3rem,4.4vw,3rem);line-height:1;color:var(--color-primary)}
.lgl-zero__q{font-family:var(--font-accent);font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;line-height:1.3;min-height:2.6em;margin-bottom:.5rem;color:var(--color-txt)}
.lgl-zero__d{font-size:.86rem;line-height:1.62;color:var(--color-txt-secondary)}

.lgl-bloc{border-top:var(--trait) solid var(--color-hairline-soft)}
.lgl-corps p,.lgl-corps li,.lgl-corps dd{max-width:68ch;line-height:1.72;color:var(--color-txt-secondary);text-wrap:pretty}
.lgl-corps h2+p,.lgl-corps p+p,.lgl-corps p+ul,.lgl-corps ul+p,.lgl-corps p+dl,.lgl-corps h2+dl,.lgl-corps p+table{margin-top:1.1rem}
.lgl-corps strong{color:var(--color-txt);font-weight:700}
.lgl-corps a{text-decoration:underline;text-underline-offset:.2em}

.lgl-l>li{padding-left:1.1rem;border-left:var(--trait) solid var(--color-hairline)}

.lgl-dl{display:grid;grid-template-columns:minmax(8rem,12rem) 1fr}
.lgl-dl dt{font-family:var(--font-accent);font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;line-height:2.2;color:var(--color-txt-secondary)}
.lgl-dl dd{color:var(--color-txt)}
.lgl-droits dt{font-family:var(--font-txt);font-size:.98rem;font-weight:700;letter-spacing:0;text-transform:none;line-height:1.72;color:var(--color-txt)}

.lgl-t{width:100%;border-collapse:collapse;font-size:.88rem;line-height:1.62}
.lgl-t th{font-family:var(--font-accent);font-size:.56rem;letter-spacing:.14em;text-transform:uppercase;text-align:left;color:var(--color-primary);border-bottom:var(--trait) solid var(--color-hairline)}
.lgl-t td{color:var(--color-txt-secondary);vertical-align:top;border-bottom:var(--trait) solid var(--color-hairline-soft)}
.lgl-t th,.lgl-t td{padding:.85rem 1.1rem .85rem 0}
.lgl-t td:first-child{color:var(--color-txt)}

.lgl-suite{border-top:var(--trait) solid var(--color-hairline)}
.lgl-suite a{font-family:var(--font-accent);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase}

@media (max-width:900px){
  .lgl-t thead{display:none}
  .lgl-t tr{display:block;border-bottom:var(--trait) solid var(--color-hairline)}
  .lgl-t td{display:block;border:0;max-width:68ch}
  .lgl-t td::before{content:attr(data-th);display:block;font-family:var(--font-accent);font-size:.54rem;letter-spacing:.14em;text-transform:uppercase;color:var(--color-primary)}
}
@media (max-width:560px){
  .lgl-zero__l>li{flex-basis:100%}
}
@media (max-width:700px){
  .lgl-somm__l{columns:1}
  .lgl-dl{grid-template-columns:1fr}
  .lgl-dl dt{line-height:1.6}
}