:root{--b-bg:#f4f7fb;--b-card:#fff;--b-line:#e7edf4;--b-line-soft:#f0f4f9;--b-ink:#0c1827;--b-muted:#5a6878;--b-faint:#93a0b0;--b-blue:#1a8fd1;--b-blue2:#0a78b8;--b-deep:#055a8c;--b-tint:#eef6fc;--b-blue-line:#d6e8f5;--b-green:#159669;--b-green2:#0f7a55;--b-green-tint:#eaf7f1;--b-red:#d94b43;--b-red-tint:#fdeeed;--b-r:20px;--b-shadow:0 1px 2px rgba(13,40,75,.04),0 18px 44px -32px rgba(13,40,75,.3)}html:has(.b-main){background:var(--b-bg)}body:has(.b-main){margin:0;min-height:100vh;color:var(--b-ink);font-family:Geist,system-ui,sans-serif;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;background:radial-gradient(900px 560px at 88% -14%,rgba(26,143,209,.1),transparent 64%),radial-gradient(760px 620px at -6% 22%,rgba(21,150,105,.05),transparent 64%),var(--b-bg)}.auth-pending .b-main,.needs-auth .b-main{display:none}.b-main{max-width:1240px;margin:0 auto;padding:30px 24px 90px}.b-top{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:22px;flex-wrap:wrap}.b-back{color:var(--b-muted);font-size:15px;text-decoration:none;transition:color .15s}.b-back:hover{color:var(--b-blue2)}.b-top small{color:var(--b-faint);font-size:14px}.b-card{background:var(--b-card);border:1px solid var(--b-line);border-radius:var(--b-r);box-shadow:var(--b-shadow);margin-bottom:16px;overflow:hidden}.b-card>header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 22px;flex-wrap:wrap}.b-card>header h2{margin:0;font:600 16px/1.3 Clash Display,sans-serif;letter-spacing:-.2px;display:flex;align-items:center;gap:9px}.b-card>header h2 i{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:var(--b-tint);color:var(--b-deep)}.b-card>header h2 i svg{width:15px;height:15px}.b-card>header small{color:var(--b-faint);font-size:14px}.or-lingot{display:flex;flex-direction:column;gap:20px;padding:6px 22px 22px}.route-tete{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap}.route-chiffre b{display:block;font:600 40px Clash Display,sans-serif;letter-spacing:-1.4px;color:var(--b-ink);line-height:1}.route-chiffre span{font-size:15px;color:var(--b-muted)}.route-tete p{margin:0;max-width:520px;font-size:15px;line-height:1.6;color:var(--b-muted)}.route-tete p b{font-weight:600;color:var(--b-ink)}.route-piste{--n:11;position:relative;overflow-x:auto;padding-bottom:4px}.route{position:relative;display:grid;grid-template-columns:repeat(var(--n),minmax(64px,1fr));margin:0;padding:0;list-style:none;min-width:720px}.route:before,.route:after{content:"";position:absolute;left:calc(50% / var(--n));height:3px;border-radius:3px;top:230px}.route:before{right:calc(50% / var(--n));background:var(--b-line-soft,#e8edf2)}.route:after{width:calc(var(--avance) * (1 - 1 / var(--n)));background:linear-gradient(90deg,#e7c056,#c9a227)}.route-etape{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px}.route-lingot{height:220px;display:flex;align-items:flex-end;justify-content:center}.route-lingot svg{display:block}.route-etape.atteint .route-lingot svg,.route-etape.prochain .route-lingot svg{filter:drop-shadow(0 3px 5px rgba(110,74,8,.22))}.route-point{position:relative;z-index:1;width:13px;height:13px;margin:4px 0;border-radius:50%;background:var(--b-card,#fff);border:2px solid var(--b-line-soft,#dfe5eb)}.route-etape.atteint .route-point{background:#c9a227;border-color:#c9a227}.route-etape.prochain .route-point{border-color:#c9a227;box-shadow:0 0 0 4px var(--or-tint)}.route-etape b{font:600 14px Geist,sans-serif;color:var(--b-ink);white-space:nowrap}.route-etape.futur b{color:var(--b-faint)}.route-etape small{font-size:14px;color:var(--b-faint);white-space:nowrap;min-height:20px}.route-etape small.route-ok{color:var(--or)}.route-etape small.route-now{color:var(--or);font-weight:600}.route-etape .lg-ombre{fill:var(--b-line-soft,#e8edf2);opacity:.8}.route-etape .lg-ombre-face{fill:var(--b-card,#fff);opacity:.35}.route-note{margin:0;font-size:14px;color:var(--b-faint)}:root{--or:#b8901c;--or-clair:#c9a227;--or-tint:#fbf5e3;--or-line:#efe2b8}.or-hero{display:grid;grid-template-columns:minmax(280px,1fr) 1.4fr}.or-hero-main{padding:30px 28px;border-right:1px solid var(--b-line-soft);display:flex;flex-direction:column;justify-content:center;gap:6px}.or-hero-main small{font-size:14px;color:var(--b-muted)}.or-big{font:600 clamp(40px,4.6vw,56px)/1 "Clash Display",sans-serif;letter-spacing:-.01em;word-spacing:.1em;color:var(--b-ink)}.or-sous{font-size:15px;color:var(--b-muted)}.or-sous b{color:var(--b-ink);font-weight:600}.or-var{display:inline-flex;align-items:baseline;gap:8px;font-size:15px;font-weight:600;min-height:22px}.or-var em{font-style:normal;font-size:14px;padding:2px 8px;border-radius:99px}.or-var span{font-weight:400;font-size:14px;color:var(--b-faint)}.or-var.neutre{color:var(--b-muted)}.or-var.neutre em{background:var(--b-line-soft);color:var(--b-muted)}.pos{color:var(--b-green2)}.pos em{background:var(--b-green-tint)}.neg{color:var(--b-red)}.neg em{background:var(--b-red-tint)}.or-tuiles{display:grid;grid-template-columns:1fr 1fr}.or-tuile{padding:22px 24px;border-left:1px solid var(--b-line-soft);border-top:1px solid var(--b-line-soft);display:flex;flex-direction:column;gap:4px}.or-tuile:nth-child(-n+2){border-top:0}.or-tuile small{font-size:14px;color:var(--b-muted)}.or-tuile b{font:600 26px Clash Display,sans-serif;letter-spacing:-.01em;word-spacing:.08em}.or-tuile span{font-size:14px;color:var(--b-faint);line-height:1.45}.or-seg{display:inline-flex;gap:2px;padding:4px;border-radius:99px;background:var(--b-bg);border:1px solid var(--b-line-soft)}.or-seg button{border:0;background:transparent;min-width:44px;height:34px;padding:0 12px;border-radius:99px;font:500 14px Geist,sans-serif;color:var(--b-muted);cursor:pointer}.or-seg button.active{background:var(--b-card);color:var(--b-deep);box-shadow:0 1px 2px #0d284b14,0 4px 12px -6px #0d284b40}.or-chart{position:relative;padding:8px 16px 18px 20px}.or-chart svg{display:block;width:100%;height:auto;touch-action:pan-y}.or-chart .axe{fill:var(--b-faint);font:400 14px Geist,sans-serif}.or-date{position:absolute;top:0;transform:translate(-50%);padding:2px 10px;border-radius:99px;background:var(--b-ink);color:var(--b-card);font-size:14px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .12s}.or-date.show{opacity:1}.or-pieces{display:flex;flex-direction:column}.or-piece{display:grid;grid-template-columns:44px minmax(0,1.3fr) minmax(0,1.2fr) auto auto;align-items:center;gap:20px;padding:20px 22px;border-top:1px solid var(--b-line-soft)}.or-ico{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:var(--or-tint);color:var(--or)}.or-ico svg{width:22px;height:22px}.or-piece h3{margin:0;font:600 16px Geist,sans-serif;color:var(--b-ink)}.or-piece p{margin:3px 0 0;font-size:14px;color:var(--b-muted)}.or-piece-trajet{display:grid;grid-template-columns:auto auto 1fr;align-items:baseline;gap:4px 10px}.or-piece-trajet span{font-size:15px;color:var(--b-faint);font-variant-numeric:tabular-nums}.or-piece-trajet i{font-style:normal;color:var(--b-faint)}.or-piece-trajet b{font:600 20px Geist,sans-serif;font-variant-numeric:tabular-nums;color:var(--b-ink)}.or-piece-trajet small{grid-column:1/-1;font-size:14px;color:var(--b-faint)}.or-piece-perf{text-align:right;min-width:92px}.or-piece-perf b{display:block;font:600 20px Clash Display,sans-serif;color:var(--b-green2)}.or-piece-perf small{font-size:14px;color:var(--b-green2)}.or-modifier{border:1px solid var(--b-line);background:var(--b-card);border-radius:99px;padding:6px 14px;font:500 14px Geist,sans-serif;color:var(--b-muted);cursor:pointer}.or-modifier:hover{border-color:var(--b-blue-line);color:var(--b-deep)}.or-edit{grid-column:2/-1;display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:12px 14px;border-radius:12px;background:var(--b-bg)}.or-edit[hidden]{display:none}.or-edit label{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--b-muted)}.or-edit span{font-size:14px;color:var(--b-faint)}.or-edit input{border:1px solid var(--b-line);border-radius:9px;padding:6px 9px;font:14px Geist,sans-serif;color:var(--b-ink);background:var(--b-card)}.or-edit input[type=number]{width:96px}.or-note{margin:0;padding:14px 22px 20px;border-top:1px solid var(--b-line-soft);font-size:14px;color:var(--b-faint);line-height:1.6}@media(max-width:900px){.b-main{padding:20px 16px 60px}.or-hero{grid-template-columns:1fr}.or-hero-main{border-right:0;border-bottom:1px solid var(--b-line-soft);padding:24px 20px}.or-tuile{padding:18px 20px}.or-piece{grid-template-columns:44px 1fr auto;gap:12px 14px}.or-piece-trajet{grid-column:2/3}.or-piece-perf{grid-column:3;grid-row:2}.or-modifier{grid-column:2/-1;justify-self:start}.or-edit{grid-column:1/-1}}
