:root{--ink:#2b2118;--paper:#f7f2e8;--accent:#c9a227;--deep:#8a3320;--soft:#ece3d0;--display:'Vollkorn',Georgia,serif;--body:'Manrope',Arial,sans-serif;--mono:'Manrope',Arial,sans-serif}
/* Composition propre à cette identité. */
@media(max-width:760px){body[class*=design-] .hero{grid-template-columns:1fr}}
.design-compagnon .site-topline{background:var(--deep);color:#fff;border:0}
.design-compagnon .site-header{border-bottom:0}
.design-compagnon .site-header:after{content:'';display:block;height:10px;background:repeating-linear-gradient(90deg,var(--deep) 0 34px,transparent 34px 38px),var(--soft)}
.design-compagnon .brand>span{font-family:var(--display);font-weight:700;font-size:23px;letter-spacing:-.01em}
.design-compagnon .hero h1{font-family:var(--display);font-weight:700;letter-spacing:-.02em}
.design-compagnon .hero .eyebrow{color:var(--deep)}
.design-compagnon .status-dot{background:var(--accent)}
.design-compagnon .hero-art{background:var(--paper);border:4px double var(--ink);padding:10px}
.design-compagnon .hero-art figcaption{font-family:var(--display);font-style:italic;text-transform:none;letter-spacing:0;font-size:14px;font-weight:400}
.design-compagnon .button{background:var(--deep);border-radius:0}
.design-compagnon .button:hover{background:var(--ink)}
.design-compagnon .topics{border:0;gap:16px}
.design-compagnon .topics .topic{background:var(--paper);border:4px double color-mix(in srgb,var(--ink) 55%,transparent);padding:20px 16px}
.design-compagnon .topic-number{width:38px;height:38px;border-radius:50%;border:2px dashed var(--deep);color:var(--deep);display:grid;place-items:center;padding:0;opacity:1;font-family:var(--display);font-weight:700;font-size:14px;flex-shrink:0}
.design-compagnon .topic strong{font-family:var(--display);font-size:17px}
.design-compagnon .section-heading{border-bottom:4px double var(--ink);padding-bottom:16px}
.design-compagnon .section-heading h2{font-family:var(--display);font-weight:700}
.design-compagnon .section-symbol{color:var(--deep)}
.design-compagnon .story-image{border:4px double var(--ink)}
.design-compagnon .story h3{font-family:var(--display);font-weight:700}
.design-compagnon .story-category{color:var(--deep)}
.design-compagnon .notebook{background:var(--ink);color:var(--paper)}
.design-compagnon .notebook h2{font-family:var(--display)}
.design-compagnon .notebook-icon{color:var(--accent)}
.design-compagnon .round-link{border-color:var(--accent);color:var(--accent)}
.design-compagnon .notebook a:focus-visible{outline-color:var(--accent)}
@media(max-width:1050px){.design-compagnon .topic strong{font-size:15px}}
@media(max-width:760px){.design-compagnon .topics{gap:10px}.design-compagnon .topics .topic{padding:16px 12px}.design-compagnon .topic-number{display:none}}