/* pillars.css — pages piliers (hubs SEO). DA terracotta/sauge/crème via tokens :root du front. */
.pillar-page{background:var(--cream);color:var(--ink)}
.pillar-hero{padding:66px 0 38px;background:linear-gradient(108deg,#f6f1e7 0%,#f1eadb 55%,#f5e9df 100%)}
.pillar-hero .container{width:min(820px,calc(100% - 40px))}
.pillar-eyebrow{font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;margin:0 0 14px;display:flex;align-items:center;gap:8px;color:var(--primary)}
.pillar-eyebrow span{width:22px;height:2px;background:var(--primary);display:inline-block}
.pillar-hero h1{font:700 clamp(32px,4.6vw,52px)/1.04 var(--serif);letter-spacing:-.03em;margin:0;color:var(--ink)}
.pillar-hero .lead{font-size:18px;max-width:660px;margin:18px 0 0;color:var(--text-secondary,#5A5248)}
.pillar-meta{margin-top:18px;font-size:13px;color:var(--text-muted,#857C6F);display:flex;gap:16px;flex-wrap:wrap}
.pillar-meta b{color:var(--ink)}
.pillar-body{padding:34px 0 20px}
.pillar-body .container{width:min(760px,calc(100% - 40px))}
.pillar-toc{background:var(--surface,#fff);border:1px solid var(--line);border-radius:16px;padding:20px 24px;margin-bottom:34px}
.pillar-toc strong{display:block;font:700 13px var(--sans);text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted,#857C6F);margin-bottom:10px}
.pillar-toc ol{margin:0;padding-left:20px}
.pillar-toc li{margin:6px 0}
.pillar-toc a{color:var(--ink);font-weight:600;font-size:15px}
.pillar-toc a:hover{color:var(--primary)}
.pillar-body h2{font:700 clamp(25px,3vw,32px)/1.12 var(--serif);letter-spacing:-.02em;margin:38px 0 12px;color:var(--ink);scroll-margin-top:90px}
.pillar-body h3{font:700 20px/1.2 var(--serif);margin:26px 0 8px;color:var(--ink)}
.pillar-body p{font-size:17px;line-height:1.68;color:var(--text,#2B2620);margin:0 0 16px}
.pillar-body ul,.pillar-body ol.steps{margin:0 0 16px;padding-left:22px}
.pillar-body li{font-size:17px;line-height:1.62;margin:7px 0;color:var(--text,#2B2620)}
.pillar-body strong{color:var(--text-strong,#1A1712)}
.pillar-callout{background:var(--callout-bg,#F5E9DF);border-left:4px solid var(--primary);border-radius:0 12px 12px 0;padding:18px 22px;margin:24px 0;font-size:16px;line-height:1.6;color:var(--callout-text,#8A4A2C);font-style:italic}
.pillar-table{width:100%;border-collapse:collapse;margin:18px 0;font-size:15px;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.pillar-table th,.pillar-table td{padding:11px 14px;text-align:left;border-bottom:1px solid var(--line)}
.pillar-table th{background:var(--fill,#EFE8DA);font:700 13px var(--sans);color:var(--ink)}
.pillar-table tr:last-child td{border-bottom:0}
.pillar-cta{background:var(--ink);color:#fff;border-radius:20px;padding:30px 32px;margin:34px 0}
.pillar-cta h3{font:700 23px/1.15 var(--serif);margin:0 0 8px;color:#fff}
.pillar-cta p{color:#e8e1d3;font-size:15px;margin:0 0 16px}
.pillar-cta .btns{display:flex;gap:12px;flex-wrap:wrap}
.pillar-cta a{border-radius:999px;padding:12px 20px;font:700 14px var(--sans);display:inline-flex;gap:8px;align-items:center}
.pillar-cta a.primary{background:var(--primary);color:#fff}
.pillar-cta a.primary:hover{background:var(--primary-hover,#B45C39)}
.pillar-cta a.ghost{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.5)}
.pillar-cta a.ghost:hover{border-color:#fff}
.next-read{margin:40px 0 10px}
.next-read h2{margin-bottom:6px}
.next-read>p{color:var(--text-secondary,#5A5248);font-size:16px;margin-bottom:18px}
.next-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.next-grid article{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 20px}
.next-grid h4{font:700 17px/1.25 var(--serif);margin:0 0 6px;color:var(--ink)}
.next-grid p{font-size:14px;color:var(--text-muted,#857C6F);margin:0}
.next-cat-link{display:inline-flex;align-items:center;gap:7px;margin-top:20px;font-weight:700;color:var(--primary);font-size:15px}
.next-cat-link:hover{color:var(--primary-hover,#B45C39)}
@media(max-width:640px){.next-grid{grid-template-columns:1fr}}