/* Sélection : objectifs comparables, lecture et définitions dans la charte. */
.lot8-selection-page .selection-layout { width: min(1240px, calc(100% - 2rem)); margin: 2rem auto; }
html.sdo-public .lot8-selection-page .selection-layout :is(p, li, dt, dd) { color: var(--sdo-text-muted); font-size: 1rem; line-height: 1.75; text-align: left; }
.lot8-selection-page .selection-layout p { max-width: 80ch; margin: 0 0 1rem; }
.lot8-selection-page .selection-layout p:last-child { margin-bottom: 0; }
html.sdo-public .lot8-selection-page .selection-layout :is(h2, h3) { font-weight: 700; color: var(--sdo-text); text-shadow: none; text-align: left; line-height: 1.4; }
html.sdo-public .lot8-selection-page .selection-layout h2 { margin: 0 0 1.25rem; padding-left: .8rem; border-left: 3px solid var(--sdo-orange); font-size: clamp(1.25rem, 1.8vw, 1.65rem); }
html.sdo-public .lot8-selection-page .selection-layout h3 { margin: 0 0 1rem; font-size: 1.15rem; }
.lot8-selection-page .selection-intro { margin-bottom: 2rem; padding: clamp(1.25rem, 2.5vw, 2rem); border: 1px solid var(--sdo-border); border-left: 3px solid var(--sdo-orange); border-radius: 4px; background: var(--sdo-surface); }
html.sdo-public .lot8-selection-page .selection-intro p { max-width: none; font-size: 1.15rem !important; }
.lot8-selection-page .selection-objectives { margin-bottom: 2rem; }
.lot8-selection-page .selection-objectives__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2rem; }
.lot8-selection-page .selection-card, .lot8-selection-page .selection-panel { min-width: 0; padding: clamp(1.25rem, 2.5vw, 2rem); border: 1px solid var(--sdo-border); border-top: 3px solid var(--sdo-orange); border-radius: 4px; background: var(--sdo-surface); }
.lot8-selection-page .selection-reading-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2rem; margin-bottom: 2rem; }
.lot8-selection-page .selection-health { margin-bottom: 2rem; }
.lot8-selection-page .selection-health__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2rem; }
.lot8-selection-page .selection-tests { margin: 0; }
.lot8-selection-page .selection-tests > div { display: grid; grid-template-columns: 90px minmax(0, 1fr); gap: 1rem; padding: .65rem 0; border-bottom: 1px solid var(--sdo-border); }
.lot8-selection-page .selection-tests > div:first-child { padding-top: 0; }
.lot8-selection-page .selection-tests dt { margin: 0; color: var(--sdo-text); }
.lot8-selection-page .selection-tests dd { min-width: 0; margin: 0; overflow-wrap: anywhere; }
html.sdo-public .lot8-selection-page .selection-health__links { max-width: none; margin-top: 1.5rem; padding-top: 1.25rem; border-top: 1px solid var(--sdo-border); }
html.sdo-public .lot8-selection-page .selection-term { display: inline-flex; align-items: baseline; gap: .3rem; min-height: 44px; padding: .1rem .2rem; border: 0; border-radius: 3px; background: transparent; color: var(--sdo-orange); font: inherit; line-height: 1.5; vertical-align: baseline; cursor: help; text-decoration: underline dotted; text-underline-offset: .2em; box-shadow: none; }
html.sdo-public .lot8-selection-page .selection-term:hover, html.sdo-public .lot8-selection-page .selection-term:focus-visible { color: var(--sdo-orange-hover); text-decoration-style: solid; }
html.sdo-public .lot8-selection-page .selection-term:focus-visible { outline: 3px solid var(--sdo-orange); outline-offset: 3px; }
.selection-popover { max-width: min(320px, calc(100vw - 2rem)); border: 1px solid var(--sdo-orange); border-radius: 4px; background: var(--sdo-surface-deep); font-family: 'Open Sans', sans-serif; }
.selection-popover .popover-body { padding: .875rem 1rem; color: var(--sdo-text); font-size: 14px; line-height: 1.6; }
.selection-popover.bs-popover-top .arrow::after, .selection-popover[x-placement^="top"] .arrow::after { border-top-color: var(--sdo-surface-deep); }
.selection-popover.bs-popover-bottom .arrow::after, .selection-popover[x-placement^="bottom"] .arrow::after { border-bottom-color: var(--sdo-surface-deep); }
.selection-popover.bs-popover-left .arrow::after, .selection-popover[x-placement^="left"] .arrow::after { border-left-color: var(--sdo-surface-deep); }
.selection-popover.bs-popover-right .arrow::after, .selection-popover[x-placement^="right"] .arrow::after { border-right-color: var(--sdo-surface-deep); }
@media (max-width: 991px) {
    .lot8-selection-page .selection-objectives__grid, .lot8-selection-page .selection-reading-grid, .lot8-selection-page .selection-health__grid { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 767px) {
    .lot8-selection-page .selection-layout { margin-block: 1.5rem; }
    .lot8-selection-page .selection-objectives__grid, .lot8-selection-page .selection-reading-grid, .lot8-selection-page .selection-health__grid { gap: 1rem; }
    .lot8-selection-page .selection-intro, .lot8-selection-page .selection-objectives, .lot8-selection-page .selection-reading-grid, .lot8-selection-page .selection-health { margin-bottom: 1.5rem; }
    .lot8-selection-page .selection-tests > div { grid-template-columns: 80px minmax(0, 1fr); gap: .75rem; }
}