/* Guide de lecture : comparaison claire sur fond blanc, dans l'axe bleu du site. */
html:has(body .reading-guide-main) { color-scheme: light; background: #fff; }
body:has(.reading-guide-main) {
    --reading-blue: #0091ff;
    --reading-ink: #111;
    position: relative;
    isolation: isolate;
    background: #fff;
    color: var(--reading-ink);
}
body:has(.reading-guide-main)::before {
    content: "";
    position: absolute;
    z-index: 0;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 3px;
    transform: translateX(-50%);
    background: var(--reading-blue);
    pointer-events: none;
}
body:has(.reading-guide-main) > :is(.site-header, .reading-guide-main, .site-footer) { position: relative; z-index: 1; }
.reading-guide-main {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: clamp(42px, 6vw, 72px);
    width: min(100% - 40px, 1120px);
    margin: 18px auto 76px;
    overflow-wrap: anywhere;
}
.reading-guide-main > * { min-width: 0; }
.reading-guide-main h1 {
    width: fit-content;
    max-width: 100%;
    margin: 0;
    padding: 14px 20px;
    background: #fff;
    font-size: clamp(1.35rem, 3vw, 1.8rem);
    font-weight: 500;
    letter-spacing: .1em;
    line-height: 1.35;
    text-align: center;
}
.reading-guide-intro,
.reading-guide-help,
.reading-guide-conclusion { width: min(100%, 760px); background: #fff; }
.reading-guide-intro { padding: 12px 20px; font-size: clamp(1rem, 1.2vw, 1.12rem); line-height: 1.75; }
.reading-guide-intro > :first-child { margin-top: 0; }
.reading-guide-intro > :last-child { margin-bottom: 0; }
.reading-guide-shortcuts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; width: min(100%, 760px); padding: 8px; background: #fff; }
.reading-guide-shortcuts a { display: flex; justify-content: center; align-items: center; min-height: 44px; padding: 8px 4px; color: #005baa; font-size: .8125rem; text-align: center; text-decoration: underline; }
.reading-guide-modes { display: grid; gap: 26px; width: 100%; padding: 12px 0; background: #fff; }
.reading-guide-mode { display: flex; flex-direction: column; min-width: 0; padding: 20px; background: #fff; scroll-margin-top: 20px; }
.reading-guide-mode h2 { display: flex; align-items: center; gap: 10px; margin: 0 0 14px; font-size: 1.125rem; font-weight: 600; line-height: 1.35; letter-spacing: .035em; }
.reading-guide-icon { display: inline-flex; flex: 0 0 28px; color: #005baa; }
.reading-guide-icon svg { display: block; width: 28px; height: 28px; }
.reading-guide-tagline { margin: 0 0 12px; font-size: 1.0625rem; font-weight: 500; line-height: 1.45; }
.reading-guide-text { line-height: 1.65; }
.reading-guide-text p { margin: 0 0 16px; }
.reading-guide-access { margin-top: auto; padding-top: 14px; }
.reading-guide-action { display: flex; justify-content: center; align-items: center; width: 100%; min-height: 48px; padding: 12px 10px; border: 1px solid #005baa; border-radius: 4px; background: #fff; color: #005baa; font-size: .875rem; font-weight: 600; line-height: 1.4; text-align: center; text-decoration: none; cursor: pointer; }
.reading-guide-mode:first-child .reading-guide-action:not(:disabled) { background: #005baa; color: #fff; }
.reading-guide-action:not(:disabled):hover { background: #eaf5ff; }
.reading-guide-mode:first-child .reading-guide-action:not(:disabled):hover { background: #004681; }
.reading-guide-action:disabled { border-color: #aaa; background: #f5f5f5; color: #555; cursor: default; }
.reading-guide-unavailable { margin: 8px 0 0; color: #555; font-size: .875rem; text-align: center; }
.reading-guide-help { padding: 12px 20px; }
.reading-guide-help > h2 { margin: 0 0 10px; font-size: 1.1875rem; font-weight: 500; letter-spacing: .05em; line-height: 1.4; }
.reading-guide-help-intro { margin: 0 0 24px; font-size: 1.0625rem; }
.reading-guide-platforms { display: grid; gap: 0 28px; }
.reading-guide-platform { min-width: 0; padding: 18px 0; border-top: 1px solid #ddd; }
.reading-guide-platform h3 { margin: 0 0 8px; font-size: 1.125rem; font-weight: 500; }
.reading-guide-platform p { margin: 0 0 8px; line-height: 1.6; }
.reading-guide-external { display: inline-block; min-height: 44px; padding: 10px 0; color: #005baa; }
.reading-guide-external:hover,
.reading-guide-return:hover { color: #003f7d; }
.reading-guide-external-note { color: #555; font-size: .8125rem; }
.reading-guide-conclusion { padding: 12px 20px; }
.reading-guide-conclusion h2 { margin: 0 0 12px; font-size: 1.125rem; font-weight: 500; }
.reading-guide-conclusion p { margin: 0 0 8px; line-height: 1.6; }
.reading-guide-return { display: inline-block; min-height: 44px; padding: 10px 0; color: #005baa; }
.reading-guide-main a:focus-visible,
.reading-guide-main button:focus-visible { outline: 2px solid var(--reading-blue); outline-offset: 4px; }
@media (min-width: 700px) { .reading-guide-platforms { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1000px) {
    .reading-guide-modes { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; }
    .reading-guide-mode + .reading-guide-mode { border-left: 1px solid #ddd; }
    .reading-guide-shortcuts { display: none; }
}
@media (max-width: 999px) {
    .reading-guide-modes { gap: 28px; background: transparent; }
    .reading-guide-mode { width: 100%; padding: 18px 20px; }
}
@media (max-width: 40rem) {
    .reading-guide-main { width: min(100% - 36px, 760px); margin-top: 12px; margin-bottom: 56px; gap: 40px; }
    .reading-guide-main h1 { padding: 12px; font-size: clamp(1.3rem, 5vw, 1.65rem); }
    .reading-guide-intro,
    .reading-guide-help,
    .reading-guide-conclusion { padding: 10px 12px; }
    .reading-guide-mode { padding: 14px 12px; }
    .reading-guide-shortcuts { padding-inline: 0; }
}

/* Librairies numériques : même fond que le bouton PARTAGER HELLLO. */
.reading-guide-bookstores {
    width: 100%;
    padding: 24px 20px;
    background: #edf6ff;
    color: var(--reading-ink);
    font-family: "Jost", sans-serif;
    text-align: center;
}
.reading-guide-bookstores h2 { margin: 0; font-size: 1.1875rem; font-weight: 500; line-height: 1.4; letter-spacing: .1em; }
.reading-guide-bookstores h2::after { content: ""; display: block; width: 44px; height: 2px; margin: 14px auto 16px; background: #005baa; }
.reading-guide-bookstores > p { margin: 0 0 20px; font-size: 1.0625rem; line-height: 1.6; }
.reading-guide-bookstore-links { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
.reading-guide-bookstore-links li { min-width: 0; }
.reading-guide-bookstore-links a { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 8px; color: #005baa; font-size: 1.0625rem; font-weight: 500; line-height: 1.5; letter-spacing: .04em; text-decoration: underline; text-underline-offset: 3px; }
.reading-guide-bookstore-links a:hover { color: #003f7d; }
@media (min-width: 1000px) {
    .reading-guide-bookstore-links { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; }
    .reading-guide-bookstore-links li + li { border-left: 1px solid #c3c4c7; }
}
@media (max-width: 40rem) { .reading-guide-bookstores { padding: 22px 12px; } }