/* =============================================================
   S2EE — Pages piliers (guides de fond). Chargé via $page_css.
   Basé sur les tokens de global.css. Tout est scopé sous .pillar.
   ============================================================= */
.pillar .container-prose{max-width:760px}
.pillar-meta{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap;margin-top:1.2rem;color:var(--ink-mute);font-family:var(--f-mono);font-size:.8rem}
.pillar-meta .dot{color:var(--line-3)}
.pillar-updated{color:var(--brand-deep)}

.pillar-toc{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-warm);padding:clamp(18px,3vw,28px);margin:2.4rem 0}
.pillar-toc h2{font-size:var(--t-h4);margin:0 0 .8rem}
.pillar-toc ol{margin:0;padding-left:1.1rem;columns:2;column-gap:2rem}
.pillar-toc li{margin:.3rem 0;break-inside:avoid}
.pillar-toc a{color:var(--ink-2);text-decoration:none}
.pillar-toc a:hover{color:var(--brand-deep);text-decoration:underline}

.pillar-summary{border-left:3px solid var(--brand);background:var(--brand-wash);border-radius:0 var(--radius) var(--radius) 0;padding:clamp(18px,3vw,26px)}
.pillar-summary h2{font-size:var(--t-h4);margin:0 0 .7rem}
.pillar-summary ul{margin:0;padding-left:1.1rem}
.pillar-summary li{margin:.4rem 0}

.prose{max-width:760px;color:var(--ink-2);font-size:var(--t-lead);line-height:1.7}
.prose h2{font-size:var(--t-h2);line-height:1.1;margin:2.6rem 0 1rem;color:var(--ink);scroll-margin-top:90px}
.prose h3{font-size:var(--t-h3);margin:2rem 0 .7rem;color:var(--ink)}
.prose h2 em,.prose h3 em{font-family:var(--f-italic);font-style:italic;color:var(--brand-deep)}
.prose p{margin:0 0 1rem}
.prose ul{margin:0 0 1.2rem;padding-left:1.2rem}
.prose li{margin:.45rem 0}
.prose a{color:var(--brand-deep);text-decoration:underline;text-underline-offset:2px}

.cee-table{width:100%;border-collapse:collapse;margin:1.4rem 0;font-size:.95rem}
.cee-table th,.cee-table td{text-align:left;padding:.7rem .8rem;border-bottom:1px solid var(--line);vertical-align:top}
.cee-table thead th{font-family:var(--f-mono);font-size:.74rem;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-mute);background:var(--bg-soft)}
.cee-table tbody th{font-weight:600;color:var(--ink)}
.cee-table caption{caption-side:bottom;margin-top:.6rem;font-size:.78rem;color:var(--ink-faint);text-align:left}

.pillar-sources{border:1px solid var(--line);border-radius:var(--radius);padding:clamp(16px,3vw,24px);background:var(--bg)}
.pillar-sources li{margin:.4rem 0}
.pillar-note{font-size:.85rem;color:var(--ink-mute);border-top:1px dashed var(--line-2);padding-top:1rem;margin-top:1.6rem}

@media(max-width:640px){.pillar-toc ol{columns:1}}