:root{--ink:#1f2b24;--paper:#fbfbf6;--accent:#ff6b4a;--deep:#2b7149;--soft:#eef5ea;--display:'Literata',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-fiche .site-topline{background:var(--deep);color:#fff;border:0}
.design-fiche .site-header{border-bottom:0;background:#fff;box-shadow:0 1px 0 color-mix(in srgb,var(--ink) 12%,transparent)}
.design-fiche .brand>span{font-family:var(--display);font-weight:700;letter-spacing:-.02em}
.design-fiche .hero h1{font-family:var(--display);font-weight:700;letter-spacing:-.03em}
.design-fiche .hero .eyebrow{display:inline-flex;background:var(--soft);color:var(--deep);padding:7px 14px;border-radius:20px}
.design-fiche .status-dot{background:var(--accent)}
.design-fiche .hero-art{background:#fff;border-radius:28px;padding:14px;box-shadow:0 26px 50px -34px var(--ink)}
.design-fiche .hero-art .hero-image{border-radius:18px}
.design-fiche .hero-art figcaption{border-top:2px dotted color-mix(in srgb,var(--ink) 30%,transparent)}
.design-fiche .button{background:var(--accent);color:var(--ink);border-radius:14px;font-weight:800}
.design-fiche .button:hover{background:var(--deep);color:#fff}
.design-fiche .topics{border:0;gap:14px}
.design-fiche .topics .topic{background:#fff;border:1px solid color-mix(in srgb,var(--ink) 14%,transparent);border-left:8px solid var(--deep);border-radius:6px 16px 16px 6px;padding:20px 16px}
.design-fiche .topics .topic:nth-child(even){border-left-color:var(--accent)}
.design-fiche .topic-number{font-family:var(--display);color:var(--deep);opacity:1;font-weight:700;font-size:15px}
.design-fiche .topic strong{font-family:var(--display);font-size:18px}
.design-fiche .section-heading h2{font-family:var(--display);font-weight:700}
.design-fiche .section-heading h2:before{content:'';display:block;width:44px;height:5px;margin-bottom:12px;border-radius:5px;background:linear-gradient(90deg,var(--accent) 50%,var(--deep) 0)}
.design-fiche .section-symbol{color:var(--deep)}
.design-fiche .story{background:#fff;border-radius:20px;padding:10px;box-shadow:0 16px 34px -28px var(--ink)}
.design-fiche .story-image{border-radius:14px}
.design-fiche .image-arrow{border-radius:50%}
.design-fiche .story-content{padding:16px 8px 6px}
.design-fiche .story h3{font-family:var(--display);font-weight:700}
.design-fiche .story-category{color:var(--deep)}
.design-fiche .story-meta{border-top:0;gap:8px;justify-content:flex-start}
.design-fiche .story-meta>*{background:var(--soft);padding:4px 10px;border-radius:12px}
.design-fiche .notebook{background:var(--deep);color:#fff;border-radius:22px;outline:2px dashed rgba(255,255,255,.45);outline-offset:-12px}
.design-fiche .notebook h2{font-family:var(--display)}
.design-fiche .notebook-icon{color:var(--accent)}
.design-fiche .round-link{border-color:#fff}
.design-fiche .notebook a:focus-visible{outline-color:var(--accent)}
.design-fiche .page-numbers{border-radius:10px}
@media(max-width:1050px){.design-fiche .topic strong{font-size:16px}}
@media(max-width:760px){.design-fiche .topics{gap:10px}.design-fiche .topics .topic{padding:14px 12px}}