/* A compact earnings terminal, in the same visual language as the dashboard. */
.percentile-page .content-article>section.percentile-tool{max-width:none}
.percentile-tool{border:1px solid #c8d2df;border-radius:4px;background:#fff;margin:24px 0 18px;overflow:hidden;scroll-margin-top:24px}
.percentile-layout{display:grid;grid-template-columns:310px minmax(0,1fr)}
.percentile-console{background:#edf1f6;border-right:1px solid #c8d2df;padding:26px;margin:0;min-width:0}
.percentile-controls{border:0;padding:0;margin:0;min-width:0}
.percentile-console-title{width:100%;display:flex;justify-content:space-between;font-size:17px;font-weight:500;letter-spacing:-.3px;padding:0 0 24px;color:#263b57}
.percentile-console-title span{font:11px var(--mono);color:#687c98}
.percentile-field{margin-bottom:20px;min-width:0}
.percentile-field label{display:block;font-size:12px;font-weight:500;color:#3b506e;margin:0 0 8px}
.percentile-input-wrap{display:flex;align-items:center;position:relative;min-width:0}
.percentile-input-wrap>span{position:absolute;left:13px;font:18px var(--mono);color:#5e738f;pointer-events:none}
.percentile-tool input,.percentile-tool select{display:block;width:100%;min-width:0;min-height:48px;border:1px solid #abbcd2;border-radius:3px;background:#fff;color:#263b57;font-size:16px;padding:11px 12px}
.percentile-tool .percentile-money{font:22px var(--mono);padding-left:33px;letter-spacing:-.5px}
.percentile-tool :is(input,select):hover{border-color:#6482ad}
.percentile-tool :is(a,input,select,button):focus-visible{outline:3px solid #2755cb;outline-offset:3px}
.percentile-tool [aria-invalid=true]{border-color:#ac3228}
.percentile-page .percentile-input-help,.percentile-page .percentile-local{font-size:11px;line-height:1.7;color:#5b6c83;margin:10px 0 20px}
.percentile-page .percentile-field-error{font-size:12px;line-height:1.6;color:#a32620;margin:8px 0 0}
.percentile-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:26px 0 16px}
.percentile-calculate{min-height:46px;flex:1;background:#2755cb;color:#fff;border:1px solid #2755cb;border-radius:3px;padding:12px 18px;font-size:13px;font-weight:500;cursor:pointer}
.percentile-calculate:hover{background:#1942aa}
.percentile-reset{min-height:44px;border:0;background:transparent;color:#405a7c;padding:8px;font-size:12px;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.percentile-controls:disabled{opacity:.65}
.percentile-controls:disabled button{cursor:not-allowed}
.percentile-page .percentile-local{margin:20px 0 0;padding-top:16px;border-top:1px solid #cbd5e3;font-size:10px}
.percentile-output{padding:26px 30px;min-width:0}
.percentile-page .percentile-output-heading{font-size:12px;letter-spacing:.1px;margin:0 0 22px;color:#536a89}
.percentile-output-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid #d6deea;padding-bottom:18px}
.percentile-page .percentile-output-heading h2{font-size:18px;margin:0;color:#2d435f}
.percentile-output-heading>span{font:10px var(--mono);white-space:nowrap;color:#657c9c}
.percentile-page .percentile-kicker{font:10px/1.7 var(--mono);text-transform:uppercase;letter-spacing:.6px;color:#5e718b;margin:0 0 8px}
.percentile-band{display:block;font:clamp(24px,3.1vw,39px)/1.2 var(--mono);letter-spacing:-1.3px;color:#254fb7;overflow-wrap:anywhere}
.percentile-page .percentile-salary-context{font-size:12px;line-height:1.7;color:#60718a;margin:12px 0 20px}
.percentile-ruler{position:relative;height:15px;background:repeating-linear-gradient(to right,#e7ecf3 0,#e7ecf3 calc(10% - 1px),#c7d2e1 calc(10% - 1px),#c7d2e1 10%);border-left:1px solid #c7d2e1;border-right:1px solid #c7d2e1;margin-top:23px}
.percentile-ruler-band{position:absolute;display:block;left:var(--percentile-start);width:var(--percentile-width);height:100%;background:#2755cb;border:1px solid #1a439e}
.percentile-ruler-labels{display:flex;justify-content:space-between;font:10px/1.6 var(--mono);color:#687c98;margin:7px 0 21px}
.percentile-metrics,.percentile-thresholds{display:grid;grid-template-columns:1fr 1fr;margin:0;gap:0 24px;border-top:1px solid #d6deea;padding:18px 0}
.percentile-metrics>div,.percentile-thresholds>div{min-width:0}
.percentile-metrics dt,.percentile-thresholds dt{font-size:11px;line-height:1.6;color:#5e718a;margin:0 0 5px}
.percentile-metrics dd,.percentile-thresholds dd{font:21px/1.5 var(--mono);letter-spacing:-.6px;color:#304c72;margin:0;overflow-wrap:anywhere}
.percentile-thresholds dd{font-size:16px}
.percentile-metrics>div:last-child dd{font-size:16px;line-height:1.7;max-width:260px}
.percentile-thresholds :is(small,dd>span){display:block;font:11px/1.6 var(--font);color:#64748b;letter-spacing:0;margin:5px 0 0}
.percentile-page .percentile-limit{font-size:12px;line-height:1.7;border-left:2px solid #ac8a53;padding-left:12px;color:#63543e;margin:10px 0 20px}
.percentile-uk-comparison{border-top:1px solid #d3ddea;padding:18px 0 0;margin-top:4px}
.percentile-page .percentile-uk-comparison h3{font-size:15px;margin:0 0 8px}
.percentile-page .percentile-uk-comparison p{font-size:12px;line-height:1.7;margin:7px 0;color:#526b8a}
.percentile-uk-comparison strong{color:#244fb6;font-weight:500}
.percentile-page .percentile-source-note{font-size:10px;line-height:1.8;color:#64748b;margin:20px 0 0;padding-top:15px;border-top:1px solid #d6deea}
.percentile-page .percentile-notice,.percentile-page .percentile-pending{padding:15px 20px;margin:0;font-size:12px;line-height:1.7;background:#f8f5ed;color:#665b46;border-bottom:1px solid #ddd4c2}
.percentile-page .percentile-pending{border:1px solid #d4dce8;background:#f1f4f8;color:#526a89;border-radius:3px}
.percentile-page .percentile-jump-links{display:flex;flex-wrap:wrap;gap:4px 24px;margin:12px 0 30px;border-bottom:1px solid #d6dce4;padding-bottom:18px;max-width:none}
.percentile-jump-links a{display:inline-flex;align-items:center;min-height:44px;font-size:12px}
.percentile-page .content-main table{min-width:590px}
.percentile-page [hidden]{display:none!important}
@media(max-width:860px){.percentile-layout{grid-template-columns:270px minmax(0,1fr)}.percentile-console{padding:22px}.percentile-output{padding:22px}.percentile-band{font-size:28px}.percentile-metrics,.percentile-thresholds{gap:0 16px}}
@media(max-width:700px){.percentile-layout{grid-template-columns:1fr}.percentile-console{border-right:0;border-bottom:1px solid #c8d2df;padding:22px}.percentile-output{padding:25px 22px}.percentile-console-title{padding-bottom:20px}.percentile-field{margin-bottom:16px}.percentile-actions{margin-top:18px}.percentile-page .percentile-local{margin-top:12px;padding-top:12px;font-size:11px}.percentile-band{font-size:30px}.percentile-page .percentile-source-note{font-size:11px}.percentile-page .percentile-jump-links{gap:2px 20px}.percentile-metrics dd{font-size:20px}.percentile-ruler-labels{font-size:9px}}
@media(max-width:360px){.percentile-console,.percentile-output{padding:20px 17px}.percentile-band{font-size:27px}.percentile-metrics,.percentile-thresholds{gap:0 12px}.percentile-metrics dd{font-size:18px}.percentile-thresholds dd{font-size:14px}}
@media(prefers-reduced-motion:reduce){.percentile-page{scroll-behavior:auto}.percentile-page *{transition:none!important;animation:none!important}}
@media print{.percentile-console,.percentile-jump-links{display:none}.percentile-tool{border:1px solid #c5cfda;break-inside:avoid}.percentile-layout{display:block}.percentile-output{padding:20px}.percentile-band{font-size:25pt}.percentile-ruler,.percentile-ruler-band{print-color-adjust:exact;-webkit-print-color-adjust:exact}.percentile-page .content-main table{min-width:0}}