:root{--ink:#18261f;--paper:#f6f7f2;--accent:#ff9f5a;--deep:#1e5b46;--soft:#e6eee8;--display:'Roboto Slab',Georgia,serif;--body:'Ysabeau Office',Arial,sans-serif;--mono:'Fira Code',Consolas,monospace}
/* Composition propre à cette identité. */
@media(max-width:760px){body[class*=design-] .hero{grid-template-columns:1fr}}
.design-releve .eyebrow,.design-releve .topic-number,.design-releve .story-meta,.design-releve figcaption,.design-releve .article-meta{font-family:var(--mono)}
.design-releve .site-topline{background:var(--deep);color:#fff;border:0}
.design-releve .site-header{border-bottom:2px dashed color-mix(in srgb,var(--ink) 35%,transparent)}
.design-releve .brand>span{font-family:var(--display);font-weight:700;letter-spacing:-.02em}
.design-releve .hero h1{font-family:var(--display);font-weight:700;letter-spacing:-.03em}
.design-releve .hero .eyebrow{color:var(--deep)}
.design-releve .status-dot{background:var(--accent)}
.design-releve .hero-art{background:#fff;padding:12px 12px 26px;-webkit-mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50%/20px 100%;mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50%/20px 100%}
.design-releve .hero-art figcaption{border-top:2px dashed color-mix(in srgb,var(--ink) 35%,transparent)}
.design-releve .button{background:var(--deep);border-radius:8px}
.design-releve .button:hover{background:var(--ink)}
.design-releve .topics{border:0;grid-template-columns:1fr 1fr;gap:0 40px;background:#fff;padding:12px 28px;border-radius:16px}
.design-releve .topics .topic{border:0;border-bottom:2px dotted color-mix(in srgb,var(--ink) 30%,transparent);padding:18px 0;min-height:0}
.design-releve .topics .topic:nth-last-child(-n+2){border-bottom:0}
.design-releve .topic-number{color:var(--deep);opacity:1;padding-top:3px}
.design-releve .topic strong{font-family:var(--display);font-size:18px}
.design-releve .topic-arrow{color:var(--deep)}
.design-releve .section-heading h2{font-family:var(--display);font-weight:700}
.design-releve .section-symbol{color:var(--deep)}
.design-releve .story{background:#fff;border-radius:14px;padding:10px;border-top:4px solid var(--deep)}
.design-releve .story-image{border-radius:8px}
.design-releve .story-content{padding:16px 8px 6px}
.design-releve .story h3{font-family:var(--display);font-weight:700}
.design-releve .story-category{color:var(--deep)}
.design-releve .story-meta{border-top:2px dashed color-mix(in srgb,var(--ink) 25%,transparent)}
.design-releve .notebook{background:linear-gradient(135deg,var(--deep),#123a2d);color:#fff;border-radius:26px}
.design-releve .notebook h2{font-family:var(--display)}
.design-releve .notebook-icon{color:var(--accent)}
.design-releve .round-link{border-color:#fff}
.design-releve .notebook a:focus-visible{outline-color:var(--accent)}
@media(max-width:1050px){.design-releve .topics{gap:0 24px;padding:8px 20px}}
@media(max-width:760px){.design-releve .topics{grid-template-columns:1fr;padding:6px 16px}.design-releve .topics .topic,.design-releve .topics .topic:nth-last-child(-n+2){border-bottom:2px dotted color-mix(in srgb,var(--ink) 30%,transparent);padding:14px 0}.design-releve .topics .topic:last-child{border-bottom:0}}