:root{--ink:#23302a;--paper:#f8f6ef;--accent:#e9b949;--deep:#2f6d4f;--soft:#e6ece2;--display:'Literata',Georgia,serif;--body:'Ysabeau Office',Arial,sans-serif;--mono:'Ysabeau Office',Arial,sans-serif}
/* Composition propre à cette identité. */
@media(max-width:760px){body[class*=design-] .hero{grid-template-columns:1fr}}
.design-balade .site-topline{background:var(--deep);color:#fff;border:0}
.design-balade .site-header{border-bottom:1px solid color-mix(in srgb,var(--deep) 30%,transparent)}
.design-balade .brand>span{font-family:var(--display);font-weight:700;font-size:23px;letter-spacing:-.02em}
.design-balade .hero{grid-template-columns:1fr 1.05fr}
.design-balade .hero h1{font-family:var(--display);font-weight:700;letter-spacing:-.025em}
.design-balade .hero .eyebrow{color:var(--deep)}
.design-balade .status-dot{background:var(--accent)}
.design-balade .hero-art{border:2px dashed var(--deep);border-radius:32px;padding:12px}
.design-balade .hero-art .hero-image{border-radius:22px}
.design-balade .hero-art figcaption{border:0;margin-top:6px;padding:8px 6px 2px}
.design-balade .button{background:var(--deep);border-radius:12px}
.design-balade .button:hover{background:var(--ink)}
.design-balade .topics{position:relative;border:0;gap:20px}
.design-balade .topics:before{content:'';position:absolute;left:4%;right:4%;top:50%;border-top:3px dotted var(--deep)}
.design-balade .topics .topic{position:relative;background:var(--paper);border:2px solid var(--deep);border-radius:16px;padding:20px 16px}
.design-balade .topic-number{width:36px;height:36px;border-radius:50%;background:var(--accent);color:var(--ink);display:grid;place-items:center;padding:0;opacity:1;font-weight:800;font-size:13px;flex-shrink:0}
.design-balade .topic strong{font-family:var(--display);font-size:17px}
.design-balade .section-heading h2{font-family:var(--display);font-weight:700}
.design-balade .section-symbol{color:var(--deep)}
.design-balade .story{background:#fff;border-left:5px solid var(--accent);border-radius:0 18px 18px 0;padding:12px 14px 12px 12px}
.design-balade .story-image{border-radius:12px}
.design-balade .story-content{padding-top:16px}
.design-balade .story h3{font-family:var(--display);font-weight:700}
.design-balade .story-category{color:var(--deep)}
.design-balade .notebook{background:var(--deep);color:#fff;border-radius:32px}
.design-balade .notebook h2{font-family:var(--display)}
.design-balade .notebook-icon{color:var(--accent)}
.design-balade .round-link{border-color:#fff}
.design-balade .notebook a:focus-visible{outline-color:var(--accent)}
@media(max-width:1050px){.design-balade .topics:before{display:none}.design-balade .topic strong{font-size:15px}}
@media(max-width:760px){.design-balade .topics{gap:10px}.design-balade .topics .topic{padding:16px 12px}.design-balade .topic-number{display:none}}