/* À propos uniquement : récit lisible, repères compacts, aucun effet animé. */
.about-shell {
    --about-paper: #f3f6fc;
    --about-surface: #fff;
    --about-ink: #19263d;
    --about-muted: #5c687b;
    --about-line: #dce3ed;
    --about-action: #4f46e5;
    --about-link: #334f89;
    --text-primary: var(--about-ink);
    --text-secondary: var(--about-muted);
    --border-color: var(--about-line);
    background: var(--about-surface);
    color: var(--about-ink);
}
.about-shell::before { display: none; }
.about-shell .navbar { background: var(--about-surface); border-bottom: 1px solid var(--about-line); box-shadow: none; }
.about-shell :is(.nav-link-cta,.mobile-publish-btn) { background: var(--about-action); box-shadow: none; }
.about-shell :is(.nav-link-cta,.mobile-publish-btn):hover { background: #4338ca; transform: none; box-shadow: none; }
.about-shell .avatar-guest { background: var(--about-paper); color: var(--about-ink); border: 1px solid var(--about-line); box-shadow: none; }
.about-shell .main-content { padding: 0; }
.about-shell :is(a,summary):focus-visible { outline: 2px solid var(--about-action); outline-offset: 4px; }
.about-container { width: min(100% - 3rem, 1120px); margin-inline: auto; }
.about-container :is(h1,h2,h3) { color: var(--about-ink); letter-spacing: -.025em; }
.about-container h1 { max-width: 850px; font-size: clamp(1.875rem, 3.6vw, 3rem); line-height: 1.14; text-wrap: balance; margin: 0 0 1.25rem; }
.about-container h2 { font-size: clamp(1.4rem, 2.2vw, 1.875rem); line-height: 1.25; margin: 0 0 1.25rem; }
.about-container h3 { font-size: 1rem; line-height: 1.4; margin: 0 0 .5rem; }
.about-container p { line-height: 1.7; }
.about-hero { margin: 0; border: 0; border-radius: 0; box-shadow: none; background: var(--about-paper); border-bottom: 1px solid var(--about-line); padding: 3rem 0 1.5rem; }
.about-shell .about-eyebrow { font-size: .75rem; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--about-muted); margin: 0 0 .875rem; }
.about-shell .about-lead { max-width: 660px; font-size: 1.125rem; color: var(--about-muted); margin: 0 0 .75rem; }
.about-container a { color: var(--about-link); text-underline-offset: .2em; }
.about-container a:hover { text-decoration: underline; }
.about-shell .about-text-link { display: inline-flex; align-items: center; gap: .5rem; min-height: 44px; font-size: .9375rem; font-weight: 500; }
.about-landmarks { display: flex; flex-wrap: wrap; gap: .75rem 2rem; padding: 1.25rem 0 0; margin: 1rem 0 0; list-style: none; border-top: 1px solid var(--about-line); }
.about-landmarks li { display: flex; align-items: center; gap: .5rem; color: var(--about-muted); font-size: .875rem; }
.about-landmarks svg { flex-shrink: 0; }
.about-section { margin: 0; padding: 3rem 0; background: transparent; border: 0; border-radius: 0; box-shadow: none; border-bottom: 1px solid var(--about-line); scroll-margin-top: 6.5rem; }
.about-story { display: grid; grid-template-columns: minmax(0,1.5fr) minmax(0,1fr); gap: 4rem; align-items: start; }
.about-reading { max-width: 68ch; }
.about-reading p { margin: 0 0 1rem; }
.about-stewardship { border-left: 2px solid var(--about-line); padding-left: 1rem; margin-top: 1.5rem; }
.about-stewardship p { font-size: .9375rem; color: var(--about-muted); margin-bottom: 0; }
.about-history { background: var(--about-paper); border: 1px solid var(--about-line); border-radius: 8px; padding: 1.5rem; }
.about-history ol { list-style: none; padding: 0; margin: 1.25rem 0 0; }
.about-history li { display: grid; grid-template-columns: 3rem minmax(0,1fr); gap: .75rem; padding: 1rem 0; border-top: 1px solid var(--about-line); font-size: .9375rem; }
.about-history li:first-child { padding-top: 0; border-top: 0; }
.about-history li:last-child { padding-bottom: 0; }
.about-history time { color: var(--about-link); font-weight: 600; }
.about-history p { margin: .25rem 0 0; color: var(--about-muted); font-size: .875rem; }
.about-model { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.2fr); gap: 3rem; }
.about-proof-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 2rem; margin-top: 2rem; }
.about-proof > svg { color: var(--about-link); margin-bottom: .75rem; }
.about-proof p { color: var(--about-muted); font-size: .9375rem; margin: 0 0 .5rem; }
.about-proof a { display: inline-flex; align-items: center; min-height: 44px; font-size: .875rem; text-decoration: underline; }
.about-measurement { margin-top: 1.5rem; border: 1px solid var(--about-line); border-radius: 6px; }
.about-measurement summary { display: flex; align-items: center; justify-content: space-between; gap: .75rem; min-height: 48px; padding: .75rem 1rem; cursor: pointer; font-size: .9375rem; font-weight: 500; list-style: none; }
.about-measurement summary::-webkit-details-marker { display: none; }
.about-measurement summary svg { flex-shrink: 0; }
.about-measurement[open] summary svg { transform: rotate(180deg); }
.about-measurement > div { padding: 0 1rem 1rem; max-width: 85ch; }
.about-measurement p { font-size: .9375rem; margin: .5rem 0 0; color: var(--about-muted); }
.about-measurement a,.about-stewardship a { text-decoration: underline; }
.about-label { display: flex; align-items: center; flex-wrap: wrap; gap: 1rem 1.5rem; margin-top: 1.5rem; padding-top: 1.5rem; border-top: 1px solid var(--about-line); }
.about-label > a:first-child { display: inline-flex; align-items: center; min-height: 44px; }
.about-label img { width: 164px; height: auto; }
.about-label strong { font-size: .9375rem; }
.about-label p { color: var(--about-muted); font-size: .875rem; margin: .2rem 0 0; }
.about-label .about-text-link { margin-left: auto; font-size: .875rem; }
.about-next { margin-block: 2.5rem; padding: 2rem; background: var(--about-paper); border: 1px solid var(--about-line); border-radius: 8px; }
.about-next h2 { margin-bottom: .75rem; }
.about-next p { color: var(--about-muted); margin: 0; }
.about-actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 1.25rem; }
.about-shell .about-button { display: inline-flex; justify-content: center; align-items: center; gap: .5rem; min-height: 46px; padding: .65rem 1rem; border: 1px solid var(--about-line); border-radius: 6px; color: var(--about-ink); background: var(--about-surface); font-size: .9375rem; font-weight: 600; text-decoration: none; }
.about-shell .about-button-primary { color: #fff; border-color: var(--about-action); background: var(--about-action); }
.about-shell .about-button-primary:hover { background: #4338ca; text-decoration: none; }
.about-next .about-contact { margin-top: 1.25rem; font-size: .875rem; }
.about-contact a { display: inline-flex; align-items: center; min-height: 44px; text-decoration: underline; }
[data-theme="dark"] .about-shell { --about-paper: #182337; --about-surface: #111827; --about-ink: #e7edf6; --about-muted: #b6c2d2; --about-line: #334155; --about-link: #b7c8ef; --about-action: #6358ed; }
[data-theme="dark"] .about-label img { background: #fff; border-radius: 3px; padding: .3rem; }
@media(max-width: 767px) {
    .about-container { width: calc(100% - 2rem); }
    .about-hero { padding-top: 1.75rem; }
    .about-container h1 { margin-bottom: 1rem; }
    .about-shell .about-lead { font-size: 1rem; }
    .about-landmarks { gap: .65rem; flex-direction: column; }
    .about-section { padding-block: 2rem; }
    .about-story,.about-model { grid-template-columns: minmax(0,1fr); gap: 1.5rem; }
    .about-history { padding: 1.125rem; }
    .about-proof-grid { grid-template-columns: minmax(0,1fr); gap: 1.25rem; margin-top: 1.5rem; }
    .about-proof { padding-bottom: 1.25rem; border-bottom: 1px solid var(--about-line); }
    .about-proof:last-child { padding-bottom: 0; border-bottom: 0; }
    .about-label { gap: .75rem; }
    .about-label .about-text-link { margin-left: 0; }
    .about-next { padding: 1.25rem; margin-block: 2rem; }
    .about-actions { flex-direction: column; }
}