.estimate-number { appearance:none; display:inline-flex; align-items:baseline; gap:.24em; border:0; background:transparent; padding:0; margin:0; color:inherit; font:inherit; text-align:inherit; border-radius:6px; cursor:pointer; white-space:nowrap; font-variant-numeric:tabular-nums; }
.estimate-number .estimate-center { font:inherit; color:inherit; }
.estimate-number .estimate-percent { font-size:.65em; }
.estimate-number .estimate-margin { display:inline-flex; align-items:center; justify-content:center; padding:4px 2px; margin:0; color:var(--muted,#737a94); font:600 .62em/1.3 Nunito,"Nunito Variable",sans-serif; font-variant-numeric:tabular-nums; letter-spacing:0; white-space:nowrap; min-height:28px; min-width:4ch; }
.estimate-number:hover, .estimate-number[aria-expanded="true"] { background:transparent; }
.estimate-number:focus-visible { outline:2px solid currentColor; outline-offset:3px; }
.estimate-help-popup { position:fixed; inset:auto; margin:0; z-index:1000; width:max-content; max-width:min(278px,calc(100vw - 24px)); box-sizing:border-box; padding:12px 15px; border:1px solid var(--border,#e8e1f4); border-radius:12px; background:var(--surface,#fff); color:var(--ink,#203553); box-shadow:0 6px 24px #30224518; font:500 14px/1.5 Nunito,"Nunito Variable",sans-serif; text-align:left; }
.preview-detail-value .estimate-margin, .range-value .estimate-margin, .range-subject-value .estimate-margin, .practice-topic-value .estimate-margin, .topic-range .estimate-margin, .profile-subject .estimate-margin, .continuous-progress li .estimate-margin { font-size:.83em; }
.preview-score-value .estimate-margin { font-size:.48em; }
.preview-score-value .estimate-percent { font-size:.65em; }
.preview-score-value > .estimate-number { font-size:1em; }
.continuous-progress .estimate-number { display:inline-flex; }
.landing-preview .preview-detail-value { display:flex; align-items:center; justify-content:flex-end; min-height:32px; }
.landing-preview .preview-detail-label { grid-template-columns:minmax(0,1fr) 102px; }
@media(pointer:coarse) { .estimate-number .estimate-margin { min-width:44px; min-height:44px; } }
@media(pointer:coarse) { .landing-preview .preview-detail-value { min-height:44px; } }