.rogue-tool{background:var(--rogue-bg);color:var(--rogue-ink);scroll-margin-top:96px}.rogue-tool--surface{background:var(--rogue-surface)}.rogue-tool__inner{box-sizing:border-box;inline-size:100%;max-inline-size:var(--page-width, 1552px);margin-inline:auto;padding-inline:var(--page-margin, 16px);padding-block:var(--rogue-section-y-tight, 56px)}.rogue-tool__header{display:flex;flex-direction:column;gap:16px;max-inline-size:720px;margin-block-end:32px}.rogue-tool__heading{font-size:var(--rogue-display-section)}.rogue-tool__intro{color:var(--rogue-body-soft);font-size:var(--rogue-size-body-lg);line-height:1.6}.rogue-tool__intro :where(p){margin:0 0 16px}.rogue-tool__intro :where(p):last-child{margin-bottom:0}.rogue-tool__layout{display:grid;grid-template-columns:minmax(0,1fr);gap:32px;align-items:start}.rogue-tool__layout>*{min-inline-size:0}@media screen and (min-width:750px){.rogue-tool__layout{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:40px}}.rogue-tool__panel{box-sizing:border-box;background:var(--rogue-surface-2, #1b1b1e);border:1px solid var(--rogue-line);border-radius:var(--rogue-radius-panel);padding:24px}.rogue-tool__group{display:flex;flex-direction:column;gap:16px}.rogue-tool__group+.rogue-tool__group{margin-block-start:24px;padding-block-start:24px;border-block-start:1px solid var(--rogue-line)}.rogue-tool__group-title{margin:0;font-family:var(--rogue-font-display);font-weight:var(--rogue-weight-display-medium);font-size:var(--rogue-size-nav);letter-spacing:var(--rogue-tracking-nav);color:var(--rogue-ink)}.rogue-tool__row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}@media screen and (max-width:479px){.rogue-tool__row{grid-template-columns:minmax(0,1fr)}}.rogue-tool__field{display:flex;flex-direction:column;gap:6px;min-inline-size:0}.rogue-tool__label{font-family:var(--rogue-font-display);font-weight:var(--rogue-weight-display-medium);font-size:var(--rogue-size-label);text-transform:uppercase;letter-spacing:var(--rogue-tracking-label);color:var(--rogue-muted)}.rogue-tool__control{box-sizing:border-box;inline-size:100%;block-size:52px;min-block-size:52px;padding-inline:14px;border:1px solid var(--rogue-line);border-radius:var(--rogue-radius-control);background:var(--rogue-bg);color:var(--rogue-ink);font-family:var(--rogue-font-body);font-size:var(--rogue-size-body)}.rogue-tool__control:hover{border-color:var(--rogue-line-strong)}select.rogue-tool__control{cursor:pointer}.rogue-tool__control::placeholder{color:var(--rogue-muted-2)}.rogue-tool__range-wrap{display:flex;align-items:center;block-size:52px;min-block-size:52px}.rogue-tool__control[type=range]{appearance:none;-webkit-appearance:none;inline-size:100%;block-size:52px;min-block-size:52px;padding:0;border:0;background:transparent}.rogue-tool__control[type=range]::-webkit-slider-runnable-track{block-size:4px;background:var(--rogue-line-strong);border-radius:var(--rogue-radius-pill)}.rogue-tool__control[type=range]::-moz-range-track{block-size:4px;background:var(--rogue-line-strong);border-radius:var(--rogue-radius-pill)}.rogue-tool__control[type=range]::-webkit-slider-thumb{-webkit-appearance:none;inline-size:18px;block-size:18px;margin-block-start:-7px;border-radius:50%;background:var(--rogue-ink);border:0}.rogue-tool__control[type=range]::-moz-range-thumb{inline-size:18px;block-size:18px;border-radius:50%;background:var(--rogue-ink);border:0}.rogue-tool__results{min-block-size:var(--rogue-tool-results-min, 220px)}.rogue-tool__results-card{box-sizing:border-box;background:var(--rogue-surface-2, #1b1b1e);border:1px solid var(--rogue-line);border-radius:var(--rogue-radius-panel);padding:24px}.rogue-tool__result-line{margin:0 0 12px;font-size:var(--rogue-size-body-lg);line-height:1.5}.rogue-tool__result-line:last-child{margin-bottom:0}.rogue-tool__result-figure{font-family:var(--rogue-font-display);font-weight:var(--rogue-weight-display-medium);color:var(--rogue-ink)}.rogue-tool__result-lead{display:flex;flex-wrap:wrap;align-items:baseline;gap:24px;margin:0 0 16px}.rogue-tool__result-stat{display:flex;flex-direction:column;gap:2px}.rogue-tool__result-value{font-family:var(--rogue-font-display);font-weight:var(--rogue-weight-display-medium);font-size:var(--rogue-display-card);color:var(--rogue-ink)}.rogue-tool__result-label{font-size:var(--rogue-size-small);color:var(--rogue-muted)}.rogue-tool__result-table-wrap{max-inline-size:100%;overflow-x:auto;margin-block-start:16px}.rogue-tool__result-table{width:100%;border-collapse:collapse;font-size:var(--rogue-size-small)}.rogue-tool__result-table th,.rogue-tool__result-table td{text-align:left;padding:8px 10px;white-space:nowrap}.rogue-tool__result-table thead th{color:var(--rogue-muted);text-transform:uppercase;letter-spacing:var(--rogue-tracking-label);font-size:var(--rogue-size-label);border-block-end:1px solid var(--rogue-line)}.rogue-tool__result-table tbody td{color:var(--rogue-body-soft);border-block-end:1px solid var(--rogue-line)}.rogue-tool__result-table tbody tr:last-child td{border-block-end:0}.rogue-tool__result-placeholder{color:var(--rogue-muted)}.rogue-tool__result-link{color:var(--rogue-ink);text-decoration:underline;text-underline-offset:3px}.rogue-tool__formula{margin:16px 0 0;padding:12px 14px;border:1px solid var(--rogue-line);border-radius:var(--rogue-radius-control);background:var(--rogue-bg);color:var(--rogue-muted);font-family:var(--rogue-font-body);font-size:var(--rogue-size-small);line-height:1.5}.rogue-tool__footnote{margin:16px 0 0;color:var(--rogue-muted);font-size:var(--rogue-size-small);line-height:1.5}.rogue-tool__diagram{display:block;inline-size:100%;block-size:auto;margin-block-end:16px}.rogue-tool__diagram text{font-family:var(--rogue-font-body);font-size:13px;fill:var(--rogue-muted)}.rogue-tool__diagram-hub{stroke:var(--rogue-ink);stroke-width:2}.rogue-tool__diagram-current{fill:none;stroke:#a6a6a6;stroke-width:1.5;stroke-dasharray:5 4}.rogue-tool__diagram-new{fill:none;stroke:var(--rogue-ink);stroke-width:1.5}.rogue-tool__match{display:flex;flex-wrap:wrap;align-items:baseline;gap:12px;margin:0 0 12px}.rogue-tool__match[hidden]{display:none}.rogue-tool__match-pattern{font-family:var(--rogue-font-display);font-weight:var(--rogue-weight-display-medium);font-size:var(--rogue-display-card);color:var(--rogue-ink)}.rogue-tool__inputs[hidden]{display:none}@media(prefers-reduced-motion:reduce){.rogue-tool__control[type=range]{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/rogue-tools.css.map */