/* Sections complémentaires : typographie et séparateurs du thème. */

.key-page { --editorial-line:#ddd; --editorial-muted:#555; }

html[data-theme="dark"] :is(.key-page) { --editorial-line:#444; --editorial-muted:#bbb; }

.key-editorial-grid { display:grid; grid-template-columns:1fr 1.15fr; gap:8%; align-items:center; }

.key-editorial figure { margin:0; }

.key-editorial img { display:block; width:100%; height:auto; border:1px solid var(--editorial-line); }

.key-editorial figcaption { margin-top:14px; color:var(--editorial-muted); font-size:.75rem; line-height:1.6; }

.key-editorial p:not(.studio-kicker) { color:var(--editorial-muted); max-width:480px; }

.key-page .key-editorial h2 { font-size:clamp(2.5rem,4.5vw,4.5rem); line-height:.95; }

.key-page .key-editorial .studio-kicker { color:var(--key-ink); }

.key-site { border-block:1px solid var(--editorial-line); background:rgba(var(--key-rgb),.05); }

.key-site-heading { display:flex; flex-direction:column; align-items:flex-start; margin-bottom:35px; }

.key-page .key-site h2 { font-size:clamp(2.8rem,5.7vw,6.5rem); max-width:1100px; }

.key-site-grid { display:grid; grid-template-columns:1.15fr 1fr; gap:8%; align-items:start; }

.key-site-copy > p { color:var(--editorial-muted); margin:0; line-height:1.8; max-width:630px; }

.key-site-copy .key-source { display:inline-block; margin-top:25px; }

.key-site-result { border-left:1px solid var(--editorial-line); padding-left:clamp(25px,4vw,60px); }

.key-site-identity { display:inline-flex; margin-bottom:24px; }

.key-site-logo { max-width:220px; max-height:75px; height:auto; width:auto; object-fit:contain; background:#fff; padding:10px; }

.key-site-score { display:flex; align-items:baseline; flex-wrap:wrap; gap:12px; }

.key-site-score strong { font-size:clamp(4rem,9vw,8rem); line-height:.9; font-weight:800; letter-spacing:-.07em; }

.key-site-score span { font-size:1.3rem; color:var(--editorial-muted); }

.key-site-result .key-site-pending { font-size:clamp(1.3rem,2.4vw,2rem); letter-spacing:-.035em; }

.key-site-result .key-site-consent { font-size:clamp(1.8rem,3.5vw,3.2rem); line-height:1; letter-spacing:-.04em; }

.key-site-result > p { color:var(--editorial-muted); line-height:1.6; margin:18px 0 10px; font-size:.85rem; }

.key-site-result > small { display:block; color:var(--editorial-muted); font-size:.75rem; line-height:1.6; }

.key-page .key-site .studio-kicker { color:var(--key-ink); }


.key-site-heading h2 { margin-bottom:0; }
.directory-points .agf2-points-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.directory-points .agf2-point-card > a { min-height:300px; padding:32px; }
.directory-points .agf2-point-card :is(h2,h3) { margin:24px 0 14px; font-size:clamp(1.7rem,3vw,3rem); line-height:1.05; text-transform:uppercase; letter-spacing:-.04em; }
@media(max-width:760px) { .key-editorial-grid,.key-site-grid,.directory-points .agf2-points-grid { grid-template-columns:1fr; gap:30px; } .key-site-result { border-left:0; border-top:1px solid var(--editorial-line); padding:30px 0 0; } }