:root{--ink:#1f3a2c;--paper:#f6f3ea;--accent:#a8d672;--deep:#2f6b3f;--soft:#e3ead8;--display:'Ysabeau Office',Arial,sans-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-leaf .site-topline{background:var(--soft);border:0}
.design-leaf .site-header{border-bottom:0}
.design-leaf .brand>span{font-family:var(--display);font-weight:800;letter-spacing:-.03em}
.design-leaf .hero{grid-template-columns:1fr 1.05fr}
.design-leaf .hero h1{font-weight:800;letter-spacing:-.035em}
.design-leaf .hero-art .hero-image{border-radius:46% 54% 42% 58%/55% 45% 55% 45%}
.design-leaf .hero-art figcaption{border:0;justify-content:center;gap:10px}
.design-leaf .button{border-radius:40px;background:var(--deep)}
.design-leaf .button:hover{background:var(--ink)}
.design-leaf .topics{border:0;gap:14px}
.design-leaf .topics .topic{background:var(--soft);border:0;border-radius:28px;padding:20px 22px}
.design-leaf .topic-number{background:var(--paper);border-radius:50%;width:30px;height:30px;display:grid;place-items:center;padding:0;opacity:1;flex-shrink:0}
.design-leaf .story-image{border-radius:28px}
.design-leaf .image-arrow{border-radius:50%}
.design-leaf .story-category{display:inline-block;background:var(--soft);padding:4px 11px;border-radius:20px}
.design-leaf .notebook{background:var(--deep);color:var(--paper);border-radius:48px}
.design-leaf .notebook-icon{color:var(--accent)}
.design-leaf .round-link{border-color:var(--paper)}
.design-leaf .notebook a:focus-visible{outline-color:var(--accent)}
.design-leaf .page-numbers,.design-leaf .search-form input{border-radius:30px}
.design-leaf .search-form button{border-radius:0 30px 30px 0}
.design-leaf .search-form input{border-radius:30px 0 0 30px}
@media(max-width:760px){.design-leaf .topics .topic{padding:16px 14px;border-radius:20px}.design-leaf .notebook{border-radius:30px}.design-leaf .topic-number{display:none}}