.sim{padding-top:clamp(32px,5vw,64px)}.sim__grid{display:grid;gap:28px;align-items:start}@media (min-width: 980px){.sim__grid{grid-template-columns:minmax(320px,400px) 1fr;gap:40px}.sim__form{position:sticky;top:96px}}.sim__form,.sim__out{min-width:0}.sim__form{background:var(--c-card);border:1px solid var(--c-line);border-radius:var(--rad-lg);padding:26px}.sim__h{font-size:1.3rem;margin-bottom:18px}.sim__field{display:block;margin-bottom:16px}.sim__field>span{display:block;font-size:14px;font-weight:600;margin-bottom:6px;color:var(--c-ink)}.sim__row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sim select,.sim input[type=number]{width:100%;font:inherit;font-size:16px;color:var(--c-ink);background:var(--c-paper);border:1px solid var(--c-line);border-radius:var(--rad);padding:10px 12px;min-height:44px}.sim select:focus-visible,.sim input:focus-visible{outline:2px solid var(--c-green);outline-offset:1px}.sim__input{display:flex;align-items:center;gap:8px}.sim__input em{color:var(--c-ink-mute);font-family:var(--f-mono);font-size:13px;white-space:nowrap}.sim__check{display:flex;gap:10px;align-items:flex-start;margin:14px 0 0;font-size:15px;color:var(--c-ink-soft);cursor:pointer}.sim__check input{width:20px;height:20px;margin-top:2px;accent-color:var(--c-green);flex:none}.sim__check b{color:var(--c-ink)}.sim__hint{font-size:13.5px;color:var(--c-ink-mute);margin:-6px 0 16px;line-height:1.5}.sim__hint a,.sim__out a{color:var(--c-green-deep)}.sim__hero{background:var(--c-deep);color:#eceef1;border-radius:var(--rad-lg);padding:28px;display:grid;gap:18px}.sim__kicker{font-family:var(--f-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#eceef1a6}.sim__big{font-family:var(--f-display);font-weight:700;font-size:clamp(2.6rem,7vw,4rem);letter-spacing:-.03em;color:var(--c-green-glow);line-height:1.05;margin:6px 0;font-variant-numeric:tabular-nums}.sim__sub{color:#eceef1bf;font-size:15px}.sim__bar{display:flex;height:14px;border-radius:999px;overflow:hidden;background:#ffffff14}.sim__bar i{display:block;height:100%;transition:width .6s cubic-bezier(.22,1,.36,1)}@media (prefers-reduced-motion: reduce){.sim__bar i{transition:none}}.sim__bar i+i{border-left:2px solid var(--c-deep)}.sim__legend{display:flex;flex-wrap:wrap;gap:16px;font-size:13px;color:#eceef1bf}.sim__legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}.k-rev{background:#2bc351}.k-pre{background:#e0a43a}.k-chg{background:#8a95a0}.sim__alert{margin:14px 0 0;padding:12px 16px;border-radius:var(--rad);font-size:14.5px;border-left:4px solid}.sim__alert--fort{background:color-mix(in srgb,#D64545 10%,var(--c-paper));border-color:#d64545;color:var(--c-ink)}.sim__alert--moyen{background:color-mix(in srgb,#E0A43A 14%,var(--c-paper));border-color:#e0a43a;color:var(--c-ink)}.sim__alert--info{background:color-mix(in srgb,var(--c-green) 8%,var(--c-paper));border-color:var(--c-green);color:var(--c-ink-soft)}.sim__tablewrap{overflow-x:auto;margin-top:18px;-webkit-overflow-scrolling:touch}.sim__table{width:100%;border-collapse:collapse;font-size:15px;font-variant-numeric:tabular-nums}.sim__table th,.sim__table td{padding:10px 12px;border-bottom:1px solid var(--c-line);text-align:right;white-space:nowrap}.sim__table th:first-child{text-align:left;font-weight:500;color:var(--c-ink-soft);white-space:normal}.sim__table thead small{font-size:10.5px;letter-spacing:.04em}.sim__table thead th{font-family:var(--f-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--c-ink-mute);font-weight:500}.sim__table tr.is-total th,.sim__table tr.is-total td{font-weight:700;color:var(--c-ink);border-top:2px solid var(--c-ink)}.sim__table tr.is-month td{color:var(--c-green-deep);font-weight:600}.sim__table tr.is-muted td{color:var(--c-ink-mute)}.sim__table--ref{font-size:14px}.sim__table--ref th:first-child{min-width:220px}.sim__actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin:22px 0 14px}.sim__copied{font-size:14px;color:var(--c-green-deep)}.sim__faq{margin-top:8px}@media (max-width: 560px){.sim__form{padding:20px}.sim__hero{padding:22px}.ok-container.sim__grid{padding:0 16px}.sim__table{font-size:12.5px}.sim__table th,.sim__table td{padding:8px 4px}.sim__table th:first-child{width:31%}.sim__table--ref{font-size:12.5px}.sim__table--ref th:first-child{min-width:150px;width:auto}}
