:root{--ink:#14213d;--paper:#fbfaf6;--accent:#e8b54a;--deep:#7a4f00;--soft:#efeadf;--display:'Literata',Georgia,serif;--body:'Fira Sans',Arial,sans-serif;--mono:'Fira Sans',Arial,sans-serif}
/* Composition propre à cette identité. */
@media(max-width:760px){body[class*=design-] .hero{grid-template-columns:1fr}}
.design-ledger .site-topline{background:var(--ink);color:var(--paper);border:0}
.design-ledger .site-header{border-bottom:4px double var(--ink)}
.design-ledger .brand>span{font-family:var(--display);font-weight:700;letter-spacing:-.03em}
.design-ledger .hero{grid-template-columns:1.15fr 1fr;gap:64px}
.design-ledger .hero-copy{border-left:5px solid var(--accent);padding-left:36px}
.design-ledger .hero h1{font-weight:700;letter-spacing:-.035em}
.design-ledger .hero-art{border:1px solid var(--ink);padding:10px;background:var(--paper)}
.design-ledger .hero-art figcaption{margin-top:10px;padding-top:10px}
.design-ledger .topics{border-block:3px double var(--ink)}
.design-ledger .topic-number{font-family:var(--display);font-size:28px;line-height:1;opacity:1;color:var(--deep);padding-top:0}
.design-ledger .section-heading{border-bottom:1px solid var(--ink);padding-bottom:18px}
.design-ledger .section-symbol{font-family:var(--display);font-size:46px}
.design-ledger .story h3{font-weight:700;letter-spacing:-.025em}
.design-ledger .story-meta{border-top-style:dotted}
.design-ledger .notebook{background:var(--ink);color:var(--paper)}
.design-ledger .notebook-icon{color:var(--accent)}
.design-ledger .round-link{border-color:var(--accent);color:var(--accent)}
.design-ledger .notebook a:focus-visible{outline-color:var(--accent)}
@media(min-width:761px){.design-ledger .stories{gap:42px 0}.design-ledger .story{padding-inline:22px;border-left:1px solid color-mix(in srgb,var(--ink) 22%,transparent)}.design-ledger .story:nth-child(3n+1){border-left:0;padding-left:0}.design-ledger .story:nth-child(3n){padding-right:0}}
@media(max-width:1050px){.design-ledger .hero{gap:32px}.design-ledger .hero-copy{padding-left:24px}}
@media(max-width:760px){.design-ledger .hero-copy{padding-left:18px;border-left-width:4px}}