:root{--ink:#1d2b3a;--paper:#fbfaf5;--accent:#f2b134;--deep:#245a8d;--soft:#e9eef5;--display:'Literata',Georgia,serif;--body:'Fira Sans',Arial,sans-serif;--mono:'Fira Sans',Arial,sans-serif}
/* Composition propre à cette identité. */
@media(max-width:760px){body[class*=design-] .hero{grid-template-columns:1fr}}
.design-cahier .site-topline{background:var(--deep);color:#fff;border:0}
.design-cahier .brand>span{font-family:var(--display);font-weight:700;letter-spacing:-.02em}
.design-cahier .hero-copy{position:relative;background-color:#fff;background-image:linear-gradient(transparent 31px,color-mix(in srgb,var(--deep) 16%,transparent) 32px);background-size:100% 32px;border:1px solid color-mix(in srgb,var(--ink) 15%,transparent);padding:40px 36px 36px 68px;box-shadow:8px 8px 0 var(--soft)}
.design-cahier .hero-copy:before{content:'';position:absolute;left:42px;top:0;bottom:0;border-left:2px solid #d9534f}
.design-cahier .hero h1{font-family:var(--display);font-weight:700;letter-spacing:-.02em}
.design-cahier .hero .eyebrow{color:var(--deep)}
.design-cahier .status-dot{background:var(--accent)}
.design-cahier .hero-intro{opacity:1}
.design-cahier .button{background:var(--deep);border-radius:6px}
.design-cahier .button:hover{background:var(--ink)}
.design-cahier .hero-art figcaption{border-top:2px solid var(--deep)}
.design-cahier .topics{border:0;gap:14px}
.design-cahier .topics .topic{background:#fff;border:1px solid color-mix(in srgb,var(--ink) 18%,transparent);border-top:6px solid var(--accent);padding:20px 16px}
.design-cahier .topic-number{color:var(--deep);opacity:1;font-weight:800;font-size:13px}
.design-cahier .topic strong{font-family:var(--display)}
.design-cahier .section-heading h2{font-family:var(--display);font-weight:700}
.design-cahier .section-heading h2:after{content:'';display:block;width:64px;height:6px;margin-top:12px;background:var(--accent)}
.design-cahier .section-symbol{color:var(--deep)}
.design-cahier .story{position:relative;background:#fff;border:1px solid color-mix(in srgb,var(--ink) 14%,transparent);padding:12px}
.design-cahier .story-category{position:absolute;z-index:1;top:0;left:22px;transform:translateY(-50%);margin:0;padding:4px 10px;background:var(--accent);color:var(--ink)}
.design-cahier .story-category a{color:inherit}
.design-cahier .story-content{padding-top:18px}
.design-cahier .story h3{font-family:var(--display);font-weight:700}
.design-cahier .notebook{background-color:#fff;background-image:linear-gradient(transparent 31px,color-mix(in srgb,var(--deep) 12%,transparent) 32px);background-size:100% 32px;border:1px solid color-mix(in srgb,var(--ink) 15%,transparent);border-left:6px solid var(--deep)}
.design-cahier .notebook h2{font-family:var(--display)}
.design-cahier .notebook-icon{color:var(--deep)}
@media(max-width:760px){.design-cahier .hero-copy{padding:28px 18px 24px 40px}.design-cahier .hero-copy:before{left:22px}.design-cahier .topics .topic{padding:16px 12px}}