.of{gap:clamp(72px,9vw,120px);max-width:var(--vt-container);margin:0 auto;padding:0 var(--vt-gutter) 96px}.of,.of-hero{display:flex;flex-direction:column}.of-hero{padding-top:32px;gap:22px;max-width:980px}.of-hero h1{margin:0;font-size:clamp(42px,6.4vw,92px);line-height:.98;letter-spacing:-.035em;text-wrap:balance}.of-chap{margin:0;font-size:clamp(18px,1.6vw,21px);color:var(--text-muted);max-width:52ch}.of-pills{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.of-pills li{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border-radius:999px;background:var(--bg-elev);font-size:15px;font-weight:600}.of-pills svg{flex:none;color:var(--ok)}.of-act{display:flex;flex-wrap:wrap;gap:12px 24px}.of-act,.of-cta{align-items:center}.of-cta{display:inline-flex;justify-content:center;min-height:56px;padding:0 26px;border-radius:999px;background:var(--primary);color:var(--text-on-dark);font-weight:600;font-size:17px;text-decoration:none;transition:transform .12s var(--ease),background .2s}.of-cta:hover{background:var(--primary-lisible)}.of-cta:active{transform:scale(.98)}.of-lien{min-height:44px;display:inline-flex;align-items:center;gap:8px;font-weight:600;text-underline-offset:4px}.of-note{margin:0;font-size:14px;color:var(--text-muted);max-width:70ch}.of h2{margin:0;font-size:clamp(36px,4.8vw,64px);line-height:1;letter-spacing:-.04em;text-wrap:balance}.of-sec{display:flex;flex-direction:column;gap:24px}.of-calc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:32px 64px;align-items:start}.of-calc .gauche{display:flex;flex-direction:column;gap:18px}.of-seg{position:relative;display:grid;grid-template-columns:repeat(4,1fr);background:var(--bg-sunken);border-radius:16px;padding:4px;gap:4px}.of-seg button{position:relative;z-index:1;min-height:52px;border:0;background:none;border-radius:12px;font:inherit;font-weight:600;font-size:15px;color:var(--text-muted);cursor:pointer;transition:color .2s}.of-seg button[aria-pressed=true]{color:var(--text)}.of-seg .curseur{position:absolute;top:4px;bottom:4px;left:4px;width:calc((100% - 8px - 12px) / 4);background:var(--bg-elev);border-radius:12px;box-shadow:var(--shadow-sm);transition:transform .3s var(--ease)}.of-regle{margin:0;font-size:15px;color:var(--text-muted)}.of-liste{background:var(--bg-elev);border-radius:24px;padding:6px;display:flex;flex-direction:column}.of-v{display:grid;grid-template-columns:96px minmax(0,1fr) auto;align-items:center;gap:16px;padding:10px 14px 10px 10px;border-radius:18px;color:inherit;text-decoration:none;transition:background .2s}.of-v+.of-v{margin-top:2px}.of-v:hover{background:var(--bg-soft)}.of-v .im{width:96px;height:64px;border-radius:14px;background:var(--bg);display:flex;align-items:flex-end;justify-content:center;padding:4px 6px}.of-v .im img{max-width:100%;max-height:100%;mix-blend-mode:multiply}.of-v .nm b{display:block;font-size:18px;font-weight:600;letter-spacing:-.01em}.of-v .nm span{font-size:14px;color:var(--text-muted)}.of-v .nm .libre{color:var(--ok);font-weight:600}.of-v .px{text-align:right;display:flex;flex-direction:column;align-items:flex-end}.of-v .px b{font-size:clamp(24px,2.4vw,32px);font-weight:700;letter-spacing:-.03em;font-variant-numeric:tabular-nums;line-height:1.05}.of-v .px span{font-size:13px;color:var(--text-muted);font-variant-numeric:tabular-nums}.of-pied-liste{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 16px 10px;font-size:14px;color:var(--text-muted)}.of-pied-liste a{min-height:44px;display:inline-flex;align-items:center}.of-gestes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none}.of-gestes li{background:var(--bg-elev);border-radius:22px;padding:22px 20px 24px;display:flex;flex-direction:column;gap:14px}.of-gestes .ic{flex:none;width:48px;height:48px;border-radius:14px;background:var(--primary-soft);color:var(--primary);display:flex;align-items:center;justify-content:center}.of-gestes b{font-size:19px;letter-spacing:-.01em;line-height:1.2}.of-gestes span{font-size:15px;color:var(--text-muted)}.of-gestes li>div{display:flex;flex-direction:column;gap:6px}.of-q{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:24px 64px;align-items:start}.of-q details{border-top:1px solid var(--border-strong)}.of-q details:last-child{border-bottom:1px solid var(--border-strong)}.of-q summary{list-style:none;cursor:pointer;min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:19px;font-weight:600;letter-spacing:-.01em}.of-q summary::-webkit-details-marker{display:none}.of-q summary i{flex:none;width:32px;height:32px;border-radius:50%;background:var(--bg-elev);display:flex;align-items:center;justify-content:center;transition:transform .25s var(--ease)}.of-q details[open] summary i{transform:rotate(45deg)}.of-q details p{margin:0 0 18px;color:var(--text-muted);max-width:60ch}.of-liens{margin:0;font-size:15px;color:var(--text-muted);line-height:2}.of-liens a{margin-right:14px;text-underline-offset:3px}@media (max-width:900px){.of-calc,.of-q{grid-template-columns:minmax(0,1fr)}.of-gestes{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.of-v{grid-template-columns:72px minmax(0,1fr) auto;gap:12px}.of-v .im{width:72px;height:50px}.of-v .spec{display:none}.of-v .nm b{font-size:16px}.of-gestes{grid-template-columns:minmax(0,1fr)}.of-gestes li{flex-direction:row;align-items:flex-start;padding:16px}.of-gestes li>div{gap:4px}.of-seg button{font-size:14px}}@keyframes of-maj{0%{opacity:.35;transform:translateY(4px)}to{opacity:1;transform:none}}.of-v .px b.maj{animation:of-maj .35s var(--ease)}@media (prefers-reduced-motion:reduce){.of *{transition:none!important;animation:none!important}}