:root{--ink:#2a1a12;--paper:#fff8ec;--accent:#ffc233;--deep:#b72d1a;--soft:#ffe9c2;--display:'Roboto Slab',Georgia,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-diner .site-topline{background:var(--deep);color:#fff;border:0}
.design-diner .site-header{border-bottom:0}
.design-diner .site-header:after{content:'';display:block;height:14px;background:conic-gradient(var(--ink) 25%,var(--paper) 0 50%,var(--ink) 0 75%,var(--paper) 0) 0 0/14px 14px}
.design-diner .brand>span{font-family:var(--display);font-weight:900;font-size:22px;letter-spacing:-.02em;text-transform:uppercase}
.design-diner .hero h1{font-family:var(--display);font-weight:900;letter-spacing:-.02em;line-height:1}
.design-diner .hero .eyebrow{color:var(--deep)}
.design-diner .status-dot{background:var(--deep)}
.design-diner .hero-art .hero-image{border:4px solid var(--ink);border-radius:24px}
.design-diner .hero-art figcaption{border:0}
.design-diner .button{background:var(--deep);color:#fff;border:3px solid var(--ink);border-radius:40px;box-shadow:0 5px 0 var(--ink)}
.design-diner .button:hover{background:var(--ink);transform:translateY(2px);box-shadow:0 3px 0 var(--ink)}
.design-diner .topics{border:0;gap:14px}
.design-diner .topics .topic{background:var(--accent);border:3px solid var(--ink);border-radius:999px;padding:16px 24px}
.design-diner .topics .topic:nth-child(even){background:#fff}
.design-diner .topics .topic:hover{color:var(--ink);background:var(--soft)}
.design-diner .topic-number{display:none}
.design-diner .topic strong{font-family:var(--display);font-weight:800;font-size:17px}
.design-diner .section-heading h2{font-family:var(--display);font-weight:900}
.design-diner .section-symbol{color:var(--deep)}
.design-diner .story{background:#fff;border:3px solid var(--ink);border-radius:22px;overflow:hidden;box-shadow:6px 6px 0 var(--accent)}
.design-diner .story-image{border-bottom:3px solid var(--ink)}
.design-diner .story-content{padding:18px 18px 16px}
.design-diner .story-category{display:inline-block;background:var(--deep);color:#fff;padding:3px 10px;border-radius:20px}
.design-diner .story-category a{color:#fff}
.design-diner .story h3{font-family:var(--display);font-weight:800}
.design-diner .notebook{background:var(--accent);border:3px solid var(--ink);border-radius:28px}
.design-diner .notebook h2{font-family:var(--display);font-weight:900}
.design-diner .notebook-icon{color:var(--deep)}
.design-diner .round-link{background:var(--ink);color:#fff}
.design-diner .page-numbers{border:2px solid var(--ink);border-radius:50%}
@media(max-width:1050px){.design-diner .topic strong{font-size:15px}}
@media(max-width:760px){.design-diner .topics{gap:10px}.design-diner .topics .topic{padding:12px 14px;border-radius:22px}.design-diner .topic strong{font-size:14px}.design-diner .story{box-shadow:4px 4px 0 var(--accent)}}