.oc{--urgence:#c23a2b;--sur-urgence:#fff}@media (prefers-color-scheme:dark){.oc{--urgence:#ff8a7a;--sur-urgence:#2a0b06}}@media (width<=899px){.page.interieure:has(.oc) .contexte{border-bottom:0;border-top:1px solid var(--line);order:2;padding-top:1.5rem}}.oc-urgence{z-index:5;text-align:center;color:var(--sur-urgence);background:var(--urgence);border-radius:0 0 10px 10px;margin:0 0 1rem;padding:.5rem 1rem;font-size:.92rem;text-decoration:none;display:block;position:sticky;top:0}.oc-beta{border:1px solid color-mix(in srgb, var(--accent) 40%, transparent);background:var(--accent-soft);color:var(--ink);border-radius:12px;grid-template-columns:auto 1fr;align-items:start;gap:.2rem .8rem;max-width:65ch;margin:0 0 1.4rem;padding:.85rem 1rem;font-size:.92rem;display:grid}.oc-beta .pastille-beta{font-family:var(--hand);color:var(--accent);grid-row:span 2;font-size:1.6rem;font-weight:700;line-height:1;transform:rotate(-6deg)}.oc-beta p{margin:0}.oc-beta .muted{font-size:.85rem}.oc .moment{background:var(--accent-soft);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;margin-bottom:1.5rem;padding:.7rem .9rem;font-size:.9rem;display:flex}.oc .moment-texte{flex:240px}.oc .moment-choix{min-width:0;color:var(--muted);flex:240px;align-items:center;gap:.5rem;display:flex}.oc .moment select{min-width:0;font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:8px;flex:1;padding:.3rem .4rem}.oc #etape{scroll-margin-top:1.5rem}.oc .navigation{flex-wrap:wrap;align-items:center;gap:.4rem 1.2rem;margin-bottom:.8rem;font-size:.88rem;display:flex}.oc .bouton-lien{font:inherit;color:var(--accent);cursor:pointer;background:0 0;border:0;padding:0;font-weight:500}.oc .bouton-lien:hover{text-decoration:underline}.oc .fil{flex-wrap:wrap;gap:.35rem;margin:0 0 1.2rem;padding:0;font-size:.8rem;list-style:none;display:flex}.oc .fil li{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:.1rem .6rem}.oc section{margin-bottom:0}.oc .rubrique-tete{margin-bottom:1.2rem}.oc .rubrique-tete h2{outline:none;margin:0;font-size:1.45rem;line-height:1.25}.oc .numero{min-width:1.1ch;font-family:var(--hand);color:var(--accent);font-size:2.6rem;font-weight:700;line-height:.8;display:inline-block;transform:rotate(-8deg)}.oc .question-danger .numero{color:var(--urgence)}.oc .question-danger .rubrique-tete:after{background:var(--urgence)}.oc .aide{color:var(--muted);margin:0 0 1rem}.oc .liste-signes{margin:0 0 1.4rem;padding-left:1.2em}.oc .liste-signes li{margin:.25rem 0}.oc .liste-signes li::marker{color:var(--urgence)}.oc .options{gap:.5rem;display:grid}.oc .option{--teinte:var(--accent);width:100%;font:inherit;text-align:left;color:inherit;background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--teinte);cursor:pointer;border-radius:0 12px 12px 0;grid-template-columns:1fr auto;align-items:center;gap:1rem;padding:.85rem 1.1rem;transition:background .15s,border-color .15s;display:grid}.oc .option:hover{background:color-mix(in srgb, var(--teinte) 8%, var(--surface));border-color:var(--teinte)}.oc .option-danger{--teinte:var(--urgence)}.oc .option-texte{flex-direction:column;min-width:0;display:flex}.oc .option-libelle{color:var(--ink);font-weight:600}.oc .option-detail{color:var(--muted);font-size:.88rem}.oc .fleche{color:var(--teinte,var(--accent));font-size:1.2rem;transition:transform .15s}.oc .option:hover .fleche{transform:translate(3px)}.oc .recherche{margin-top:1.8rem}.oc .recherche label{color:var(--muted);margin-bottom:.4rem;font-size:.92rem;display:block}.oc .recherche input{width:100%;font:inherit;color:var(--text);background:var(--surface);border:1.5px dashed var(--line);border-radius:12px;padding:.7rem .9rem}.oc .recherche input:focus{border-style:solid;border-color:var(--accent);outline:none}.oc .suggestions{flex-wrap:wrap;gap:.4rem;margin-top:.6rem;display:flex}.oc .suggestion{font:inherit;color:var(--accent);background:var(--accent-soft);cursor:pointer;border:0;border-radius:999px;padding:.3rem .8rem;font-size:.88rem;font-weight:600}.oc .suggestion:hover{text-decoration:underline}.oc .suggestion-danger{color:var(--urgence);background:color-mix(in srgb, var(--urgence) 12%, transparent)}.oc .niveau-rouge{--teinte:var(--urgence)}.oc .niveau-orange{--teinte:var(--alert)}.oc .niveau-vert{--teinte:var(--ok)}.oc .niveau-bleu{--teinte:var(--accent)}.oc .resultat{background:var(--surface);border:1px solid var(--line);border-top:4px solid var(--teinte);border-radius:14px;padding:1.4rem 1.4rem 1.2rem}.oc .resultat-etiquette{color:var(--teinte);background:color-mix(in srgb, var(--teinte) 12%, transparent);border-radius:999px;align-items:center;gap:.4rem;margin:0;padding:.15rem .65rem;font-size:.75rem;font-weight:600;display:inline-flex}.oc .resultat-etiquette:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px}.oc .resultat h2{color:var(--teinte);outline:none;margin:.6rem 0 .5rem;font-size:clamp(1.5rem,4vw,1.9rem);line-height:1.15}.oc .resultat-texte{max-width:62ch;margin:0}.oc .resultat h3{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:1.4rem 0 .5rem;font-size:.8rem;font-weight:600}.oc .actions{gap:.5rem;margin:1.2rem 0 .4rem;font-size:1rem;display:grid}.oc .action{color:var(--accent);background:var(--accent-soft);border-radius:12px;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;font-weight:600;text-decoration:none;display:flex}.oc .action:hover{filter:brightness(.97);text-decoration:none}.oc .action-urgence{color:var(--sur-urgence);background:var(--urgence);font-size:1.1rem}.oc .action .fleche{color:inherit}.oc .infos{grid-template-columns:auto 1fr;gap:.35rem 1.5rem;margin:1rem 0 0;display:grid}.oc .infos dt{color:var(--muted)}.oc .infos dd{margin:0}.oc .conseils{margin:0;padding-left:1.2em}.oc .conseils li{margin:.3rem 0}.oc .pied-resultat{border-top:1px solid var(--line);flex-wrap:wrap;gap:.4rem 1.2rem;margin-top:1.4rem;padding-top:.8rem;font-size:.88rem;display:flex}@media (prefers-reduced-motion:reduce){.oc *{transition:none!important}}@media print{.entete,.contexte,.oc-urgence,.oc-beta,.oc .moment,.oc .navigation,.oc .pied-resultat,.oc .recherche{display:none}}