/* Human imagery and a manually scrolled reading strip, scoped to this article. */
.o99-article .o99-human-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center;background:#f4f6f8;border:1px solid var(--line);border-radius:16px;padding:28px;margin-bottom:28px}
.o99-article .o99-human-intro h2{font-size:clamp(1.6rem,2.5vw,2.3rem);line-height:1.2;margin:14px 0 20px}
.o99-article .o99-human-intro p{font-size:1rem;line-height:1.6}
.o99-article .o99-human-intro .o99-kicker{font-size:.78rem;margin-top:0}
.o99-article .o99-human-intro .o99-human-purpose{border-left:3px solid var(--blue);padding-left:16px;font-size:.9rem;margin:22px 0 0}
.o99-article .o99-human-photo{margin:0;min-width:0;overflow:hidden;border-radius:14px;background:#fff;box-shadow:0 6px 18px #17364b1c;border:1px solid var(--line)}
.o99-article .o99-human-photo img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.o99-article .o99-human-photo figcaption{padding:16px 20px;font-size:.95rem;line-height:1.5;color:var(--ink)}
.o99-article .o99-human-photo figcaption small{display:block;color:var(--muted);font-size:.75rem;margin-top:5px}
#o99-regles .o99-reperes-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}
#o99-regles .o99-reperes-heading h3{margin:0 0 10px;font-size:1.25rem}
#o99-regles .o99-reperes-heading p{margin:0;font-size:.9rem;max-width:75ch}
#o99-regles .o99-reperes-controls{display:flex;align-items:center;gap:12px;flex-shrink:0}
#o99-regles .o99-reperes-controls[hidden]{display:none}
#o99-regles .o99-reperes-controls button{display:grid;place-items:center;width:46px;height:46px;min-height:46px;padding:0;border:1px solid var(--blue);border-radius:50%;background:#fff;color:var(--blue);font-size:1.5rem;box-shadow:0 3px 8px #17364b20;cursor:pointer}
#o99-regles .o99-reperes-controls button:hover:not(:disabled){background:var(--blue);color:#fff}
#o99-regles .o99-reperes-controls button:disabled{opacity:.45;cursor:default;box-shadow:none}
#o99-regles .o99-reperes-controls span{font-size:.82rem;min-width:80px;text-align:center;color:var(--muted)}
#o99-regles .o99-reperes-hint{font-size:.82rem;color:var(--muted);margin:16px 0 10px}
#o99-regles .o99-reperes-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 48px)/3.2);align-items:stretch;gap:16px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding:2px;padding:4px 2px 18px;scrollbar-width:thin;scrollbar-color:#789caf #eaf4fb}
#o99-regles .o99-repere-card{min-width:0;scroll-snap-align:start;border:1px solid #b9ccd9;border-top:4px solid #1478ab;border-radius:14px;padding:20px;background:linear-gradient(145deg,#fff,#eaf4fb);box-shadow:0 4px 10px #17364b16}
#o99-regles .o99-repere-card:nth-child(2),#o99-regles .o99-repere-card:nth-child(6){border-top-color:#ae8220;background:linear-gradient(145deg,#fff,#fff6dd)}
#o99-regles .o99-repere-card:nth-child(3),#o99-regles .o99-repere-card:nth-child(5){border-top-color:#86618e;background:linear-gradient(145deg,#fff,#f4ecf6)}
#o99-regles .o99-repere-category{display:block;font-size:.76rem;color:#526575;margin-bottom:14px}
#o99-regles .o99-repere-value{font-size:1.5rem;font-weight:700;line-height:1.25;color:#043f64}
#o99-regles .o99-repere-value b{font-size:1.8rem}
#o99-regles .o99-repere-value small{font-size:1rem}
#o99-regles .o99-repere-value span{display:block;font-size:.84rem;font-weight:400;color:#526575;margin-top:10px}
#o99-regles .o99-repere-card h4{margin:18px 0 10px;font-size:1rem;line-height:1.4}
#o99-regles .o99-repere-card p{font-size:.9rem;line-height:1.55;margin:10px 0 0;max-width:none}
#o99-regles .o99-repere-card .o99-rule-tip{font-size:.82rem;border-top:1px solid #cbd9e2;padding-top:12px;margin-top:14px;color:#354e61}
#o99-regles .o99-human-rules{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:28px;align-items:start;margin-top:32px}
#o99-regles .o99-compact-details{min-width:0}
#o99-regles .o99-compact-details h3{font-size:1.25rem;margin:0 0 16px}
#o99-regles .o99-compact-details .o99-rules-more{margin:10px 0}
#o99-regles .o99-compact-details .o99-rules-more summary{padding:14px 18px;font-size:.94rem;line-height:1.4}
#o99-regles .o99-compact-details .o99-rules-more>div{padding:16px 18px}
#o99-regles .o99-compact-details .o99-rules-more p{font-size:.9rem;line-height:1.55;margin:0 0 12px;max-width:none}
#o99-regles .o99-compact-details .o99-rules-more p:last-child{margin-bottom:0}
#o99-regles .o99-human-advice figcaption strong{display:block;margin-bottom:8px;color:var(--blue);font-weight:700}
#o99-regles .o99-human-advice figcaption span{font-size:.9rem}
#o99-regles .o99-reperes-track:focus-visible,#o99-regles .o99-reperes-controls button:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
@media(max-width:1000px){#o99-regles .o99-reperes-track{grid-auto-columns:calc((100% - 32px)/2.2)}#o99-regles .o99-reperes-heading{align-items:flex-start}.o99-article .o99-human-intro{gap:24px;padding:22px}}
@media(max-width:760px){.o99-article .o99-human-intro,#o99-regles .o99-human-rules{grid-template-columns:1fr}.o99-article .o99-human-intro{padding:20px}.o99-article .o99-human-intro h2{margin-top:12px}#o99-regles .o99-reperes-heading{display:block}#o99-regles .o99-reperes-controls{justify-content:flex-end;margin-top:16px}#o99-regles .o99-reperes-track{grid-auto-columns:85%}#o99-regles .o99-repere-card{padding:18px}#o99-regles .o99-human-advice{max-width:540px;width:100%;justify-self:center}.o99-article .o99-human-photo figcaption{padding:14px 16px}}
@media print{#o99-regles .o99-reperes-controls,#o99-regles .o99-reperes-hint{display:none}#o99-regles .o99-reperes-track{display:grid;grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}#o99-regles .o99-repere-card{break-inside:avoid;box-shadow:none}}
