:root{--primary: #6B4A2F;--primary-hover: #563A25;--on-primary: #FFFFFF;--secondary: #2F3B31;--secondary-hover: #3D4B3F;--accent: #A8501E;--bg: #EFE9DF;--surface: #FAF6EE;--text: #2F3B31;--text-secondary: #4A5A4C;--text-strong: #1C241E;--text-muted: #7A7466;--text-faint: #C9C0B1;--fill: #E5DCCD;--border: #D8CEBC;--white: #FFFFFF;--callout-bg: #F7E5D8;--callout-text: #8A3F16;--callout-border: #E0BFA5;--on-dark: #EDE8DF;--on-dark-muted: #B7C0B2;--dark-color: #2F3B31;--blue:var(--primary);--cyan:var(--accent);--ink:var(--text);--muted:var(--text-muted);--cream:var(--bg);--paper:var(--surface);--line:var(--border);--serif:'Fraunces',Georgia,serif;--mono:'Inter',system-ui,sans-serif;--sans:'Inter',system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.65 var(--sans)}a{color:inherit;text-decoration:none}.site-header{padding:0 5%;border-bottom:1px solid var(--line);background:var(--surface)}.topline{font:12px var(--mono);letter-spacing:.01em;color:var(--muted);display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line)}.topline a{text-decoration:underline}.nav-wrap{max-width:1400px;margin:auto;min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:11px;font-weight:800;line-height:1;font-size:18px}.brand em{color:var(--blue);font-style:normal}.brand small{display:block;margin-top:7px;color:var(--muted);font:10px var(--mono);text-transform:uppercase;letter-spacing:.1em}.brand-mark{display:grid;place-items:center;width:38px;height:38px;background:var(--blue);border-radius:50%;font:700 13px var(--mono);color:var(--white)}.nav-wrap nav{display:flex;gap:22px;font-size:13px;font-weight:700}.nav-wrap nav a{padding:7px 0}.nav-wrap nav a:hover{color:var(--blue)}.menu-toggle{display:none;border:0;background:transparent;color:var(--ink)}.hero{min-height:640px;position:relative;display:grid;grid-template-columns:1.08fr .92fr;max-width:1400px;margin:auto;padding:84px 5% 70px;gap:40px;align-items:center}.eyebrow{margin:0 0 14px;color:var(--blue);font:500 11px var(--mono);letter-spacing:.1em;text-transform:uppercase}.hero h1,.hub h1{font-size:clamp(2.65rem,5.2vw,5.4rem);line-height:1.03;letter-spacing:-.07em;margin:0}.hero h1 span{color:var(--blue)}.lead{font-size:18px;max-width:570px;color:var(--text-secondary);margin:28px 0}.hero-actions{display:flex;gap:24px;align-items:center}.button{border:0;cursor:pointer;padding:15px 20px;display:inline-flex;gap:10px;align-items:center;justify-content:center;font:700 13px var(--sans);transition:.25s}.button:hover{transform:translateY(-2px)}.button svg,.text-link svg{width:17px}.button-dark{background:var(--ink);color:var(--white)}.button-cyan{background:var(--cyan);color:var(--ink)}.text-link{font-size:13px;font-weight:800;display:inline-flex;align-items:center;gap:7px;text-decoration:underline;text-underline-offset:4px}.hero-photo{margin:0;position:relative}.hero-photo img{display:block;width:100%;height:500px;object-fit:cover;filter:saturate(.8)}.hero-photo figcaption{background:var(--paper);padding:10px 15px;font:10px var(--mono);position:absolute;bottom:0;left:0}.hero-note{position:absolute;right:1%;bottom:38px;background:var(--cyan);padding:18px 22px;display:flex;gap:12px;align-items:center}.hero-note strong{font-size:28px;letter-spacing:-.08em}.hero-note span{font:10px/1.4 var(--mono)}.numbers{background:var(--blue);color:var(--white);display:grid;grid-template-columns:repeat(4,1fr);padding:32px 8%;gap:24px}.numbers div{display:flex;align-items:center;gap:14px;border-right:1px solid rgba(255,255,255,.3)}.numbers div:last-child{border:0}.numbers strong{font-size:34px;letter-spacing:-.07em}.numbers span{font:11px/1.35 var(--mono)}.content-section{max-width:1200px;margin:0 auto;padding:110px 28px}.section-intro{max-width:620px;margin-bottom:42px}.section-intro h2,.calculator h2,.data-callout h2,.newsletter h2,.hub-cta h2{font-size:clamp(2rem,3.5vw,3.4rem);line-height:1.1;letter-spacing:-.06em;margin:0}.article-layout{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid var(--ink)}.featured-card{min-height:410px;padding:35px;background:var(--cream);position:relative}.card-tag,.article-stack span,.guide-list span{font:10px var(--mono);letter-spacing:.08em;color:var(--blue)}.featured-card h3{font-size:28px;line-height:1.15;letter-spacing:-.05em;margin:25px 0 15px}.featured-card p{max-width:420px;color:var(--muted)}.card-stat{display:flex;gap:12px;position:absolute;bottom:30px;left:35px}.card-stat b{font-size:25px}.card-stat span{font:10px/1.35 var(--mono)}.article-stack article{padding:22px 28px;border-bottom:1px solid var(--line);min-height:136px;position:relative}.article-stack h3{font-size:18px;line-height:1.25;margin:10px 0}.article-stack a{font:11px var(--mono);color:var(--blue)}.calculator{background:var(--ink);color:var(--white);display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;padding:80px max(7%,calc((100% - 1120px)/2));}.calculator .eyebrow{color:var(--cyan)}.calc-heading p:not(.eyebrow){color:var(--on-dark-muted)}.calc-heading ul{padding:0;list-style:none;font-size:13px}.calc-heading li{margin:12px 0;display:flex;gap:9px;align-items:center}.calc-heading li svg{width:15px;color:var(--cyan)}.calc-form{background:var(--white);color:var(--ink);padding:28px;display:grid;grid-template-columns:1fr 1fr;gap:17px}.calc-form label{font:700 11px var(--mono);text-transform:uppercase;letter-spacing:.04em}.calc-form select,.calc-form input{width:100%;margin-top:7px;border:1px solid var(--border);padding:12px;font:14px var(--sans);background:var(--white)}.calc-result{grid-column:1/-1;background:var(--cream);padding:18px}.calc-result span,.calc-result small{font:10px var(--mono);display:block}.calc-result strong{display:block;font-size:34px;letter-spacing:-.06em}.calc-form button{grid-column:1/-1}.topic-grid{display:grid;grid-template-columns:repeat(3,1fr)}.topic-card{padding:29px;min-height:285px;display:flex;flex-direction:column;position:relative}.topic-card>svg{width:29px;height:29px}.topic-card>span{position:absolute;right:28px;font:11px var(--mono)}.topic-card h3{font-size:22px;letter-spacing:-.04em;margin:42px 0 7px}.topic-card p{color:inherit;opacity:.77;margin:0}.topic-card b{margin-top:auto;font-size:12px;display:flex;align-items:center;gap:8px}.topic-card b svg{width:16px}.blue{background:var(--blue);color:var(--white)}.cream{background:var(--cream)}.cyan{background:var(--cyan)}.data-callout{background:var(--callout-bg);display:flex;justify-content:space-between;gap:40px;align-items:end;padding:72px max(7%,calc((100% - 1120px)/2))}.data-links{display:flex}.data-links a{width:180px;padding:18px;border-left:1px solid var(--callout-border);position:relative}.data-links strong{display:block;font-size:34px;letter-spacing:-.07em}.data-links span{font:11px var(--mono)}.data-links svg{position:absolute;width:18px;right:15px;bottom:18px}.newsletter{max-width:1200px;margin:0 auto;padding:90px 28px;display:flex;justify-content:space-between;gap:40px;align-items:center}.newsletter form{display:grid;grid-template-columns:260px auto;gap:8px}.newsletter input{border:1px solid var(--ink);padding:14px;font:14px var(--sans)}.newsletter small{grid-column:1/-1;font:10px var(--mono);color:var(--muted)}.site-footer{background:var(--ink);color:var(--on-dark);padding:56px max(5%,calc((100% - 1200px)/2)) 22px}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr 1.1fr;gap:32px}.brand-footer{color:var(--white)}.site-footer p{color:var(--on-dark-muted);max-width:340px;font-size:13px}.site-footer h3{font-size:13px;margin:0 0 15px}.site-footer a:not(.brand){display:block;color:var(--on-dark-muted);font-size:12px;margin:8px 0}.footer-bottom{border-top:1px solid var(--text-secondary);margin-top:50px;padding-top:16px;display:flex;justify-content:space-between;color:var(--on-dark-muted);font:10px var(--mono)}.reveal-on-scroll{opacity:0;transform:translateY(20px);transition:.6s ease}.revealed{opacity:1;transform:none}.hub-hero{background:var(--cream);padding:105px max(7%,calc((100% - 1120px)/2));min-height:480px;position:relative}.hub-hero>p:not(.eyebrow){font-size:19px;max-width:570px;color:var(--muted)}.hub-stat{position:absolute;right:max(7%,calc((100% - 1120px)/2));bottom:55px;width:230px;border-left:3px solid var(--blue);padding-left:16px}.hub-stat strong{display:block;font-size:42px;letter-spacing:-.07em}.hub-stat span{font:10px/1.4 var(--mono)}.hub-body{max-width:1120px;margin:auto;padding:90px 25px;display:grid;grid-template-columns:.7fr 1.3fr;gap:85px}.sticky-note{align-self:start;position:sticky;top:20px;padding:24px;background:var(--callout-bg)}.sticky-note p:not(.eyebrow){font-size:18px;line-height:1.35;margin:0 0 22px}.guide-list>p{margin-bottom:0}.guide-list article{border-top:1px solid var(--ink);padding:28px 60px 28px 0;position:relative}.guide-list h2{font-size:25px;line-height:1.2;letter-spacing:-.04em;margin:12px 0}.guide-list article p{color:var(--muted);font-size:13px;margin:0}.guide-list article>a{position:absolute;right:10px;top:43px}.guide-list article svg{color:var(--blue)}.hub-cta{margin:0 5% 90px;background:var(--blue);color:var(--white);padding:58px;max-width:1120px}.hub-cta .eyebrow{color:var(--cyan)}.hub-cta h2{max-width:600px;margin-bottom:25px}.not-found{min-height:60vh;max-width:800px;padding:130px 6%;margin:auto}.not-found h1{font-size:clamp(2.6rem,6vw,5rem);line-height:1;letter-spacing:-.07em}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:800px){.topline{font-size:9px}.nav-wrap{min-height:70px}.menu-toggle{display:block}.nav-wrap nav{display:none;position:absolute;top:100px;left:0;right:0;background:var(--surface);padding:20px 5%;z-index:10;border-bottom:1px solid var(--line);flex-direction:column}.nav-wrap nav.open{display:flex}.hero{grid-template-columns:1fr;padding-top:55px}.hero-photo img{height:310px}.hero-note{right:5%;bottom:20px}.numbers{grid-template-columns:1fr 1fr;padding:25px 7%}.numbers div:nth-child(2){border:0}.article-layout,.calculator{grid-template-columns:1fr}.calculator{gap:35px;padding:60px 7%}.topic-grid{grid-template-columns:1fr}.topic-card{min-height:220px}.data-callout,.newsletter{display:block;padding:58px 7%}.data-links{margin-top:32px}.data-links a{flex:1}.newsletter form{margin-top:28px;grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{display:block}.footer-bottom span{display:block;margin:7px 0}.hub-hero{padding:78px 7%;min-height:430px}.hub-stat{position:static;margin-top:35px}.hub-body{grid-template-columns:1fr;padding:55px 7%;gap:40px}.sticky-note{position:static}.hub-cta{margin:0 7% 65px;padding:35px}.calc-form{grid-template-columns:1fr}.hero-actions{align-items:flex-start;flex-direction:column}.article-stack article{padding:22px}.featured-card{min-height:350px}}
/* --- DA Sabots & Compagnie (02b delegue) : titres serif, chiffres tabulaires, roles d'accent --- */
h1,h2,h3,h4,.brand,.hero h1,.hub h1{font-family:var(--serif);font-optical-sizing:auto}
.numbers strong,.hero-note strong,.card-stat b,.hub-stat strong,.data-links strong,.calc-result strong,.eyebrow,.topline,.card-tag,.article-stack span,.guide-list span,.numbers span,.hero-note span,.card-stat span,.hub-stat span,.data-links span,.calc-form label,.calc-result span,.calc-result small,.footer-bottom,.topic-card>span,.brand small,.brand-mark{font-variant-numeric:tabular-nums;letter-spacing:.02em}
.button-cyan{background:var(--accent);color:var(--on-primary)}
.button-cyan:hover{background:var(--primary-hover)}
.hero-note{background:var(--accent);color:var(--on-primary)}
.numbers div{border-right-color:rgba(255,255,255,.28)}
.calculator .eyebrow,.hub-cta .eyebrow{color:var(--callout-bg)}
.calc-heading li svg{color:var(--callout-bg)}
.calc-heading p:not(.eyebrow){color:var(--on-dark-muted)}
.calc-form{background:var(--surface)}
.calc-form select,.calc-form input{background:var(--surface)}
.topic-card.cyan{background:var(--fill);color:var(--text)}
.topic-card.cream{background:var(--bg);color:var(--text)}
.sticky-note{background:var(--callout-bg)}
.site-footer a:not(.brand):hover{color:var(--callout-bg)}
.hero-photo img{filter:saturate(.85) sepia(.06)}
.hero-photo figcaption{background:var(--surface);color:var(--text-secondary)}

/* --- Outils Sabots & Compagnie (05-tools) --- tableaux de resultats, notes de cadrage, quiz --- */
.tool-table-wrap{overflow-x:auto;margin:34px 0 0;border-top:1px solid var(--text)}
.tool-table{width:100%;border-collapse:collapse;font-size:14px;min-width:640px}
.tool-table th{position:sticky;top:0;background:var(--bg);text-align:left;padding:13px 14px;font:700 11px var(--mono);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--border)}
.tool-table td{padding:14px;border-bottom:1px solid var(--border);vertical-align:top;font-variant-numeric:tabular-nums}
.tool-table tbody tr:nth-child(odd){background:var(--bg)}
.tool-table tfoot td{background:var(--fill);font-size:15px;line-height:1.5;padding:18px 14px;border-bottom:0}
.tool-note,.tool-limit{max-width:760px;margin:22px 0 0;font-size:13px;line-height:1.6}
.tool-note{color:var(--text-muted)}
.tool-limit{background:var(--callout-bg);color:var(--callout-text);border-left:3px solid var(--callout-border);padding:16px 18px}
.quiz-form{max-width:820px}
.quiz-q{border:0;border-top:1px solid var(--border);margin:0;padding:24px 0 6px}
.quiz-q legend{font-weight:700;font-size:17px;line-height:1.3;padding:0}
.quiz-num{display:inline-block;margin-right:9px;color:var(--primary);font:11px var(--mono)}
.quiz-a{display:flex;gap:10px;align-items:flex-start;padding:9px 0;font-size:14px;cursor:pointer}
.quiz-a input{margin-top:4px;accent-color:var(--primary)}
.quiz-form>.button{margin-top:26px}
@media(max-width:800px){.tool-table{font-size:13px}.quiz-q legend{font-size:16px}}

/* --- Pages pilier (06-pages-pilier) --- colonne large + gouttiere de service --- */
.pillar-body{max-width:1180px;margin:0 auto;padding:66px 25px 10px;display:grid;grid-template-columns:1.4fr .6fr;gap:66px;align-items:start}
.pillar-main{min-width:0;font-size:16px}
.pillar-main .intro-copy{font-size:20px;line-height:1.45;color:var(--text);font-weight:600;margin:0 0 26px}
.pillar-main h2{font-size:clamp(1.6rem,2.6vw,2.35rem);line-height:1.12;letter-spacing:-.045em;margin:52px 0 15px;scroll-margin-top:24px}
.pillar-main p{margin:0 0 18px;color:var(--text-secondary);line-height:1.7}
.pillar-main ul{margin:0 0 20px;padding-left:20px;color:var(--text-secondary);line-height:1.7}
.pillar-main li{margin:9px 0}
.pillar-main strong{color:var(--text-strong)}
.pillar-toc{background:var(--bg);padding:22px 26px;margin:0 0 12px}
.pillar-toc ol{margin:12px 0 0;padding-left:20px;font-size:14px;font-weight:600}
.pillar-toc li{margin:7px 0}
.pillar-toc a{text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--border)}
.pillar-toc a:hover{color:var(--primary);text-decoration-color:var(--primary)}
.pillar-quote{margin:34px 0;padding:22px 26px;border-left:3px solid var(--primary);background:var(--fill)}
.pillar-quote p{margin:0;font-family:var(--serif);font-size:19px;line-height:1.4;color:var(--text-strong)}
.pillar-aside{display:grid;gap:16px;position:sticky;top:20px}
.pillar-card{padding:22px;background:var(--fill)}
.pillar-card.prix{background:var(--bg);border-left:3px solid var(--primary)}
.pillar-card.vet{background:var(--callout-bg);color:var(--callout-text);border-left:3px solid var(--callout-border)}
.pillar-card dl{margin:12px 0 0;font-size:13px}
.pillar-card dt{font-weight:700;margin-top:11px}
.pillar-card dd{margin:2px 0 0;color:var(--text-secondary);font-variant-numeric:tabular-nums}
.pillar-card.vet dd,.pillar-card.vet .pillar-card-note{color:inherit}
.pillar-card-titre{margin:11px 0 6px;font-weight:800;font-size:16px;line-height:1.25}
.pillar-card-note{margin:11px 0 0;font-size:13px;line-height:1.55;color:var(--text-muted)}
.pillar-card .text-link{margin-top:13px}
.pillar-next{margin:54px 0 0;padding:30px 0 0;border-top:1px solid var(--text)}
.pillar-next h2{font-size:clamp(1.5rem,2.2vw,2rem);line-height:1.15;letter-spacing:-.04em;margin:10px 0 18px}
.pillar-next ul{list-style:none;padding:0;margin:0 0 24px}
.pillar-next li{padding:12px 0;border-bottom:1px solid var(--border);font-weight:700;font-size:15px;color:var(--text)}
@media(max-width:900px){.pillar-body{grid-template-columns:1fr;gap:34px;padding:46px 7% 6px}.pillar-aside{position:static;order:2}.pillar-main{order:1}}