:root{--bg: #F3F5F2;--surface: #FFFFFF;--ink: #1F2A26;--ink-soft: #4A5751;--muted: #55615C;--line: #DDE3DE;--pine: #2F6B5A;--pine-soft: #E3EEE9;--accent: #C24E1E;--accent-dark: #9E3D15;--warn: #9A3412;--radius: 18px;--font-display: "Bricolage Grotesque", system-ui, sans-serif;--font-body: "Figtree", system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:17px;line-height:1.6}img{max-width:100%;height:auto}a{color:var(--ink);text-underline-offset:3px}a:hover{color:var(--accent)}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.skip-link{position:absolute;left:-9999px;top:8px;background:var(--ink);color:#fff;padding:10px 16px;border-radius:8px;z-index:10}.skip-link:focus{left:8px;color:#fff}.container{max-width:1180px;margin:0 auto;padding:0 24px}.container-narrow{max-width:820px;margin:0 auto;padding:0 24px}.display{font-family:var(--font-display);font-weight:800;letter-spacing:-.02em;line-height:1.1}.pill{display:inline-block;background:var(--pine-soft);color:var(--pine);font-weight:700;font-size:13px;padding:6px 12px;border-radius:999px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:12px 20px;border-radius:12px;font-weight:700;text-decoration:none;border:1.5px solid transparent;transition:background .15s ease,color .15s ease}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-dark);color:#fff}.btn-ghost{background:var(--surface);color:var(--ink);border-color:var(--ink)}.btn-ghost:hover{background:var(--ink);color:#fff}.site-header{background:var(--surface);border-bottom:1px solid var(--line)}.site-header .inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;padding-top:16px;padding-bottom:16px}.logo{display:flex;align-items:center;gap:10px;text-decoration:none}.logo-mark{width:44px;height:44px;flex-shrink:0;display:block}.logo-mark .eye-open{transform-box:fill-box;transform-origin:center}.logo:hover .logo-mark .eye-open{animation:blink .5s ease-in-out}@keyframes blink{0%,to{transform:scaleY(1)}45%,55%{transform:scaleY(.1)}}@media(prefers-reduced-motion:reduce){.logo:hover .logo-mark .eye-open{animation:none}}.logo-text{font-family:var(--font-display);font-weight:800;font-size:22px;letter-spacing:-.02em}.main-nav{display:flex;flex-wrap:wrap;gap:4px 20px;font-weight:500;font-size:15px}.main-nav a{text-decoration:none;padding:6px 0}.main-nav a[aria-current=page]{color:var(--accent)}.menu-toggle{display:none;width:44px;height:44px;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--ink);align-items:center;justify-content:center;cursor:pointer}.menu-toggle path{transition:transform .2s ease,opacity .2s ease;transform-origin:center}.menu-toggle[aria-expanded=true] .l1{transform:translateY(5px) rotate(45deg)}.menu-toggle[aria-expanded=true] .l2{opacity:0}.menu-toggle[aria-expanded=true] .l3{transform:translateY(-5px) rotate(-45deg)}@media(max-width:860px){.site-header .inner{flex-wrap:wrap}.menu-toggle{display:inline-flex}.main-nav{display:none;flex-basis:100%;flex-direction:column;gap:0;border-top:1px solid var(--line);padding-top:6px}.main-nav.is-open{display:flex}.main-nav a{padding:12px 4px;font-size:17px;border-bottom:1px solid var(--line)}.main-nav a:last-child{border-bottom:0}}.site-footer{background:var(--ink);color:#c9d4ce;margin-top:64px}.site-footer .inner{display:flex;flex-wrap:wrap;justify-content:space-between;gap:24px;padding-top:40px;padding-bottom:40px;font-size:14px}.site-footer a{color:#fff}.site-footer nav{display:flex;flex-wrap:wrap;gap:8px 18px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.grid-auto{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.grid-cats{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.cat-card{display:flex;flex-direction:column;gap:10px;padding:20px;text-decoration:none}.cat-card .ico{width:44px;height:44px;border-radius:12px;background:var(--pine-soft);display:flex;align-items:center;justify-content:center}.cat-card strong{font-size:17px}.cat-card span.desc{font-size:14px;color:var(--muted)}.article-card{display:flex;flex-direction:column;text-decoration:none;overflow:hidden}.article-card .thumb{height:140px;background:var(--pine-soft);display:flex;align-items:center;justify-content:center}.article-card .body{padding:20px;display:flex;flex-direction:column;gap:8px}.article-card .tag{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--pine)}.article-card .title{font-family:var(--font-display);font-weight:800;font-size:20px;line-height:1.2}.article-card .meta,.breadcrumb{font-size:14px;color:var(--muted)}.breadcrumb ol{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:6px}.breadcrumb li+li:before{content:"›";margin-right:6px;color:var(--muted)}.prose{font-size:18px;line-height:1.7;color:#26322d}.prose>*+*{margin-top:1.1em}.prose p{margin:0}.prose p+p{margin-top:1.1em}.prose h2{font-family:var(--font-display);font-weight:800;font-size:30px;line-height:1.15;letter-spacing:-.02em;margin:2.2em 0 .6em;color:var(--ink)}.prose h3{font-family:var(--font-display);font-weight:800;font-size:22px;line-height:1.2;margin:1.8em 0 .5em;color:var(--ink)}.prose ul,.prose ol{padding-left:1.3em}.prose li+li{margin-top:.4em}.prose strong{color:var(--ink)}.prose a{color:var(--pine);font-weight:600}.prose a:hover{color:var(--accent)}.prose em{color:var(--muted)}.prose .table-wrap{overflow-x:auto;background:var(--surface);border:1px solid var(--line);border-radius:14px}.prose table{width:100%;border-collapse:collapse;font-size:15px}.prose .table-wrap+p{margin-top:1.1em}.prose thead th{background:var(--ink);color:#fff;text-align:left}.prose th,.prose td{padding:12px 14px;vertical-align:top;min-width:110px}.prose tbody tr+tr td,.prose tbody tr+tr th{border-top:1px solid var(--line)}.prose tbody td:first-child{font-weight:700;min-width:170px}.prose h2#questions-fréquentes~h3,.prose h2#questions-frequentes~h3{font-size:19px;background:var(--surface);border:1px solid var(--line);border-radius:14px 14px 0 0;padding:14px 18px;margin-bottom:0}.prose h2#questions-fréquentes~h3+p,.prose h2#questions-frequentes~h3+p{background:var(--surface);border:1px solid var(--line);border-top:0;border-radius:0 0 14px 14px;padding:0 18px 16px;margin-top:0;font-size:16px;color:var(--ink-soft)}.lead-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:14px;color:var(--muted)}.avatar{width:36px;height:36px;border-radius:50%;background:var(--pine);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:15px}.notice{font-size:13px;color:var(--muted)}.author-box{display:flex;flex-wrap:wrap;gap:18px;align-items:center;background:var(--pine-soft);border-radius:22px;padding:24px}.callout{background:var(--pine);color:#fff;border-radius:22px;padding:26px;display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between}.callout p{margin:0}.callout .btn-ghost{border-color:#fff}.related{display:flex;flex-wrap:wrap;gap:10px 24px}@media(max-width:640px){body{font-size:16px}.prose{font-size:17px}.prose h2{font-size:25px}.prose h3{font-size:20px}}.figure{margin:2em 0 0}.figure img{width:100%;height:auto;border-radius:18px;display:block}.figure figcaption{margin-top:8px;font-size:14px;color:var(--muted);text-align:center}.hero-img{width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover;border-radius:22px;display:block;margin-top:26px}.article-card .thumb-img{width:100%;height:170px;object-fit:cover;display:block}.prose .product-card{display:flex;flex-wrap:wrap;align-items:stretch;gap:20px;background:var(--surface);border:1px solid var(--line);border-left:5px solid var(--pine);border-radius:16px;padding:18px 20px;margin-top:1.4em}.prose .product-card+*{margin-top:1.6em}.product-card .pc-main{flex:1 1 300px;min-width:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 20px}.product-card .pc-info{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1 1 220px}.product-card .pc-badge{align-self:flex-start;background:var(--pine-soft);color:var(--pine);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:4px 10px;border-radius:999px}.product-card .pc-name{font-family:var(--font-display);font-size:20px;line-height:1.2;color:var(--ink)}.product-card .pc-actions{display:flex;flex-wrap:wrap;gap:10px}.prose .product-card a.btn{font-weight:700;text-decoration:none;font-size:15px}.prose .product-card a.btn-primary{color:#fff}.prose .product-card a.btn-ghost{color:var(--ink)}.prose .product-card a.btn-ghost:hover{color:#fff}.product-card.has-img .pc-img{flex:0 0 280px;aspect-ratio:1;background:#fff;border-radius:12px;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;overflow:hidden}.product-card.has-img .pc-img img{width:100%;height:100%;object-fit:contain;padding:10px}.product-card.has-img .pc-main{flex-direction:column;align-items:stretch;justify-content:center}.product-card.has-img .pc-info{flex:0 0 auto}.product-card.has-img .pc-name{font-size:22px}@media(max-width:640px){.product-card .pc-actions,.product-card .pc-actions .btn{width:100%}.product-card.has-img .pc-img{flex-basis:100%;aspect-ratio:4 / 3}}
