/* Tool styles. Uses theme.css tokens only. */
.brand-ico { --mark-size: 28px; }
.result-big { display: flex; align-items: baseline; gap: var(--space-xs); }
.grid2 { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-s); }
.seg { display: flex; flex-wrap: wrap; gap: var(--space-xxs); }
.seg .choice { padding: var(--space-xs) var(--space-s); font-size: var(--size-s); line-height: var(--line-s); }
.meter { display: flex; gap: 4px; }
.meter span { flex: 1; height: 8px; border-radius: 999px; background: var(--neutral-3); }
.meter span.on { background: var(--color-1); }
.levels { display: flex; justify-content: space-between; }
.offer { display: flex; flex-direction: column; gap: var(--space-s); }
.choice.right { background: var(--success-transparent); }
.choice.wrong { background: var(--error-transparent); }