:root{--ink:#0c1b2e;--paper:#f4f7fb;--accent:#c6f432;--deep:#1453c4;--soft:#e2eaf6;--display:'Manrope',Arial,sans-serif;--body:'Fira Sans',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-volt .eyebrow,.design-volt .topic-number,.design-volt .story-meta,.design-volt figcaption,.design-volt .article-meta{font-family:var(--mono)}
.design-volt .site-topline{background:var(--ink);color:var(--accent);border:0}
.design-volt .site-header{border-bottom:0}
.design-volt .brand>span{font-family:var(--display);font-weight:800;letter-spacing:-.04em}
.design-volt .hero{grid-template-columns:1fr 1.1fr}
.design-volt .hero h1{font-family:var(--display);font-weight:800;letter-spacing:-.045em}
.design-volt .status-dot{background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--deep) 30%,transparent)}
.design-volt .hero-art{background:var(--ink);border-radius:28px;padding:14px}
.design-volt .hero-art .hero-image{border-radius:18px}
.design-volt .hero-art figcaption{color:var(--accent);border-top-color:color-mix(in srgb,var(--accent) 35%,transparent);margin-top:12px;padding:12px 6px 4px}
.design-volt .button{background:var(--accent);color:var(--ink);border-radius:14px}
.design-volt .button:hover{background:var(--ink);color:var(--accent)}
.design-volt .topics{border:0;gap:12px}
.design-volt .topics .topic{position:relative;background:#fff;border:1px solid color-mix(in srgb,var(--ink) 15%,transparent);border-radius:16px;padding:22px 18px 32px;overflow:hidden}
.design-volt .topics .topic:after{content:'';position:absolute;left:18px;right:18px;bottom:14px;height:6px;border-radius:6px;background:linear-gradient(90deg,var(--deep) var(--charge,60%),color-mix(in srgb,var(--ink) 10%,transparent) 0)}
.design-volt .topics .topic:nth-child(1){--charge:85%}
.design-volt .topics .topic:nth-child(2){--charge:55%}
.design-volt .topics .topic:nth-child(3){--charge:35%}
.design-volt .topics .topic:nth-child(4){--charge:70%}
.design-volt .topic-number{color:var(--deep);opacity:1}
.design-volt .section-heading h2{font-family:var(--display);font-weight:800;letter-spacing:-.03em}
.design-volt .section-symbol{color:var(--deep)}
.design-volt .story{background:#fff;border-radius:20px;padding:10px;border:1px solid color-mix(in srgb,var(--ink) 12%,transparent)}
.design-volt .story-image{border-radius:14px}
.design-volt .story-content{padding:16px 8px 6px}
.design-volt .story h3{font-family:var(--display);font-weight:800;letter-spacing:-.03em}
.design-volt .notebook{background:var(--ink);color:var(--paper);border-radius:28px}
.design-volt .notebook-icon{color:var(--accent)}
.design-volt .round-link{border-color:var(--accent);color:var(--accent)}
.design-volt .notebook a:focus-visible{outline-color:var(--accent)}
.design-volt .page-numbers.current{background:var(--ink);color:var(--accent)}
@media(max-width:760px){.design-volt .topics .topic{padding:16px 12px 28px}.design-volt .topics .topic:after{left:12px;right:12px;bottom:12px}.design-volt .hero-art{padding:8px;border-radius:20px}}