/* travaux-landes.fr — thème du 05/11/2026, logo B */
:root {
    --bg: #f6f4ee; --bg-2: #ebe8df; --surface: #ffffff;
    --ink: #16211C; --ink-2: #3c4644; --ink-3: #566260;
    --line: #dedbd1; --line-strong: #7b8380;
    --accent: #1F6F54; --accent-hover: #16211C; --on-accent: #ffffff; --accent-soft: #e4eeea;
    --gold: #F08A24;
    --mm-bg: #16211C; --mm-accent: #F08A24;
    --lg-pt: #F08A24;
    --serif: 'Fredoka', system-ui, sans-serif;
    --sans: 'Figtree', system-ui, -apple-system, 'Segoe UI', sans-serif;
}
@media (prefers-color-scheme: dark) {
    :root {
        --bg: #101716; --bg-2: #18211f; --surface: #1d2725;
        --ink: #eef3f1; --ink-2: #c9d3d0; --ink-3: #9eaaa6;
        --line: #2c3835; --line-strong: #7f8c88;
        --accent: #79D3B3; --accent-hover: #ffffff; --on-accent: #0c1513; --accent-soft: #20302c;
    }
}

/* ===== Logo B ===== */
.lg { gap: 10px; }
.lg__mark { width: 40px; height: 40px; display: grid; place-items: center; flex: none; color: var(--accent); }
.lg__mark svg { width: 40px; height: 40px; }
.lg__pt { fill: var(--lg-pt); }
.lg__name { display: inline-flex; flex-direction: column; font: 400 15px/1 var(--serif); letter-spacing: -.02em; color: var(--ink); white-space: nowrap; }
.lg__name b { font-weight: 800; font-size: 22px; line-height: .95; color: var(--ink); }
.lg--ft { margin-bottom: 16px; }
.lg--ft .lg__mark, .lg--ft .lg__mark svg { width: 52px; height: 52px; }
.lg--ft .lg__name { font-size: 19px; } .lg--ft .lg__name b { font-size: 29px; }
.hero__t em { font-style: normal; color: var(--accent); }
.menu-ouvert .hd .lg__mark { background: none; color: #ffffff; }
@media (max-width: 720px) { .lg__mark, .lg__mark svg { width: 34px; height: 34px; } .lg__name { font-size: 13px; } .lg__name b { font-size: 19px; } .hd .btn { white-space: nowrap; } }

.lg__mark svg { overflow: visible; }
.lg__eye { fill: var(--surface); }
.lg__smile { fill: none; stroke: var(--surface); stroke-width: 6.5; stroke-linecap: round; }
.lg__house { fill: var(--surface); stroke: var(--surface); stroke-width: 7; stroke-linejoin: round; }
.lg__eye2 { fill: var(--accent); }
.lg__smile2 { fill: none; stroke: var(--lg-pt); stroke-width: 5; stroke-linecap: round; }

.art-card__img { display: block; margin: -4px 0 12px; }
.art-card__img img { display: block; width: 100%; height: auto; border-radius: 10px; }
.article__fig { margin: 0 0 28px; }
.article__fig img { display: block; width: 100%; height: auto; border-radius: 14px; }
.article__fig figcaption { margin-top: 6px; font-size: 13px; color: var(--ink-3); }

.tl-grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 250px), 1fr)); gap: 12px; }
.tl-grid a { display: flex; flex-direction: column; gap: 8px; height: 100%; padding: 16px; background: var(--surface); border: 1px solid var(--line); border-radius: 12px; color: var(--ink); text-decoration: none; }
.tl-grid a:hover { border-color: var(--accent); }
.tl-grid b { font: 700 1.15rem/1.2 var(--serif); } .tl-grid span { font-size: .92rem; color: var(--ink-2); }