/* MON PROJET, DA T1 + Éditorial (Romain 02/10 08 h 12 : « toujours pas dans l'harmonie du site »), the same treatment
   as Mon salon (salon-plan.css): plaster band for the head (bronze small-caps kicker, serif H1 on 2 lines at most,
   2-line standfirst), the page under it on paper white, sections in serif with fine numbers and a 2 px rule, square
   options of 44 px (the active one anthracite underlined mustard), « En bref » as a ruled column without card or
   shadow, results and cards with square corners, Éditorial buttons. CSS only (and the kicker of mon-projet.php):
   calculation, data and scripts unchanged. Loaded on /mon-projet/ only (inc/projet-t1.php). */
body:has(.projet[data-projet-page]) { background: var(--blanc); }
.projet[data-projet-page] .projet__tete { max-width: none; margin: 0.5rem 0 0; padding: 1.5rem 0 1.4rem; background: var(--platre); box-shadow: 0 0 0 100vmax var(--platre); clip-path: inset(0 -100vmax); border-bottom: 1px solid var(--platre-2); }
.projet[data-projet-page] .projet__surtitre { margin: 0 0 0.55rem; font: 600 0.7rem/1.2 var(--sans); letter-spacing: 0.12em; text-transform: uppercase; color: var(--feutre); }
.projet[data-projet-page] .projet__surtitre b { font-weight: 600; color: var(--bleu); }
.projet[data-projet-page] .projet__etat { font: italic 400 var(--t-sm)/1.2 var(--serif); letter-spacing: 0; text-transform: none; color: var(--feutre); }
.projet[data-projet-page] .projet__tete h1 { margin: 0 0 0.55rem; font: 400 clamp(1.9rem, 1.2rem + 1.9vw, 2.65rem)/1.06 var(--serif); letter-spacing: -0.02em; max-width: 30em; text-wrap: balance; }
.projet[data-projet-page] .projet__chapeau { margin: 0; max-width: 54rem; font: 400 var(--t-md)/1.5 var(--serif); color: var(--feutre); }
.projet[data-projet-page] .projet__importer .bouton { border-radius: 4px; }
.projet[data-projet-page] .projet__grille { margin-top: 1.6rem; padding-top: 0; border-top: 0; gap: 3rem; }
/* Sections: a 2 px rule, fine numbers, serif titles */
.projet[data-projet-page] .projet__temps { padding: 1rem 0 1.8rem; border-top: 2px solid var(--anthracite); border-bottom: 0; }
.projet[data-projet-page] .projet__temps + .projet__temps { padding-top: 1rem; margin-top: 0.4rem; }
.projet[data-projet-page] .projet__temps legend { float: left; width: 100%; display: flex; align-items: baseline; gap: 0.75rem; margin: 0 0 1rem; font: 400 clamp(1.5rem, 1.2rem + 0.8vw, 1.85rem)/1.1 var(--serif); letter-spacing: -0.01em; }
.projet[data-projet-page] .projet__temps legend + * { clear: both; }
.projet[data-projet-page] .projet__num { font: 300 1.05em/1 var(--serif); font-style: normal; color: var(--bleu); font-variant-numeric: lining-nums tabular-nums; letter-spacing: 0.02em; }
.projet[data-projet-page] .projet__intro, .projet[data-projet-page] .projet__aide { color: var(--feutre); }
.projet[data-projet-page] .projet__etiquette { font: 600 var(--t-sm)/1.3 var(--sans); }
/* Square options of 44 px: the active one anthracite underlined mustard */
.projet[data-projet-page] .projet__segments { display: grid; grid-template-columns: 1fr 1fr; gap: 0.4rem; padding: 0; background: none; border-radius: 0; width: min(100%, 26rem); }
.projet[data-projet-page] .projet__segments span, .projet[data-projet-page] .projet__puces span, .projet[data-projet-page] .projet__couleurs span {
  display: flex; align-items: center; justify-content: center; gap: 0.45rem; min-height: 44px; padding: 0 1rem; border: 1px solid var(--trait); border-radius: 4px; background: #fff; box-shadow: none;
  font: 600 var(--t-sm)/1.15 var(--sans); color: var(--anthracite); transition: border-color 0.15s, background 0.15s, color 0.15s; }
.projet[data-projet-page] .projet__segments label:hover span, .projet[data-projet-page] .projet__puces label:hover span, .projet[data-projet-page] .projet__couleurs label:hover span { border-color: var(--anthracite); }
.projet[data-projet-page] .projet__segments input:checked + span, .projet[data-projet-page] .projet__puces input:checked + span, .projet[data-projet-page] .projet__couleurs input:checked + span {
  background: var(--anthracite); border-color: var(--anthracite); color: var(--blanc); box-shadow: inset 0 -3px 0 var(--moutarde); }
.projet[data-projet-page] .projet__segments input:focus-visible + span, .projet[data-projet-page] .projet__puces input:focus-visible + span, .projet[data-projet-page] .projet__couleurs input:focus-visible + span { outline: 3px solid var(--moutarde); outline-offset: 2px; }
.projet[data-projet-page] .projet__couleurs i { border-radius: 50%; }
.projet[data-projet-page] .projet__saisie, .projet[data-projet-page] .projet__champ select { border-radius: 4px; border-color: var(--trait); background: #fff; }
.projet[data-projet-page] .projet__saisie:focus-within { border-color: var(--anthracite); box-shadow: inset 0 -3px 0 var(--moutarde); }
.projet[data-projet-page] .projet__saisie input { border-radius: 0; }
.projet[data-projet-page] .projet__vie-privee { padding-top: 0.9rem; border-top: 1px solid var(--trait); }
/* The plan: square cote boxes, as on Mon salon */
.projet[data-projet-page] .pcote__cote, .projet[data-projet-page] .pcote__pas, .projet[data-projet-page] .pcote__papier { border-radius: 4px; }
.projet[data-projet-page] .pcote__papier { border-radius: 0; }
/* « Votre projet en bref »: a ruled column, no card, no shadow */
.projet[data-projet-page] .projet__carte { padding: 1rem 0 0; border-top: 2px solid var(--anthracite); border-radius: 0; background: none; box-shadow: none; }
.projet[data-projet-page] .projet__bref-titre { margin: 0 0 0.8rem; font: 600 0.7rem/1.2 var(--sans); letter-spacing: 0.12em; color: var(--bleu); }
.projet[data-projet-page] .projet__resume { border-top: 1px solid var(--trait); }
.projet[data-projet-page] .projet__resume dd { font-weight: 500; }
.projet[data-projet-page] .projet__compte .num { font: 400 clamp(2.4rem, 1.9rem + 1.2vw, 3rem)/1 var(--serif); color: var(--bleu); letter-spacing: -0.02em; }
.projet[data-projet-page] .projet__meilleurs { gap: 0; border-top: 1px solid var(--trait); }
.projet[data-projet-page] .projet__meilleurs > li { padding: 0.65rem 0; border-bottom: 1px solid var(--trait); }
.projet[data-projet-page] .projet__meilleurs img { border-radius: 2px; }
.projet[data-projet-page] .projet__meilleur-nom { font: 500 var(--t-md)/1.25 var(--serif); }
.projet[data-projet-page] .projet__meilleur-nom small { font: 500 var(--t-xs)/1.3 var(--sans); }
.projet[data-projet-page] .projet__autres summary { font: 600 var(--t-sm)/1.3 var(--sans); padding: 0.6rem 0; cursor: pointer; }
.projet[data-projet-page] .qpl-ech__poser { min-height: 44px; border-radius: 4px; border-color: var(--anthracite); }
.projet[data-projet-page] .qpl-ech__poser:hover { box-shadow: inset 0 -3px 0 var(--moutarde); }
/* Éditorial buttons: the main action anthracite with an arrow, the others outlined */
.projet[data-projet-page] .projet__liens .bouton { min-height: 48px; border-radius: 4px; border: 0; background: var(--anthracite); color: var(--blanc); font: 600 var(--t-sm)/1.15 var(--sans); }
.projet[data-projet-page] .projet__liens .bouton::after { content: "→"; margin-left: 0.4rem; transition: transform 0.2s; }
.projet[data-projet-page] .projet__liens .bouton:hover { background: #000; }
.projet[data-projet-page] .projet__liens .bouton:hover::after { transform: translateX(4px); }
.projet[data-projet-page] .projet__action--ajouter { min-height: 44px; padding: 0 1rem; border: 1px solid var(--anthracite); border-radius: 4px; background: #fff; }
.projet[data-projet-page] .projet__action--ajouter:hover { box-shadow: inset 0 -3px 0 var(--moutarde); }
.projet[data-projet-page] .projet__partage { border-top: 1px solid var(--trait); }
.projet[data-projet-page] .projet__canal { border-radius: 4px; background: #fff; }
.projet[data-projet-page] .projet__canal:hover { border-color: var(--anthracite); }
@media (max-width: 800px) {
  .projet[data-projet-page] .projet__tete { padding: 1.1rem 0 1rem; }
  .projet[data-projet-page] .projet__tete h1 { font-size: clamp(1.7rem, 1.2rem + 2.2vw, 2rem); }
  .projet[data-projet-page] .projet__chapeau { font-size: var(--t-sm); }
  .projet[data-projet-page] .projet__grille { margin-top: 1.1rem; gap: 2rem; }
  .projet[data-projet-page] .projet__segments { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  .projet[data-projet-page] .projet__segments span, .projet[data-projet-page] .projet__puces span, .projet[data-projet-page] .projet__couleurs span, .projet[data-projet-page] .projet__liens .bouton::after { transition: none; }
}