.oh-page{box-sizing:border-box;width:100%;min-height:calc(100svh - 52px);margin:0;padding:clamp(20px,3.2vh,32px) clamp(20px,3vw,32px) clamp(16px,2.4vh,24px);display:flex;flex-direction:column;justify-content:center;gap:clamp(16px,2.6vh,24px);background:var(--cx-paper);color:var(--cx-ink);font-family:var(--cx-font);font-size:var(--cx-fs-small);line-height:1.45}.oh-page>*{width:100%;max-width:var(--cx-container);margin-inline:auto}.oh-page *,.oh-page *:before,.oh-page *:after{box-sizing:border-box}.oh-page p,.oh-page h1,.oh-page h2{margin:0}.oh-page a{text-decoration:none}.oh-hero{display:flex;flex-wrap:wrap;align-items:stretch;gap:var(--cx-space-5) var(--cx-space-7)}.oh-copy{flex:1 1 360px;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:var(--cx-space-4)}.oh-page .oh-kicker{margin:0}#root [data-public-page="/outils"] .oh-page h1.oh-h1,.oh-page h1.oh-h1{display:block;width:100%;max-width:100%;margin:0;font-family:var(--cx-font);font-size:var(--cx-fs-display);font-weight:var(--cx-fw-bold);line-height:var(--cx-lh-display);letter-spacing:var(--cx-ls-display);text-align:left;text-wrap:balance;color:var(--cx-ink)}.oh-lead{max-width:46ch;font-size:var(--cx-fs-body);line-height:1.45;color:var(--cx-ink-2)}.oh-page .cx-btn--primary,.oh-page .cx-btn--primary:hover{color:var(--cx-surface)}.oh-page .cx-btn--secondary,.oh-page .cx-btn--secondary:hover{color:var(--cx-ink)}.oh-note{margin:0;font-size:var(--cx-fs-note);color:var(--cx-ink-2)}.oh-scene{flex:0 1 280px;min-width:0;display:grid;place-items:center;padding:var(--cx-space-5);background:var(--cx-night);border-radius:var(--cx-radius-lg);color:var(--cx-on-night)}.oh-scene svg{width:200px;height:120px}.oh-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--cx-space-3)}.oh-card{display:flex;flex-direction:column;gap:var(--cx-space-2);min-height:44px;padding:var(--cx-space-4);color:inherit;transition:border-color var(--cx-dur) var(--cx-ease),box-shadow var(--cx-dur) var(--cx-ease),transform var(--cx-dur) var(--cx-ease)}.oh-card:hover{border-color:var(--cx-line-strong);box-shadow:var(--cx-shadow-sm);transform:translateY(-2px)}.oh-card:focus-visible{outline:none;box-shadow:var(--cx-focus-ring)}.oh-card[hidden]{display:none}.oh-filter{display:flex;flex-wrap:wrap;align-items:center;gap:var(--cx-space-3) var(--cx-space-4)}.oh-needs{display:flex;flex-wrap:wrap;gap:var(--cx-space-2)}.oh-chip,.oh-reset{min-height:44px;padding:0 var(--cx-space-4);border:1px solid var(--cx-line-strong);border-radius:var(--cx-radius-pill);background:var(--cx-surface);color:var(--cx-ink);font:inherit;font-size:var(--cx-fs-small);font-weight:var(--cx-fw-semibold);cursor:pointer;transition:background-color var(--cx-dur) var(--cx-ease),border-color var(--cx-dur) var(--cx-ease),color var(--cx-dur) var(--cx-ease)}.oh-chip:hover:not([aria-pressed=true]),.oh-reset:hover{border-color:var(--cx-ink)}.oh-chip[aria-pressed=true]{border-color:var(--cx-ink);background:var(--cx-ink);color:var(--cx-surface)}.oh-chip:focus-visible,.oh-reset:focus-visible,.oh-search input:focus-visible{outline:none;box-shadow:var(--cx-focus-ring)}.oh-search{flex:1 1 220px;display:flex;align-items:center;gap:var(--cx-space-2);min-width:0}.oh-search__label{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.oh-search input{width:100%;min-height:44px;padding:0 var(--cx-space-4);border:1px solid var(--cx-line-strong);border-radius:var(--cx-radius-pill);background:var(--cx-surface);color:var(--cx-ink);font:inherit;font-size:var(--cx-fs-body)}.oh-search input::-moz-placeholder{color:var(--cx-ink-3)}.oh-search input::placeholder{color:var(--cx-ink-3)}.oh-count{font-size:var(--cx-fs-note);font-variant-numeric:tabular-nums;color:var(--cx-ink-2)}.oh-empty{grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:center;gap:var(--cx-space-3);padding:var(--cx-space-4);border:1px dashed var(--cx-line-strong);border-radius:var(--cx-radius-md);color:var(--cx-ink-2)}.oh-card-top{display:flex;align-items:center;gap:var(--cx-space-3)}.oh-card-num{margin-left:auto;font-size:var(--cx-fs-eyebrow);font-weight:var(--cx-fw-eyebrow);letter-spacing:var(--cx-ls-eyebrow);font-variant-numeric:tabular-nums;color:var(--cx-ink-3)}.oh-card-title{font-size:var(--cx-fs-small);font-weight:var(--cx-fw-semibold);letter-spacing:-.01em;line-height:1.25;color:var(--cx-ink)}.oh-card-meta{display:flex;flex-direction:column;gap:var(--cx-space-1);font-size:var(--cx-fs-note);line-height:1.4;color:var(--cx-ink-2)}.oh-card-meta strong{font-weight:var(--cx-fw-semibold);color:var(--cx-ink)}.oh-limits{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--cx-space-3) var(--cx-space-5);padding-top:var(--cx-space-3);border-top:1px solid var(--cx-line)}.oh-page .oh-limits-title{font-size:var(--cx-fs-small);font-weight:var(--cx-fw-semibold);color:var(--cx-ink)}.oh-limits p{flex:1 1 280px;font-size:var(--cx-fs-note);color:var(--cx-ink-2)}.oh-closing{display:flow-root;background:var(--cx-paper)}@keyframes oh-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.oh-hero,.oh-board,.oh-limits{animation:oh-in var(--cx-dur) var(--cx-ease)}@media(prefers-reduced-motion:reduce){.oh-chip,.oh-reset,.oh-page *,.oh-page *:before,.oh-page *:after{animation:none!important;transition:none!important}}@media(max-width:1023px){.oh-board{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:639px){.oh-needs{flex-wrap:nowrap;width:100%;overflow-x:auto;scrollbar-width:none}.oh-chip{flex:0 0 auto}.oh-page{min-height:0;justify-content:flex-start}.oh-board{grid-template-columns:1fr}.oh-card{min-height:44px;padding:var(--cx-space-5)}.oh-scene{flex-basis:100%}}