/* Portage fidèle de la variante « Retenu C » (TRACE-apparence/4-styles/styles-autonome.html, fond sable), 27/09/2026 :
   menu et accueil. Généré par outils/portage/porter_c.py depuis les règles réellement utilisées : ne pas éditer à la main.
   Les couleurs sont des jetons de jetons.css (bloc « maquette »). */
@keyframes monte {
0% { opacity: 0; transform: translateY(10px); }
100% { opacity: 1; transform: none; }
}
@keyframes pousse {
0% { transform: scaleX(0); }
100% { transform: scaleX(1); }
}
@keyframes pouls {
0% { box-shadow: var(--mqc-01) 0px 0px 0px 0px; }
70% { box-shadow: var(--mqc-02) 0px 0px 0px 8px; }
100% { box-shadow: var(--mqc-02) 0px 0px 0px 0px; }
}
@keyframes trace {
100% { stroke-dashoffset: var(--v); }
}
@keyframes respire {
0%, 100% { transform: scale(1); opacity: 0.85; }
50% { transform: scale(1.06); opacity: 1; }
}
@keyframes clin {
0%, 100% { opacity: 1; }
50% { opacity: 0.55; }
}
@media (prefers-reduced-motion: reduce) {
.sd, .sd * { animation: auto ease 0s 1 normal none running none !important; transition: none !important; }
}
.ic { width: 20px; height: 20px; fill: none; stroke: currentcolor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.forme { width: 14px; height: 14px; }
.mc { display: inline-block; color: var(--r); font-weight: 800; background: var(--rf); border-radius: 5px; padding: 1px 6px; box-shadow: var(--mqc-03) 0px 0px 0px 1px inset; font-size: 12.5px; }
.pr { font: 800 10.5px var(--pl-police); border-radius: 5px; text-align: center; padding: 2px 0px; }
.pr.p1 { background: var(--mqc-04); color: var(--mqc-05); }
.pr.p2 { box-shadow: var(--mqc-06) 0px 0px 0px 1.5px inset; color: var(--mqc-07); }
.pr.p3 { box-shadow: var(--mqc-08) 0px 0px 0px 1px inset; color: var(--mqc-09); }
.pr.p4 { color: var(--mqc-10); }
.sd { --nuit: var(--mqc-11); --nuit2: var(--mqc-12); --sol: var(--mqc-13); --e: var(--mqc-14); --e2: var(--mqc-15); --e3: var(--mqc-16); --fond: var(--mqc-17); --r: var(--mqc-18); --rf: var(--mqc-19); --dec: var(--mqc-18); --dec-f: var(--mqc-20); --dec-b: var(--mqc-21); --rel: var(--mqc-22); --rel-a: var(--mqc-23); --rel-f: var(--mqc-24); --rel-b: var(--mqc-25); --exa: var(--mqc-26); --exa-a: var(--mqc-27); --exa-f: var(--mqc-28); --exa-b: var(--mqc-29); --f1: var(--mqc-30); --f2: var(--mqc-31); --f3: var(--mqc-32); --f4: var(--mqc-33); color: var(--e); font-family: var(--pl-police); background: var(--fond); }
.sd .ic { width: 17px; height: 17px; }
.sd-nav { background: linear-gradient(180deg,var(--nuit) 0%,var(--mqc-34) 100%); color: var(--mqc-35); padding: 16px 12px; display: flex; flex-direction: column; gap: 1px; }
.sd-marque { display: grid; grid-template-columns: 32px 1fr; column-gap: 10px; align-items: center; padding: 0px 6px 16px; }
.sd-marque .lg, .st-l1 .lg { grid-row: span 2; width: 32px; height: 32px; border-radius: 9px; background: var(--sol); display: grid; place-items: center; box-shadow: var(--mqc-36) 0px 6px 14px -4px; }
.sd-marque .lg svg, .st-l1 .lg svg { width: 18px; height: 18px; stroke: var(--nuit); fill: none; stroke-width: 2.3; stroke-linecap: round; }
.sd-marque b { font: 800 15px var(--pl-titre); letter-spacing: 0.14em; color: var(--mqc-05); }
.sd-marque small { font-size: 11px; color: var(--mqc-37); }
.sd-ng { font-size: 10.5px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--mqc-38); margin: 14px 10px 4px; font-weight: 700; }
.sd-nav a { display: flex; align-items: center; gap: 10px; padding: 7px 10px; border-radius: 8px; color: inherit; text-decoration: none; font-size: 13.5px; position: relative; transition: background 0.15s, color 0.15s; }
.sd-nav a:hover { background: var(--mqc-39); color: var(--mqc-05); }
.sd-nav a.on { background: linear-gradient(90deg, var(--mqc-40), var(--mqc-41)); color: var(--mqc-05); font-weight: 700; }
.sd-nav a.on::before { content: ""; position: absolute; left: -12px; top: 6px; bottom: 6px; width: 4px; border-radius: 0px 4px 4px 0px; background: var(--sol); }
.sd-nav a i { margin-left: auto; font-style: normal; font-size: 11.5px; font-weight: 700; border-radius: 99px; padding: 0px 7px; line-height: 19px; }
.sd-nav a i.n { color: var(--mqc-42); }
.sd-nav a i.dec { background: var(--r); color: var(--mqc-05); }
.sd-nav a i.rel { background: var(--mqc-43); color: var(--mqc-44); }
.sd-nav a i.exa { background: var(--mqc-45); color: var(--mqc-46); }
.sd-moi { margin-top: auto; display: flex; gap: 10px; align-items: center; font-size: 13px; color: var(--mqc-47); padding: 12px 6px 0px; border-top: 1px solid var(--mqc-48); }
.sd-moi small { display: block; color: var(--mqc-37); font-size: 11.5px; }
.sd-av { width: 28px; height: 28px; border-radius: 50%; background: var(--h); color: var(--mqc-05); display: grid; place-items: center; font: 700 10.5px var(--pl-police); flex: 0 0 auto; }
.sd-tete { position: relative; overflow: hidden; background: radial-gradient(90% 140% at 85% 0%,var(--mqc-49) 0%,var(--nuit2) 40%,var(--nuit) 100%); color: var(--mqc-05); }
.sd-tete::after { content: ""; position: absolute; left: 0px; right: 0px; bottom: 0px; height: 3px; background: linear-gradient(90deg,var(--sol),var(--mqc-50) 60%,var(--mqc-51)); }
.sd h1 { font: 800 32px/1.05 var(--pl-titre); letter-spacing: -0.02em; margin: 0px 0px 6px; position: relative; }
.sd-res { position: relative; margin: 0px; font-size: 15px; color: var(--mqc-52); }
.sd-res b { color: var(--mqc-05); box-shadow: inset 0 -2px 0 var(--sol); }
.sd-hier { position: relative; display: inline-block; margin-top: 10px; font-size: 12.5px; color: var(--mqc-53); background: var(--mqc-54); border: 1px solid var(--mqc-55); border-radius: 99px; padding: 3px 10px 3px 7px; }
.sd-hier .ic { width: 14px; height: 14px; color: var(--mqc-56); vertical-align: -2px; margin-right: 5px; }
.sd-hier b { color: var(--mqc-57); }
.sd-recap { position: relative; background: var(--mqc-58); border: 1px solid var(--mqc-59); border-radius: 14px; padding: 12px 14px; backdrop-filter: blur(4px); }
.sd-bt { display: flex; align-items: center; gap: 10px; }
.sd-bt b { font: 800 34px/1 var(--pl-titre); letter-spacing: -0.03em; color: var(--mqc-05); }
.sd-bt span { font-size: 14px; font-weight: 700; color: var(--mqc-60); line-height: 1.2; }
.sd-bt small { display: block; font-weight: 400; font-size: 11.5px; color: var(--mqc-61); }
.sd-barre { display: flex; gap: 3px; height: 12px; margin: 10px 0px 8px; }
.sd-barre i { border-radius: 4px; transform-origin: left center; animation: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1) 0s 1 normal both running pousse; }
.sd-barre i:nth-child(2) { animation-delay: 0.08s; }
.sd-barre i:nth-child(3) { animation-delay: 0.16s; }
.sd-barre i:nth-child(4) { animation-delay: 0.24s; }
.sd-barre .f1 { background: var(--mqc-62); }
.sd-barre .f2 { background: var(--mqc-63); }
.sd-barre .f3 { background: repeating-linear-gradient(135deg, var(--mqc-64) 0px, var(--mqc-64) 3px, var(--mqc-65) 3px, var(--mqc-65) 6px); }
.sd-barre .f4 { background: var(--mqc-66); }
.sd-leg { display: flex; flex-wrap: wrap; gap: 4px 14px; font-size: 12px; color: var(--mqc-67); }
.sd-leg span { display: inline-flex; align-items: center; gap: 6px; }
.sd-leg b { color: var(--mqc-05); }
.sd-leg i { width: 9px; height: 9px; border-radius: 2px; }
.sd-leg .f1 { background: var(--mqc-62); }
.sd-leg .f2 { background: var(--mqc-63); }
.sd-leg .f3 { background: repeating-linear-gradient(135deg, var(--mqc-64) 0px, var(--mqc-64) 2px, var(--mqc-65) 2px, var(--mqc-65) 4px); }
.sd-leg .f4 { background: var(--mqc-66); }
.pouls { width: 8px; height: 8px; border-radius: 50%; background: var(--r); display: inline-block; animation: 1.8s ease 0s infinite normal none running pouls; }
.sd-tab { background: var(--mqc-05); border-radius: 14px; box-shadow: var(--mqc-68) 0px 1px 2px, var(--mqc-69) 0px 10px 26px -18px; overflow: hidden; }
.sd-cols, .sd-li { display: grid; grid-template-columns: 76px 30px minmax(0px, 1.25fr) minmax(0px, 1fr) 148px 104px 206px; gap: 12px; align-items: center; padding: 0px 16px; }
.sd-cols { font-size: 11px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--e3); padding-top: 9px; padding-bottom: 8px; border-bottom: 1px solid var(--mqc-70); background: var(--mqc-71); }
.sd-cols span:last-child { text-align: right; }
.sd-grp { display: flex; align-items: baseline; gap: 8px; padding: 10px 16px 6px; background: linear-gradient(90deg,var(--dec-f),var(--mqc-72) 70%); border-top: 1px solid var(--mqc-73); }
.sd-grp b { font: 800 14px var(--pl-titre); color: var(--dec); }
.sd-grp span { font: 800 12px var(--pl-police); background: var(--dec); color: var(--mqc-05); border-radius: 99px; padding: 0px 7px; }
.sd-grp small { font-size: 12px; color: var(--e3); }
.sd-li { position: relative; min-height: 44px; padding-top: 6px; padding-bottom: 6px; border-bottom: 1px solid var(--mqc-73); text-decoration: none; color: inherit; font-size: 13.5px; line-height: 1.3; animation-duration: 0.45s; animation-timing-function: ease; animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: both; animation-play-state: running; animation-name: monte; animation-timeline: auto; animation-range: normal; animation-delay: calc(.25s + var(--i)*25ms); transition: background 0.12s; }
.sd-li::before { content: ""; position: absolute; left: 0px; top: 0px; bottom: 0px; width: 3px; background: var(--sol); transform: scaleY(0); transition: transform 0.15s; }
.sd-li:hover { background: var(--mqc-74); }
.sd-li:hover::before { transform: scaleY(1); }
.sd-li .ref { font: 12px var(--pl-mono); color: var(--e3); }
.sd .pr { font: 800 10.5px/1 var(--pl-police); border-radius: 5px; text-align: center; padding: 4px 0px; display: inline-block; min-width: 26px; }
.sd .pr.p1 { background: var(--r); color: var(--mqc-05); }
.sd .pr.p2 { box-shadow: var(--mqc-06) 0px 0px 0px 1.5px inset; color: var(--mqc-07); }
.sd .pr.p3 { box-shadow: var(--mqc-75) 0px 0px 0px 1px inset; color: var(--mqc-09); }
.sd .pr.p4 { color: var(--mqc-10); box-shadow: var(--mqc-76) 0px 0px 0px 1px inset; }
.sd-li .pb { font-weight: 700; }
.sd-li .si b { font-weight: 600; }
.sd-li .si small { display: block; font-size: 12px; color: var(--e3); }
.sd-et { display: inline-flex; align-items: center; gap: 6px; font-size: 12.5px; font-weight: 600; border-radius: 99px; padding: 3px 9px 3px 6px; justify-self: start; white-space: nowrap; }
.sd-et .forme { width: 13px; height: 13px; }
.sd-et.f1 { background: var(--mqc-73); color: var(--mqc-77); }
.sd-et.f2 { background: var(--mqc-78); color: var(--mqc-79); }
.sd-et.f3 { background: var(--mqc-80); color: var(--mqc-81); box-shadow: var(--mqc-82) 0px 0px 0px 1px inset; }
.sd-qui { display: inline-flex; align-items: center; gap: 6px; font-size: 12.5px; color: var(--e2); }
.sd-ech { text-align: right; font-size: 13px; line-height: 1.25; }
.sd-ech small { display: block; font-size: 11.5px; color: var(--e3); }
.sd-ech b.r { color: var(--r); }
.sd .mc { display: inline-block; color: var(--r); font-weight: 800; background: var(--rf); border-radius: 5px; padding: 1px 6px; box-shadow: var(--mqc-03) 0px 0px 0px 1px inset; font-size: 12px; white-space: nowrap; }
.sd-plus { display: block; padding: 9px 16px; font-size: 13px; font-weight: 700; color: var(--mqc-79); text-decoration: none; border-bottom: 1px solid var(--mqc-73); background: var(--mqc-71); }
.sd-plus:hover { background: var(--mqc-83); }
.sd-barre-outils { display: flex; align-items: center; gap: 10px; margin: 18px 0px 10px; }
.sd-barre-outils h2 { margin: 0px auto 0px 0px; font: 800 19px var(--pl-titre); }
.sd-barre-outils h2 span { font: 600 13px var(--pl-police); color: var(--e3); margin-left: 6px; }
.sd-seg { display: flex; background: var(--mqc-84); border-radius: 10px; padding: 3px; }
.sd-seg a { padding: 5px 11px; border-radius: 7px; font-size: 12.5px; color: var(--e2); cursor: pointer; }
.sd-seg a.on { background: var(--mqc-05); color: var(--e); font-weight: 700; box-shadow: var(--mqc-85) 0px 1px 3px; }
@keyframes dessine {
0% { stroke-dashoffset: 400; opacity: 0; }
100% { stroke-dashoffset: 0; opacity: 1; }
}
.bd-main { padding: 0px 24px 28px; min-width: 0px; container-type: inline-size; }
@container (max-width: 1120px) {
.bd-main .sd-cols, .bd-main .sd-li { grid-template-columns: 70px 30px minmax(0px, 1.25fr) minmax(0px, 1fr) 138px 30px 196px; gap: 10px; }
.bd-main .sd-li .pn { display: none; }
}
.bd-main .sd-tete { margin: 0px -24px; padding: 12px 24px 16px; }
.ch:is([data-teinte="clair"], [data-teinte="sable"]) .ch-tete { color: var(--e); border-bottom: 1px solid var(--mqc-86); }
.ch[data-teinte="sable"] .ch-tete { background: linear-gradient(100deg, var(--mqc-87) 0%, var(--mqc-88) 100%); border-bottom-color: var(--mqc-89); }
.ch:is([data-teinte="clair"], [data-teinte="sable"]) h1 { color: var(--e); }
.ch:is([data-teinte="clair"], [data-teinte="sable"]) h1 small { color: var(--e3); }
.ch:is([data-teinte="clair"], [data-teinte="sable"]) .sd-res { color: var(--e2); }
.ch:is([data-teinte="clair"], [data-teinte="sable"]) .sd-res b { color: var(--e); }
.ch:is([data-teinte="clair"], [data-teinte="sable"]) .sd-hier { background: var(--mqc-90); border-color: var(--mqc-91); color: var(--mqc-92); }
.ch:is([data-teinte="clair"], [data-teinte="sable"]) .sd-hier b { color: var(--mqc-93); }
.ch:is([data-teinte="clair"], [data-teinte="sable"]) .sd-hier .ic { color: var(--mqc-92); }
.ch:is([data-teinte="clair"], [data-teinte="sable"]) .sd-recap { background: var(--mqc-05); border-color: var(--mqc-94); box-shadow: var(--mqc-95) 0px 6px 16px -12px; }
.ch:is([data-teinte="clair"], [data-teinte="sable"]) .sd-bt b, .ch:is([data-teinte="clair"], [data-teinte="sable"]) .sd-bt span, .ch:is([data-teinte="clair"], [data-teinte="sable"]) .sd-leg b { color: var(--e); }
.ch:is([data-teinte="clair"], [data-teinte="sable"]) .sd-bt small { color: var(--e3); }
.ch:is([data-teinte="clair"], [data-teinte="sable"]) .sd-leg { color: var(--e2); }
.ch:is([data-teinte="clair"], [data-teinte="sable"]) .sd-barre .f1, .ch:is([data-teinte="clair"], [data-teinte="sable"]) .sd-leg .f1 { background: var(--mqc-96); }
.ch:is([data-teinte="clair"], [data-teinte="sable"]) .sd-barre .f2, .ch:is([data-teinte="clair"], [data-teinte="sable"]) .sd-leg .f2 { background: var(--mqc-97); }
.ch:is([data-teinte="clair"], [data-teinte="sable"]) .sd-barre .f3 { background: repeating-linear-gradient(135deg, var(--mqc-98) 0px, var(--mqc-98) 3px, var(--mqc-99) 3px, var(--mqc-99) 6px); }
.ch:is([data-teinte="clair"], [data-teinte="sable"]) .sd-leg .f3 { background: var(--mqc-98); }
.ch:is([data-teinte="clair"], [data-teinte="sable"]) .sd-barre .f4, .ch:is([data-teinte="clair"], [data-teinte="sable"]) .sd-leg .f4 { background: var(--mqc-100); }
.ch:is([data-teinte="clair"], [data-teinte="sable"]) .ch-carte { color: var(--e3); }
.ch:is([data-teinte="clair"], [data-teinte="sable"]) .ch-carte .terre { fill: var(--mqc-101); stroke: var(--mqc-61); stroke-dasharray: none; }
.ch[data-teinte="sable"] .ch-carte .terre { fill: var(--mqc-102); stroke: var(--mqc-103); }
.ch:is([data-teinte="clair"], [data-teinte="sable"]) .ch-carte .lot circle { fill: var(--mqc-104); stroke: var(--mqc-05); stroke-width: 1.5; }
.ch:is([data-teinte="clair"], [data-teinte="sable"]) .ch-carte .n { fill: var(--mqc-05); }
.ch:is([data-teinte="clair"], [data-teinte="sable"]) .ch-carte .nom { fill: var(--e); }
.ch[data-teinte="sable"] { --fond: var(--mqc-105); }
.ch .ch-tete::after { height: 3px; }
.ch-l2 { position: relative; display: grid; grid-template-columns: minmax(0px, 1fr) 170px 400px; gap: 20px; align-items: center; }
.bd-main.ch .sd-tete { padding: 10px 24px; }
.ch h1 { font-size: 25px; margin: 0px 0px 2px; }
.ch h1 small { font: 500 13px var(--pl-police); margin-left: 8px; letter-spacing: 0px; color: var(--mqc-61); }
.ch .sd-res { font-size: 14px; }
.ch .sd-hier { margin-top: 6px; font-size: 12px; padding: 2px 9px 2px 6px; }
.bd-main.ch .sd-recap { padding: 8px 12px; }
.bd-main.ch .sd-bt b { font-size: 26px; }
.bd-main.ch .sd-barre { height: 9px; margin: 6px 0px 5px; }
.bd-main.ch .sd-leg { font-size: 11.5px; gap: 2px 12px; }
.ch-nrech { display: flex; align-items: center; gap: 8px; margin: 0px 2px 8px; padding: 7px 10px; border-radius: 9px; background: var(--mqc-58); border: 1px solid var(--mqc-106); color: var(--mqc-61); font-size: 13px; }
.ch-nrech .ic { width: 15px; height: 15px; }
.ch-nrech kbd { margin-left: auto; font: 11px var(--pl-mono); border: 1px solid var(--mqc-107); border-radius: 4px; padding: 0px 5px; }
.ch-carte { display: block; text-decoration: none; text-align: center; color: var(--mqc-108); font-size: 11px; line-height: 1.2; }
.ch-carte svg { display: block; width: 100%; height: auto; max-height: 104px; }
.ch-carte .terre { fill: var(--mqc-48); stroke: var(--mqc-109); stroke-width: 1; stroke-dasharray: 2.5, 2; }
.ch-carte .lot { animation-duration: 0.5s; animation-timing-function: ease; animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: both; animation-play-state: running; animation-name: monte; animation-timeline: auto; animation-range: normal; animation-delay: var(--d); }
.ch-carte .lot circle { fill: var(--mqc-110); stroke: var(--mqc-111); stroke-width: 1; }
.ch-carte .n { fill: var(--mqc-112); font: 800 11px var(--pl-titre); text-anchor: middle; }
.ch-carte .nom { fill: var(--mqc-60); font: 700 11.5px var(--pl-police); }
.ch-carte:hover .terre { fill: var(--mqc-113); }
.ch-carte span { display: block; margin-top: 1px; font-size: 10.5px; }
.ch-jour { margin: 8px 0px 0px; background: var(--mqc-05); border-radius: 12px; box-shadow: var(--mqc-68) 0px 1px 2px, var(--mqc-114) 0px 8px 20px -16px; }
.ch-jour summary { display: flex; align-items: center; gap: 14px; padding: 6px 14px; cursor: pointer; list-style: none; font-size: 13px; }
.ch-jour summary::-webkit-details-marker { display: none; }
.ch-jour .t { display: flex; align-items: center; gap: 7px; font: 800 14px var(--pl-titre); color: var(--e); }
.ch-jour .t .ic { width: 16px; height: 16px; color: var(--mqc-115); }
.ch-jour .r { color: var(--e2); }
.ch-jour .r b { color: var(--mqc-115); }
.ch-jour .plier { margin-left: auto; font-size: 12px; font-weight: 700; color: var(--mqc-79); }
.ch-frise { padding: 0px 14px 8px; }
.ch-axe { position: relative; height: 16px; margin-left: 96px; border-bottom: 1px solid var(--mqc-70); }
.ch-axe span { position: absolute; transform: translateX(-50%); font: 10.5px var(--pl-mono); color: var(--e3); }
.ch-lignes { position: relative; }
.ch-lignes::after { content: "maintenant"; position: absolute; top: -4px; bottom: 0px; left: calc(96px + (100% - 96px) * var(--m) / 100%); border-left: 2px solid var(--mqc-110); font: 700 9.5px var(--pl-police); color: var(--mqc-116); padding-left: 3px; pointer-events: none; }
.ch-fl { display: grid; grid-template-columns: 96px minmax(0px, 1fr) auto; align-items: center; height: 27px; border-bottom: 1px dashed var(--mqc-117); }
.ch-fl .piste { position: relative; height: 100%; }
.ch-v { position: absolute; top: 3px; height: 21px; display: flex; align-items: center; gap: 4px; padding: 0px 8px; border-left: 3px solid var(--mqc-115); background: var(--mqc-118); border-radius: 0px 6px 6px 0px; font-size: 11.5px; color: var(--e); text-decoration: none; white-space: nowrap; animation: 0.45s ease 0s 1 normal both running monte; }
.ch-v b { font: 700 11px var(--pl-mono); color: var(--mqc-115); }
.ch-v.passe { opacity: 0.55; }
.ch-note { margin: 4px 0px 0px; font-size: 11px; color: var(--e3); }
.ch .sd-av { width: 24px; height: 24px; font-size: 9.5px; }
.ch-ins { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 12px; margin-top: 10px; }
.ch-p { position: relative; background: var(--mqc-05); border-radius: 12px; padding: 6px 4px 5px; box-shadow: var(--mqc-68) 0px 1px 2px, var(--mqc-119) 0px 10px 24px -18px; animation: 0.5s ease 0s 1 normal both running monte; overflow: hidden; }
.ch-p::before { content: ""; position: absolute; left: 0px; right: 0px; top: 0px; height: 3px; }
.ch-p.dec::before { background: var(--dec); }
.ch-p.rel::before { background: var(--rel-a); }
.ch-p.exa::before { background: var(--exa-a); }
.ch-p.dec { background: linear-gradient(180deg,var(--dec-f),var(--mqc-72) 45%); }
.ch-p.rel { background: linear-gradient(180deg,var(--rel-f),var(--mqc-72) 45%); }
.ch-p.exa { background: linear-gradient(180deg,var(--exa-f),var(--mqc-72) 45%); }
.ch-p h2 { margin: 1px 8px 3px; display: flex; align-items: center; gap: 7px; font: 800 11.5px var(--pl-police); letter-spacing: 0.1em; text-transform: uppercase; }
.ch-p.dec h2 { color: var(--dec); }
.ch-p.rel h2 { color: var(--rel); }
.ch-p.exa h2 { color: var(--exa); }
.ch-cs { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); }
.ch-c { display: flex; align-items: center; gap: 8px; padding: 2px 8px 3px; text-decoration: none; color: inherit; border-left: 1px solid var(--mqc-120); border-radius: 8px; transition: background 0.15s; }
.ch-c:first-child { border-left: 0px; }
.ch-c:hover { background: var(--mqc-121); }
.ch-c b { font: 800 24px/1 var(--pl-titre); letter-spacing: -0.03em; flex: 0 0 auto; }
.ch-p.dec .ch-c b { color: var(--dec); }
.ch-p.rel .ch-c b { color: var(--rel); }
.ch-p.exa .ch-c b { color: var(--exa); }
.ch-c .l { font-size: 12px; font-weight: 700; line-height: 1.15; color: var(--e2); }
.ch .sd-li::before, .ch .st-li::before { content: ""; position: absolute; left: 0px; top: 3px; bottom: 3px; width: 4px; border-radius: 0px 3px 3px 0px; background: var(--mqc-51); transform: none; transition: none; }
.ch .ch-li.p1::before { background: var(--r); }
.ch .ch-li.p2::before { background: var(--mqc-122); }
.ch .sd-li:hover::before { transform: none; }
.ch .sd-grp { border-top: 0px; }
.chb-l2 { grid-template-columns: minmax(0px, 1fr) 420px; }
.chb-carte { position: relative; align-self: stretch; min-height: 230px; background: var(--mqc-05); border-radius: 12px; box-shadow: var(--mqc-68) 0px 1px 2px, var(--mqc-119) 0px 10px 24px -18px; }
.ch .ch-carte-g { position: absolute; inset: 8px 8px 6px; color: var(--e3); font-size: 11.5px; }
.ch .ch-carte-g svg { position: absolute; inset: 0px 0px 16px; width: 100%; height: calc(100% - 16px); max-height: none; }
.ch .ch-carte-g span { position: absolute; left: 0px; right: 0px; bottom: 0px; }
.ch .ch-carte-g .terre { fill: var(--mqc-101); stroke: var(--mqc-61); stroke-dasharray: none; }
.ch[data-teinte="sable"] .ch-carte-g .terre { fill: var(--mqc-102); stroke: var(--mqc-103); }
.ch .ch-carte-g .lot circle { fill: var(--mqc-104); stroke: var(--mqc-05); stroke-width: 1.5; }
.ch .ch-carte-g .n { fill: var(--mqc-05); font-size: 12px; }
.ch .ch-carte-g .nom { fill: var(--e); font-size: 12.5px; }
.ch .ch-carte-g:hover .terre { fill: var(--mqc-123); }
.chc-haut { display: grid; grid-template-columns: minmax(0px, 1fr) 270px; gap: 12px; margin-top: 10px; }
.chc-g { display: flex; flex-direction: column; gap: 8px; min-width: 0px; }
.chc-ins { margin: 0px; }
.chc .chb-carte { min-height: 200px; }
.chc-ins .ch-c { flex-direction: column; align-items: flex-start; gap: 0px; padding: 1px 8px 2px; min-width: 0px; }
.chc-ins .ch-c b { font-size: 22px; }
.chc-ins .ch-c .l { font-size: 11.5px; }
@container (max-width: 1120px) {
.chc-haut { grid-template-columns: minmax(0px, 1fr) 210px; }
.chc-ins .ch-c { padding: 1px 5px 2px; }
.chc-ins .ch-c .l { font-size: 11px; }
.chc-ins .ch-p h2 { font-size: 10.5px; letter-spacing: 0.06em; }
}
.chc-jour { margin: 0px; flex: 1 1 0%; }
.chc-jour .r { font-size: 12.5px; }
.chc .ch-fl { grid-template-columns: 84px minmax(0px, 1fr) auto; }
.chc .ch-axe { margin-left: 84px; }
.chc .ch-lignes::after { left: calc(84px + (100% - 84px) * var(--m) / 100%); }
.chc .ch-note { display: none; }
.ch .sd-li { min-height: 34px; padding-top: 3px; padding-bottom: 3px; font-size: 13px; line-height: 1.2; gap: 10px; }
.ch .sd-li .si small { display: inline; font-size: 12px; }
.ch .sd-li .si small::before { content: " · "; }
.ch .sd-li .si b { font-weight: 600; }
.ch .sd-li .sd-ech { font-size: 12.5px; line-height: 1.15; }
.ch .sd-li .sd-ech small { font-size: 11px; }
.ch .sd-li .sd-et { padding: 1px 8px 1px 5px; font-size: 12px; }
.ch .sd-li .sd-av { width: 22px; height: 22px; font-size: 9px; }
.ch .sd-li .mc { padding: 0px 5px; font-size: 11.5px; }
.ch .sd-cols { padding-top: 6px; padding-bottom: 5px; }
.ch .sd-grp { padding: 6px 16px 4px; }
.ch .sd-plus { padding: 6px 16px; }
.ch .sd-barre-outils { margin: 12px 0px 8px; }
.ch-hors { display: flex; align-items: center; gap: 6px; margin: 5px 0px 0px; font-size: 12px; color: var(--e); }
.ch-hors b { font-size: 11px; color: var(--r); background: var(--rf); border-radius: 4px; padding: 1px 5px; }
.ch .sd-cols, .ch .sd-li { grid-template-columns: 76px 30px minmax(0px, 1fr) minmax(0px, 1.3fr) 144px 96px 200px; }