/* Outils et ressources : page « Ce que la loi demande d'afficher » et vérificateur « Votre site affiche-t-il ce que la loi demande ? ».
   Préfixe .vf- ; ne touche ni site.css ni offer-layout.css. Palette et typographies du site (tokens de :root). */

/* Texte officiel et notes */
.vf-meta{font-size:15px;line-height:1.6;color:var(--muted);max-width:780px;margin:0 0 22px}
.vf-meta a{color:var(--forest);text-underline-offset:3px}
.vf-quote{margin:0 0 24px;padding:24px 28px;border-left:2px solid #9d8251;background:var(--paper);max-width:800px}
.vf-quote p{font-size:17px;line-height:1.7;color:var(--ink);margin:0 0 10px}
.vf-quote ul{margin:0;padding-left:22px;font-size:17px;line-height:1.7;color:var(--ink)}
.vf-quote li+li{margin-top:4px}
.vf-quote figcaption{margin-top:12px}
.vf-quote cite{font-style:normal;font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.vf-quote cite a{color:var(--gold);text-underline-offset:3px}
.vf-annexe{columns:2;column-gap:40px;margin:0;padding-left:20px;max-width:900px;font-size:16px;line-height:1.6;color:var(--muted)}
.vf-annexe li{break-inside:avoid;padding-bottom:4px}
.vf-note{margin:22px 0 0;font-size:14px;line-height:1.65;color:var(--muted);max-width:780px}
.vf-note+.vf-note{margin-top:8px}
.vf-note a,.vf-table a{color:var(--forest);text-underline-offset:3px;text-decoration-color:#a49474}

/* Tableaux de la page ressource : quatre colonnes */
.vf-table .compare-table thead th:first-child{width:25%}
.vf-table .compare-table thead th:nth-child(2){width:41%}
.vf-table .compare-table thead th:nth-child(3){width:14%}
.vf-table .compare-table thead th:last-child{width:20%}
.vf-table .compare-table .table-item>th{font-size:21px;line-height:1.3}
.vf-table .compare-table .table-item:last-child{background:transparent}
.vf-table .vf-cond{display:block;font:500 13px/1.5 var(--sans);letter-spacing:.02em;color:var(--gold);margin-top:8px}
.vf-table .vf-src{display:block;font-size:15px;line-height:1.5}
.vf-table .vf-src+.vf-src{margin-top:6px}
.vf-trade .section-head{margin-bottom:26px}
.vf-trade .section-head .eyebrow{margin-bottom:10px}
.vf-trade-links{display:flex;flex-wrap:wrap;gap:4px 32px;margin:22px 0 0}

/* Vérificateur */
.vf-form{max-width:880px}
.vf-choose{display:grid;gap:10px;margin-bottom:36px;max-width:520px}
.vf-choose label{font:500 13px/1.5 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.vf-choose select{width:100%;min-height:54px;padding:10px 48px 10px 16px;border:1px solid #b9ad94;border-radius:2px;background:var(--paper) url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23785927' stroke-width='1.6'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 14px center/20px 20px;color:var(--ink);font:400 18px/1.4 var(--sans);appearance:none;-webkit-appearance:none}
.vf-choose select:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.vf-h2{font-size:clamp(26px,2.6vw,34px);line-height:1.2;margin:0 0 10px}
.vf-h2:focus{outline:none}
.vf-aide{font-size:17px;color:var(--muted);margin:0 0 18px;max-width:640px}
.vf-items{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.vf-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 24px;align-items:start;padding:18px 0;border-bottom:1px solid var(--line)}
.vf-main{display:grid;grid-template-columns:24px minmax(0,1fr);gap:14px;align-items:start;cursor:pointer}
.vf-item input[type=checkbox]{width:22px;height:22px;margin:3px 0 0;accent-color:var(--forest);cursor:pointer;flex:none}
.vf-item input[type=checkbox]:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.vf-label{font-size:18px;line-height:1.5;color:var(--ink);font-weight:500}
.vf-cond-item{display:block;font-size:14px;line-height:1.5;color:var(--gold);font-weight:500;margin-top:2px}
.vf-detail{grid-column:1/-1;margin:0 0 0 38px;font-size:16px;line-height:1.6;color:var(--muted);max-width:660px}
.vf-skip{display:inline-flex;align-items:center;gap:8px;min-height:28px;margin-top:2px;font-size:14px;line-height:1.4;color:var(--muted);white-space:nowrap;cursor:pointer}
.vf-skip input[type=checkbox]{width:18px;height:18px;margin:0}
.vf-item.is-skipped .vf-label,.vf-item.is-skipped .vf-detail,.vf-item.is-skipped .vf-cond-item{opacity:.5}
.vf-resultat:empty{display:none}
.vf-resultat{margin-top:34px;padding:26px 30px;background:var(--paper);border:1px solid var(--line);border-left:2px solid #9d8251;border-radius:2px}
.vf-resultat h2{font-size:clamp(24px,2.4vw,30px);line-height:1.25;margin:0 0 12px}
.vf-resultat p{font-size:17px;line-height:1.65;color:var(--muted);margin:0 0 10px;max-width:640px}
.vf-resultat ul{margin:6px 0 16px;padding-left:22px;font-size:17px;line-height:1.6;color:var(--ink)}
.vf-resultat li+li{margin-top:6px}
.vf-resultat .hero-actions{margin-top:18px}
.vf-resultat .button{margin-top:0}
.vf-resultat .vf-small{font-size:14px;margin:16px 0 0}
.vf-ailleurs{margin-top:46px;padding-top:30px;border-top:1px solid var(--line);max-width:880px}
.vf-ailleurs .vf-h2{font-size:clamp(22px,2.2vw,28px)}
.vf-ailleurs>p{font-size:16px;line-height:1.6;color:var(--muted);margin:0 0 14px;max-width:640px}
.vf-ailleurs ul{margin:0;padding-left:20px;font-size:16px;line-height:1.6;color:var(--muted)}
.vf-ailleurs li+li{margin-top:10px}
.vf-ailleurs strong{color:var(--ink);font-weight:500}
.vf-noscript{font-size:17px;line-height:1.6;color:var(--ink);padding:20px 24px;border:1px solid var(--line);background:var(--paper);max-width:640px}
.vf-noscript a{color:var(--forest)}

@media(max-width:900px){
 .vf-table .compare-table thead{display:none}
 .vf-table .compare-table .table-item>td{grid-template-columns:minmax(0,7.5em) minmax(0,1fr)}
 .vf-annexe{columns:1}
}
@media(max-width:540px){
 .vf-item{grid-template-columns:1fr;gap:8px}
 .vf-skip{white-space:normal;margin-left:38px}
 .vf-resultat{padding:20px 18px}
 .vf-resultat .hero-actions .button{width:100%}
 .vf-quote{padding:18px 16px}
 .vf-table .compare-table .table-item>td{grid-template-columns:1fr;gap:4px}
 .vf-table .compare-table .table-item>th{font-size:20px}
}
@media(max-width:360px){
 .vf-choose select{font-size:17px}
 .vf-label{font-size:17px}
 .vf-detail{margin-left:0}
 .vf-skip{margin-left:0}
}