/* pillars.css — styles partagés des pages piliers du Cosy (DA glaz / caramel / crème).
   Réutilise les tokens :root du styles.css du front (--primary, --ink, --cream, --line…). */
.pillar-page{background:var(--cream);color:var(--ink)}
.pillar-hero{padding:66px 0 40px;background:linear-gradient(102deg,var(--panel) 0%,var(--cream) 58%,var(--sand) 100%)}
.pillar-hero .wrap{width:min(960px,calc(100% - 40px))}
.pillar-crumb{font-size:12px;color:var(--muted);margin-bottom:16px}
.pillar-crumb a{color:var(--muted);border-bottom:1px solid var(--line)}
.pillar-crumb a:hover{color:var(--primary)}
.pillar-crumb span{margin:0 6px}
.pillar-eyebrow{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin:0 0 12px;display:flex;align-items:center;gap:8px;color:var(--caramel)}
.pillar-eyebrow i{width:22px;height:2px;background:var(--caramel);display:inline-block}
.pillar-hero h1{font:700 clamp(34px,4.8vw,58px)/1.02 var(--serif);letter-spacing:-.045em;margin:0;color:var(--ink);max-width:15ch}
.pillar-hero p.lead{font-size:19px;max-width:640px;margin:20px 0 0;color:var(--text-secondary)}
.pillar-body{padding:38px 0 72px}
.pillar-body .wrap{width:min(960px,calc(100% - 40px));display:grid;grid-template-columns:1fr 250px;gap:56px;align-items:start}
.pillar-main{min-width:0;font-size:17px}
.pillar-main h2{font:700 clamp(26px,3.2vw,36px)/1.1 var(--serif);letter-spacing:-.03em;margin:44px 0 14px;color:var(--ink);scroll-margin-top:100px}
.pillar-main h2:first-child{margin-top:0}
.pillar-main h3{font:600 21px/1.25 var(--serif);margin:28px 0 8px;color:var(--ink)}
.pillar-main p{margin:0 0 15px;color:var(--text-secondary)}
.pillar-main strong{color:var(--ink);font-weight:700}
.pillar-main a{color:var(--primary);border-bottom:1px solid var(--line)}
.pillar-main a:hover{border-color:var(--primary)}
.pillar-main ul,.pillar-main ol{margin:0 0 16px;padding-left:20px;color:var(--text-secondary)}
.pillar-main li{margin-bottom:8px}
.pillar-main li::marker{color:var(--caramel)}
.pillar-table{width:100%;border-collapse:collapse;margin:20px 0 22px;font-size:14.5px;background:var(--paper);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.pillar-table th,.pillar-table td{text-align:left;padding:11px 13px;border-bottom:1px solid var(--line)}
.pillar-table th{font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:var(--primary);font-weight:700;background:var(--panel)}
.pillar-table tr:last-child td{border-bottom:0}
.pillar-table td.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.pillar-quote{border-left:3px solid var(--caramel);padding:4px 0 4px 20px;margin:26px 0;font:italic 500 19px/1.45 var(--serif);color:var(--ink)}
.pillar-callout{background:var(--callout-bg);border:1px solid var(--callout-border);border-radius:12px;padding:16px 18px;margin:22px 0;font-size:15px;color:var(--callout-text)}
.pillar-callout strong{color:var(--callout-text)}
.pillar-toc{position:sticky;top:104px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:20px;font-size:14px}
.pillar-toc strong{display:block;font:700 13px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:12px}
.pillar-toc a{display:block;padding:6px 0;color:var(--text-secondary);border-bottom:1px solid var(--line)}
.pillar-toc a:last-child{border-bottom:0}
.pillar-toc a:hover{color:var(--primary)}
.pillar-tool{background:var(--ink);color:var(--white);border-radius:var(--radius);padding:24px;margin-top:22px}
.pillar-tool strong{display:block;font:700 19px/1.2 var(--serif);color:var(--white);margin-bottom:8px}
.pillar-tool p{font-size:13.5px;color:var(--text-faint);margin:0 0 14px}
.pillar-tool a{display:inline-block;background:var(--caramel);color:var(--white);font-size:13px;font-weight:700;padding:11px 15px;border-radius:8px}
.pillar-tool a:hover{background:var(--secondary-hover)}
.pillar-next{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:26px;margin-top:46px}
.pillar-next h2{font:700 25px/1.15 var(--serif);margin:0 0 6px;color:var(--ink)}
.pillar-next>p{font-size:14.5px;color:var(--muted);margin:0 0 18px}
.pillar-next ul{list-style:none;margin:0 0 20px;padding:0}
.pillar-next li{padding:12px 0;border-bottom:1px solid var(--line);font:600 17px/1.3 var(--serif);color:var(--ink)}
.pillar-next li:last-of-type{border-bottom:0}
.pillar-next li span{display:block;font:400 13.5px/1.4 var(--sans);color:var(--muted);margin-top:4px}
.pillar-next .cta{display:inline-flex;align-items:center;gap:8px;background:var(--primary);color:var(--white);font-size:14px;font-weight:700;padding:12px 17px;border-radius:9px;border:0}
.pillar-next .cta:hover{background:var(--primary-hover)}
@media(max-width:900px){.pillar-body .wrap{grid-template-columns:1fr;gap:30px}.pillar-toc{position:static;order:-1}.pillar-hero{padding:46px 0 30px}.pillar-hero h1{max-width:none}}

/* Images piliers (étape 07) */
.pillar-banner{width:100%;line-height:0;margin:0}
.pillar-banner img{width:100%;height:clamp(230px,32vw,400px);object-fit:cover;display:block}
.pillar-illus{margin:26px 0;border-radius:14px;overflow:hidden;border:1px solid var(--line)}
.pillar-illus img{width:100%;height:auto;display:block}