/* Pages de contenu QL Rénov (métiers et cibles). S'ajoute à site.css, qui fournit couleurs, polices et composants. */
.pg-hero { padding-block: clamp(44px, 7vw, 96px); }
.pg-crumbs { margin: 0 0 28px; font-size: 13.5px; color: var(--on-ink-2); }
.pg-crumbs a { color: var(--on-ink-2); text-decoration: none; }
.pg-crumbs a:hover { color: var(--on-ink); text-decoration: underline; text-underline-offset: 3px; }
.pg-title {
  margin: 14px 0 0; font-family: var(--f-display); font-weight: 380; font-size: clamp(34px, 5vw, 58px);
  line-height: 1.06; letter-spacing: -0.015em; max-width: 20ch; text-wrap: balance;
}
.pg-cards { margin-top: 40px; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); }
.band--lin .pg-cards .trade { background: var(--white); }
.pg-list { margin-top: 32px; max-width: 72ch; }
.pg-prose p { margin: 16px 0 0; max-width: 64ch; color: var(--text-2); font-size: 17px; text-wrap: pretty; }
.pg-refs { margin: 28px 0 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; gap: 10px 32px; font-family: var(--f-display); font-size: clamp(20px, 2.4vw, 26px); }
.pg-links { margin: 32px 0 0; padding: 0; list-style: none; display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 16px; }
.pg-links a { display: block; height: 100%; padding: 20px 22px 22px; background: var(--white); border-top: 2px solid var(--laiton); color: var(--text); text-decoration: none; transition: border-color 300ms ease; }
.band--white .pg-links a { background: var(--lin); }
.pg-links a:hover { border-top-color: var(--accent); }
.pg-links strong { display: block; font-size: 14px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; }
.pg-links span { display: block; margin-top: 8px; color: var(--text-2); font-size: 15px; }
.pg-zone p { margin: 16px 0 0; max-width: 72ch; color: var(--text-2); font-size: 16.5px; }
.pg-faq { margin-top: 28px; max-width: 780px; border-top: 1px solid var(--lin-2); }
.pg-faq details { padding: 18px 0; border-bottom: 1px solid var(--lin-2); }
.pg-faq summary { display: flex; justify-content: space-between; gap: 16px; cursor: pointer; list-style: none; font-weight: 600; font-size: 17px; }
.pg-faq summary::-webkit-details-marker { display: none; }
.pg-faq summary::after { content: "+"; flex: none; color: var(--laiton-fonce); font-family: var(--f-display); font-size: 24px; line-height: 1; }
.pg-faq details[open] summary::after { content: "–"; }
.pg-faq p { margin: 12px 0 0; max-width: 66ch; color: var(--text-2); }
.foot__links { display: flex; flex-wrap: wrap; gap: 6px 18px; }
.foot__links a { color: var(--on-ink-2); }

/* Aperçu seulement (jamais publié) */
.apercu-bandeau { margin: 0; padding: 10px 16px; background: #F2CF6B; color: var(--ink); font: 600 14px/1.4 var(--f-body); text-align: center; }
.avalider { display: block; margin: 14px 0 0; padding: 10px 14px; max-width: 72ch; background: #FFF4CC; border-left: 4px solid #D9A400; color: #3A2F00; font: 500 14.5px/1.45 var(--f-body); }
.avalider::before { content: "À valider · "; font-weight: 700; }