/* Orbit Corporate support pages. Scoped wrappers never affect an individual receipt. */
.clarity-support { color:#07152f; }
.clarity-support .page-wrap { padding-top:22px; padding-bottom:24px; }
.clarity-support .panel { border-color:#dce6ef; border-radius:9px; box-shadow:0 3px 14px #163b5004; }
.clarity-support h2 { margin-bottom:9px; letter-spacing:-1.1px; }
.clarity-support p { line-height:1.45; }
.clarity-support .muted { color:#607696; font-size:14px; }
.clarity-support .section.in-page { margin:28px 0; }
.clarity-support .page-banner { padding:0; margin:0; border-radius:0; background:#001827; }
.clarity-support .banner-inner { min-height:230px; padding-top:30px; padding-bottom:30px; }
.clarity-support .banner-copy { max-width:85%; }
.clarity-support .banner-copy h1 { font-size:clamp(38px,4.35vw,58px); line-height:1.04; letter-spacing:-1.8px; max-width:none; margin-bottom:15px; }
.clarity-support .banner-copy p { font-size:18px; line-height:1.35; color:#eef6fc; max-width:850px; }
.clarity-support .scene-banner { min-height:170px; margin-top:22px; padding:26px 32px; border-radius:8px; }
.clarity-support .scene-copy h2 { font-size:30px; line-height:1.07; }
.clarity-support .scene-copy p { font-size:14px; margin-bottom:0; }
.clarity-support .scene-copy .actions { margin-top:12px; }
.clarity-support details > summary { cursor:pointer; font-size:13px; font-weight:600; color:#36546e; }
.clarity-support details.panel { padding:12px 18px; margin:18px 0; }
.clarity-support details .details-body { padding-top:18px; }
.clarity-support details .details-body p { font-size:13px; }
.clarity-support .privacy-icon { width:34px; height:34px; color:#092044; }
.clarity-support .section-heading { margin-bottom:13px; }
.clarity-support .section-heading p { margin-top:3px; }

/* Filters and database rows follow the mockup's compact five-column grid. */
.clarity-explorer .filter-panel { margin:0 0 20px; padding:16px 18px; }
.clarity-explorer .filter-panel h2 { font-size:34px; margin-bottom:16px; }
.clarity-explorer .filters { grid-template-columns:1.14fr 1fr 1fr; gap:16px 24px; }
.clarity-explorer .filters label { color:#132644; font-size:13px; font-weight:500; margin-bottom:5px; }
.clarity-explorer .filters input, .clarity-explorer .filters select { min-height:42px; border-color:#d3e0eb; font-size:13px; }
.clarity-explorer .filter-actions .primary { flex:1.6; }
.clarity-explorer .filter-actions .button { min-height:46px; }
.clarity-explorer .section-heading h2 { font-size:26px; }
.clarity-support .results-table { table-layout:fixed; min-width:0; }
.clarity-support .results-table th { background:#03243a; color:#fff; text-transform:none; letter-spacing:0; font-size:13px; font-weight:500; padding:12px 16px; border-right:1px solid #294355; }
.clarity-support .results-table th:nth-child(1) { width:10%; text-align:center; }
.clarity-support .results-table th:nth-child(2) { width:27%; }
.clarity-support .results-table th:nth-child(3) { width:33%; }
.clarity-support .results-table th:nth-child(4) { width:11%; }
.clarity-support .results-table th:nth-child(5) { width:19%; }
.clarity-support .results-table td { padding:12px 16px; border-right:1px solid #e6edf3; font-size:13px; overflow-wrap:anywhere; }
.clarity-support .results-table .rank { font-size:26px; color:#07152f; font-weight:700; }
.clarity-support .result-select { margin:8px 0 0; }
.clarity-support .result-select input { width:17px; height:17px; min-height:17px; margin:0 auto; }
.clarity-support .results-table .system-name { color:#07152f; font-size:16px; line-height:1.2; margin-bottom:6px; }
.clarity-support .results-table .hardware-line { font-size:12px; color:#526785; line-height:1.45; max-width:none; }
.clarity-support .ranking-tier-summary { display:flex; flex-direction:row; align-items:center; gap:14px; }
.clarity-support .ranking-tier-summary > .tier-compact { flex:0 0 48%; width:48%; }
.clarity-support .ranking-tier-summary .tier-label { display:none; }
.clarity-support .ranking-tier-summary .tier-art img { border:0; border-radius:5px; }
.clarity-support .ranking-tier-value { min-width:0; }
.clarity-support .ranking-tier-value .table-score { color:#07152f; margin:0 0 2px; font-size:24px; line-height:1.12; white-space:nowrap; }
.clarity-support .ranking-tier-name { font-size:12px; color:#566b87; line-height:1.35; display:block; }
.clarity-support .results-table .points-cell { font-size:19px!important; white-space:nowrap; color:#07152f; }
.clarity-support .results-table .result-actions { padding:8px 14px; }
.clarity-support .results-table .result-actions .button { min-height:34px; padding:6px 9px; font-size:12px; margin:5px 0; white-space:nowrap; }
.clarity-support .category-strip-row td { padding:0!important; }
.clarity-support .category-strip-row .category-rank-spacer { background:#fff; }
.clarity-support .category-strip { padding:0; gap:0; border:0; border-radius:0; background:#f2f6f9; }
.clarity-support .category-strip > span { padding:9px 15px; border-right:1px solid #e1eaf1; }
.clarity-support .category-strip small { font-size:11px; color:#142343; line-height:1.3; }
.clarity-support .category-strip b { color:#0b1833; font-size:14px; line-height:1.3; margin-top:3px; }
.clarity-explorer .compare-toolbar { border-radius:9px; background:#eff5f8; margin:16px 0; padding:18px 22px; font-size:16px; }
.clarity-explorer .compare-toolbar p { font-size:11px; margin-top:2px; }
.clarity-explorer .compare-toolbar .button { min-width:220px; }
.clarity-explorer .explanation-panel { background:#fff; align-items:center; padding:22px 26px; margin:16px 0; gap:22px; }
.clarity-explorer .explanation-panel > svg { width:70px; height:66px; background:#c7f0ff; padding:14px; border-radius:7px; }
.clarity-explorer .explanation-panel h3 { color:#07152f; font-size:19px; margin-bottom:4px; }
.clarity-explorer .explanation-panel p { font-size:15px; color:#435d80; margin:0; }
.clarity-explorer .explorer-finale { background:#fff; color:#07152f; border:1px solid #d2dfeb; min-height:280px; }
.clarity-explorer .explorer-finale::after { background:linear-gradient(90deg,#fff 0%,#fff 39%,#ffffffed 45%,transparent 61%); }
.clarity-explorer .explorer-finale .scene-copy { width:55%; }
.clarity-explorer .explorer-finale h2 { font-size:36px; }
.clarity-explorer .explorer-finale p { color:#405778; font-size:16px; }
.clarity-explorer .explorer-finale .cyan { color:#03b7ed; }
.clarity-explorer .empty-scene { background:linear-gradient(90deg,#001827 5%,#001827e8 42%,#00182740 70%),url('./orbit-clarity/orbit-header-panorama.png') center right/cover; }

/* Side-by-side: matched cards, six short bar rows, hardware and receipt links. */
.clarity-compare .banner-inner { min-height:150px; }
.clarity-compare .banner-copy { max-width:100%; }
.clarity-compare .banner-copy h1 { font-size:clamp(34px,3.6vw,48px); }
.clarity-compare .compare-cards { margin:0; gap:20px; }
.clarity-compare .compare-card { padding:18px; border-radius:7px; }
.clarity-compare .compare-card.is-current { background:#001e30; border-color:#04b1d0; }
.clarity-compare .compare-card header h2 { font-size:clamp(20px,2vw,29px); line-height:1.2; margin:0; }
.clarity-compare .comparison-role { padding:6px 12px; background:#80f3f6; font-size:11px; color:#051c30; }
.clarity-compare .compare-card-score { margin:14px 0 12px; grid-template-columns:1.4fr .9fr; gap:16px; align-items:end; }
.clarity-compare .compare-card-score span { font-size:15px; color:inherit; }
.clarity-compare .compare-card-score strong { font-size:48px; font-weight:700; letter-spacing:-1.5px; }
.clarity-compare .compare-card-score small { font-size:22px; }
.clarity-compare .compare-card-score > div + div { padding-left:24px; margin-bottom:4px; }
.clarity-compare .compare-card-score > div + div strong { font-size:26px; letter-spacing:-.4px; }
.clarity-compare .compare-card > .tier-art { margin:0; width:100%; }
.clarity-compare .compare-card > .tier-art .tier-label { display:none; }
.clarity-compare .compare-card > .tier-art img { border:1px solid #486272; border-radius:5px; }
.clarity-compare .compare-card-hardware { margin:14px 0 0; gap:13px; }
.clarity-compare .compare-card-hardware p { display:flex; align-items:center; gap:10px; }
.clarity-compare .compare-card-hardware svg { width:31px; height:31px; }
.clarity-compare .compare-card-hardware span { font-size:11px; color:#354e73; line-height:1.35; margin:0; }
.clarity-compare .compare-card.is-current .compare-card-hardware span { color:#eef5fc; }
.clarity-compare .comparison-choice { margin:12px 0 0; text-align:right; }
.clarity-compare .comparison-choice > summary { font-size:12px; }
.clarity-compare .compare-picker { text-align:left; }
.clarity-compare .comparison-table { min-width:0; }
.clarity-compare .comparison-table th, .clarity-compare .comparison-table td { padding:6px 22px; border:1px solid #e3ebf2; vertical-align:middle; }
.clarity-compare .comparison-table thead th { font-size:14px; background:#edf4f8; text-align:center; line-height:1.15; }
.clarity-compare .comparison-table thead th:first-child { text-align:left; }
.clarity-compare .comparison-table th small { font-size:12px; line-height:1.1; margin-top:3px; }
.clarity-compare .comparison-table tbody th { color:#07152f; font-size:13px; background:#fff; white-space:nowrap; }
.clarity-compare .comparison-table th .category-icon { width:29px; height:29px; margin-right:18px; }
.clarity-compare .comparison-cell-score { flex-direction:row; align-items:center; gap:16px; }
.clarity-compare .comparison-cell-score > b { font-size:18px; min-width:51px; }
.clarity-compare .comparison-cell-score .bar-track { flex:1; height:10px; max-width:none; margin:0; background:#dce7ed; }
.clarity-compare .bar { background:#00bddf; }
.clarity-compare .hardware-comparison { gap:18px; }
.clarity-compare .comparison-hardware-card { padding:15px 22px; margin:0; }
.clarity-compare .comparison-hardware-card h3 { font-size:19px; margin:0 0 8px; }
.clarity-compare .comparison-hardware-list { margin:0; }
.clarity-compare .comparison-hardware-list > div { display:grid; grid-template-columns:140px minmax(0,1fr); align-items:center; gap:10px; padding:3px 0; }
.clarity-compare .comparison-hardware-list dt { display:flex; align-items:center; gap:16px; font-size:12px; font-weight:650; }
.clarity-compare .comparison-hardware-list svg { width:26px; height:26px; }
.clarity-compare .comparison-hardware-list dd { margin:0; color:#3c567c; font-size:12px; overflow-wrap:anywhere; }
.clarity-compare .comparison-footnote { display:flex; align-items:center; gap:7px; font-size:12px; margin:9px 0 0; color:#385379; }
.clarity-compare .comparison-footnote svg { width:17px; height:17px; }
.clarity-compare .comparison-receipts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.clarity-compare .comparison-receipt-card { display:flex; align-items:center; gap:18px; padding:13px 18px; margin:0; }
.clarity-compare .comparison-receipt-card strong { flex:1; font-size:13px; overflow-wrap:anywhere; }
.clarity-compare .comparison-receipt-card .button { font-size:12px; padding:9px 13px; min-height:38px; }
.clarity-compare .comparison-links { display:flex; justify-content:center; align-items:center; gap:26px; font-size:14px; margin:20px 0 16px; }
.clarity-compare .comparison-links a { color:#0077ef; }
.clarity-compare .comparison-links a + a { border-left:1px solid #8ca4bb; padding-left:26px; }
.clarity-compare .scene-banner { min-height:120px; padding:22px 28px; }
.clarity-compare .scene-banner h2 { font-size:25px; }
.clarity-compare .scene-banner p { font-size:13px; }

/* Computer history keeps its title and full personal-best plaque on one dark field. */
.clarity-history .history-hero { background:#001b2b; color:#fff; padding:28px 0 12px; }
.clarity-history .history-hero-inner { width:80%; max-width:1120px; margin:auto; }
.clarity-history .history-title { padding:0 12px; }
.clarity-history .history-title .eyebrow { color:#d5e9fa; font-size:11px; font-weight:400; letter-spacing:4px; margin-bottom:12px; }
.clarity-history .history-title h1 { font-size:clamp(42px,4.8vw,64px); letter-spacing:-2px; line-height:.98; margin-bottom:10px; }
.clarity-history .history-title > strong { font-size:21px; }
.clarity-history .history-title p { color:#dcebf6; font-size:15px; margin:4px 0 15px; }
.clarity-history .profile-best { grid-template-columns:31% 69%; padding:0; gap:0; border:1px solid #00bfe3; background:#002033; border-radius:10px; align-items:stretch; }
.clarity-history .profile-best-copy { padding:23px 25px; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; }
.clarity-history .profile-best .best-label { margin:0 0 4px; font-size:19px; font-family:var(--orbit-body-font); font-weight:600; letter-spacing:0; }
.clarity-history .history-best-score { font-size:clamp(42px,4.7vw,62px); font-weight:700; line-height:1.1; white-space:nowrap; letter-spacing:-2px; }
.clarity-history .history-best-score small { font-size:27px; color:#b1c7dc; font-weight:400; letter-spacing:-1px; }
.clarity-history .best-points { font-size:23px; color:#b5cde1; margin-top:4px; }
.clarity-history .best-points strong { font-size:32px; }
.clarity-history .profile-best p { color:#fff; font-size:19px; line-height:1.2; margin:12px 0 21px; }
.clarity-history .profile-best .button { min-width:220px; min-height:49px; }
.clarity-history .profile-best > .tier-hero { border-left:1px solid #00bfe3; height:100%; display:flex; align-items:center; justify-content:center; background:#00121e; }
.clarity-history .profile-best > .tier-hero img { width:100%; height:auto; border:0; border-radius:0; }
.clarity-history .profile-best > .tier-hero .tier-label { display:none; }
.clarity-history .page-wrap { padding-top:16px; }
.clarity-history .history-summary { margin:0 0 25px; border-radius:9px; padding:15px 25px; gap:24px; background:#fafdff; }
.clarity-history .history-summary > div { display:flex; align-items:center; gap:22px; border-right:1px solid #ccdae7; }
.clarity-history .history-summary > div:last-child { border:0; }
.clarity-history .history-summary .category-icon { width:45px; height:45px; }
.clarity-history .history-summary strong { font-size:14px; color:#10213e; margin-bottom:3px; }
.clarity-history .history-summary span { font-size:10px; letter-spacing:.7px; color:#536986; }
.clarity-history .history-heading { margin:20px 0 15px; }
.clarity-history .history-heading h2 { margin:0; font-size:35px; }
.clarity-history .segmented a { min-width:132px; min-height:41px; justify-content:center; font-size:13px; color:#102442; }
.clarity-history .segmented a[aria-current] { background:#00cce6; color:#002134; }
.clarity-history .history-table { table-layout:fixed; min-width:0; font-size:14px; }
.clarity-history .history-table th { background:#edf4f8; text-transform:none; letter-spacing:0; color:#364660; font-size:12px; font-weight:500; padding:10px 18px; }
.clarity-history .history-table td { padding:16px 18px; border-right:1px solid #e4edf4; }
.clarity-history .history-table th:nth-child(1) { width:14%; }
.clarity-history .history-table th:nth-child(2) { width:15%; }
.clarity-history .history-table th:nth-child(3) { width:20%; }
.clarity-history .history-table th:nth-child(4) { width:12%; }
.clarity-history .history-table th:nth-child(5) { width:25%; }
.clarity-history .history-table th:nth-child(6) { width:14%; }
.clarity-history .history-score { display:block; font-size:25px; line-height:1.1; }
.clarity-history .history-tier, .clarity-history .run-best { display:block; font-size:13px; color:#536786; font-weight:400; line-height:1.3; margin-top:3px; }
.clarity-history .history-points { font-size:20px; font-weight:700; }
.clarity-history .history-table .hardware-line { font-size:13px; color:#536582; line-height:1.5; }
.clarity-history .history-table .text-link { color:#0076ff; font-size:14px; white-space:nowrap; }
.clarity-history .history-live-dot { display:inline-block; width:8px; height:8px; background:#00d4ea; border-radius:50%; }
.clarity-history .history-extras { gap:16px; margin:16px 0; }
.clarity-history .history-extras > .panel { margin:0; padding:21px; }
.clarity-history .history-extras h2 { font-size:27px; }
.clarity-history .history-extras .muted { font-size:12px; }
.clarity-history .timeline { margin:22px 0 0 20px; }
.clarity-history .timeline li { border-left:2px solid #00bce9; padding:0 0 30px 42px; }
.clarity-history .timeline li:last-child { padding-bottom:0; }
.clarity-history .timeline li::before { width:16px; height:16px; left:-9px; top:6px; border:3px solid #00bee9; background:#fff; box-shadow:0 0 0 3px #e4f8ff; }
.clarity-history .timeline li:first-child::before { background:#00dce9; }
.clarity-history .timeline time { color:#536480; font-size:13px; margin:0; }
.clarity-history .timeline a { color:#07152f; font-size:15px; font-weight:650; line-height:1.15; }
.clarity-history .timeline strong { font-size:27px; margin:3px 0; }
.clarity-history .timeline span { color:#54627b; font-size:14px; }
.clarity-history .history-perspective { min-height:290px; display:flex; align-items:center; }
.clarity-history .history-perspective-copy { max-width:75%; padding:10px 8px; }
.clarity-history .history-perspective-copy h2 { max-width:290px; font-size:29px; line-height:1.02; }
.clarity-history .history-perspective-copy p { color:white; font-size:15px; max-width:230px; margin-bottom:24px; }
.clarity-history .history-perspective-copy a { color:#00deed; font-size:15px; }
.clarity-history .profile-shortcuts { margin:18px 0; }
.clarity-history .profile-shortcuts .shortcut-note { font-size:11px; }

/* My Results: real remembered cards, a full-width lookup and three simple steps. */
.clarity-my-results .banner-inner { min-height:245px; }
.clarity-my-results .section-heading h2 { font-size:36px; }
.clarity-my-results .recent-profiles { margin:18px 0 22px; }
.clarity-my-results .recent-profiles.recent-grid { gap:22px; }
.clarity-my-results .recent-profiles .recent-item { padding:21px 24px; border-radius:9px; }
.clarity-my-results .recent-profiles .recent-item > .system-name { font-size:25px; line-height:1.2; margin:0 0 5px; color:#09132f; }
.clarity-my-results .recent-profiles .recent-item > .muted { font-size:14px; margin:0 0 12px; }
.clarity-my-results .recent-profiles .recent-score { font-size:45px; line-height:1.1; color:#07132e; letter-spacing:-1.8px; }
.clarity-my-results .recent-profiles .tier-art { margin:17px 0 10px; }
.clarity-my-results .recent-profiles .tier-art img { border:0; border-radius:7px; }
.clarity-my-results .recent-profiles .tier-label { font-size:14px; font-weight:700; color:#182746; margin-top:3px; }
.clarity-my-results .recent-profiles .recent-points { color:#6a7890; font-size:12px; margin:0 0 7px; }
.clarity-my-results .recent-profiles .hardware-line { color:#657692; font-size:13px; line-height:1.45; margin-bottom:8px; }
.clarity-my-results .recent-profiles .recent-history-link { align-self:flex-end; min-height:42px; font-size:13px; margin-top:14px; }
.clarity-my-results .recent-profiles .recent-item > .text-link { font-size:12px; margin-top:8px; padding:0; }
.clarity-my-results #find-result.find-panel { display:block; padding:20px 23px; margin:20px 0 32px; }
.clarity-my-results #find-result.find-panel h2 { font-size:29px; margin:0 0 3px; }
.clarity-my-results #find-result.find-panel > p { margin:0 0 12px; font-size:15px; }
.clarity-my-results #find-result .result-lookup label { position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip-path:inset(50%); }
.clarity-my-results #find-result .input-row input { min-height:44px; font-size:15px; }
.clarity-my-results #find-result .button { min-width:175px; }
.clarity-my-results #find-result.find-panel > .lookup-note { font-size:12px; margin:9px 0 0; }
.clarity-my-results .journey { gap:24px; margin:17px 0 26px; }
.clarity-my-results .journey > li { padding-left:75px; border-right:1px solid #cbdbe8; }
.clarity-my-results .journey > li:last-child { border:0; }
.clarity-my-results .journey > li > span { width:50px; height:50px; font-size:23px; color:#0b1734; background:#e8f1f6; }
.clarity-my-results .journey h3 { font-size:15px; margin:5px 0; }
.clarity-my-results .journey p { color:#677b98; font-size:14px; line-height:1.45; padding-right:20px; }
.clarity-my-results .recent-empty { width:100%; padding:20px 23px 15px; }
.clarity-my-results .recent-empty .eyebrow { font-size:10px; letter-spacing:1px; color:#647faa; }
.clarity-my-results .recent-empty > svg { display:block; width:50px; height:50px; margin:8px auto 10px; }
.clarity-my-results .recent-empty h2 { font-size:23px; letter-spacing:-.5px; }
.clarity-my-results .recent-empty p { font-size:14px; color:#67809f; margin:7px auto 12px; }
.clarity-my-results .recent-empty .button { min-width:190px; }
.clarity-my-results .recent-empty-footer { border-top:1px solid #d4e1ed; margin-top:14px; padding-top:5px; }
.clarity-my-results .recent-empty-footer p { font-size:12px; margin:9px 0 4px; }
.clarity-my-results .recent-empty-footer a { color:#007bff; font-size:13px; }
.clarity-my-results .my-results-privacy-note { text-align:center; border-top:1px solid #d8e4ed; padding:17px 15px; }
.clarity-my-results .my-results-privacy-note p { color:#6a7f9a; font-size:12px; margin:0 0 5px; }
.clarity-my-results .my-results-privacy-note a { font-size:13px; color:#0076ef; }

/* Tests and scoring: concise tier guide alongside the full official master. */
.clarity-tests .about-header-inner { gap:34px; padding-top:24px; padding-bottom:24px; }
.clarity-tests .about-header-copy h1 { font-size:clamp(40px,4.5vw,62px); line-height:.98; letter-spacing:-2px; margin:0 0 17px; }
.clarity-tests .about-header-copy p { color:#eef5fc; font-size:20px; line-height:1.3; margin-bottom:17px; white-space:nowrap; }
.clarity-tests .about-header-art { border-radius:11px; aspect-ratio:1.72; }
.clarity-tests .tests-categories { margin-top:0; }
.clarity-tests .tests-categories h2, .clarity-tests .tests-tiers h2 { font-size:35px; margin-bottom:4px; }
.clarity-tests .feature-grid-detailed { gap:10px; margin-top:12px; }
.clarity-tests .feature-detailed { padding:20px 19px 20px 100px; min-height:177px; }
.clarity-tests .feature-detailed > .category-icon { width:54px; height:54px; position:absolute; top:24px; left:22px; margin:0; }
.clarity-tests .feature-detailed h3 { margin:0 0 2px; font-size:18px; }
.clarity-tests .feature-metrics { margin:0 0 10px; color:#263e63; font-size:15px; font-weight:600; }
.clarity-tests .feature-detailed p { font-size:13px; color:#415169; line-height:1.4; }
.clarity-tests .tests-tiers .lead { max-width:none; font-size:16px; line-height:1.3; margin-bottom:15px; color:#657f9f; }
.clarity-tests .tier-explainer { grid-template-columns:.85fr 1.15fr; gap:22px; align-items:start; }
.clarity-tests .tier-explainer .tier-guide { min-width:0; }
.clarity-tests .tier-explainer .tier-guide th, .clarity-tests .tier-explainer .tier-guide td { font-size:13px; padding:5px 22px; border:1px solid #e4edf4; text-transform:none; letter-spacing:0; line-height:1.35; }
.clarity-tests .tier-explainer .tier-guide thead th { color:#102140; background:#eaf2f6; font-size:12px; font-weight:600; }
.clarity-tests .tier-explainer .tier-guide tbody th { width:54%; background:#fff; }
.clarity-tests .tier-explainer .tier-guide td { font-weight:650; }
.clarity-tests .tier-master-link { color:#101d3c; font-weight:700; }
.clarity-tests .tier-explainer-art { border-radius:7px; }
.clarity-tests .tier-explainer-art .tier-label { display:none; }
.clarity-tests .tier-explainer-art img { border-radius:7px; }
.clarity-tests .tier-explainer-art figcaption { text-align:center; font-size:12px; color:#294565; margin-top:6px; }
.clarity-tests .scoring-statements { gap:12px; margin:20px 0 16px; }
.clarity-tests .scoring-statements > .panel { display:flex; gap:20px; align-items:flex-start; padding:20px; }
.clarity-tests .scoring-statements > .panel > svg { width:37px; height:37px; }
.clarity-tests .scoring-statements h3 { font-family:var(--orbit-body-font); font-size:13px; line-height:1.3; letter-spacing:-.3px; margin:0 0 7px; }
.clarity-tests .scoring-statements p { font-size:12px; color:#46556e; line-height:1.4; }
.clarity-tests .advanced-finale { min-height:195px; margin-top:18px; }
.clarity-tests .advanced-finale .scene-copy { width:57%; }
.clarity-tests .advanced-finale h2 { font-size:29px; }
.clarity-tests .advanced-finale p { font-size:13px; line-height:1.35; }

/* Privacy: two balanced illustrated lists, public history, shortcuts and contact. */
.clarity-privacy .banner-inner { min-height:257px; }
.clarity-privacy .banner-copy h1 { font-size:clamp(34px,3.9vw,52px); line-height:1.01; }
.clarity-privacy .privacy-grid { gap:20px; margin:0; }
.clarity-privacy .privacy-grid > .panel { margin:0; padding:17px 23px; }
.clarity-privacy .privacy-grid h2 { font-size:29px; margin-bottom:4px; }
.clarity-privacy .privacy-grid .muted { font-size:14px; margin-bottom:3px; }
.clarity-privacy dl.privacy-list { margin:10px 0 0; }
.clarity-privacy .privacy-item { position:relative; padding:13px 0 13px 64px!important; min-height:65px; }
.clarity-privacy .privacy-item:last-child { padding-bottom:0!important; }
.clarity-privacy .privacy-item .privacy-icon { position:absolute; left:4px; top:15px; width:34px; height:34px; margin:0; }
.clarity-privacy .privacy-item dt { color:#0d203d; font-size:14px; font-weight:700; letter-spacing:-.2px; margin:0 0 3px; }
.clarity-privacy .privacy-item dd { color:#536681; font-size:12px; line-height:1.4; }
.clarity-privacy .private-fields .privacy-item { padding-top:19px!important; padding-bottom:19px!important; min-height:77px; }
.clarity-privacy .private-fields .privacy-icon { top:21px; }
.clarity-privacy .privacy-notice { display:flex; align-items:center; gap:15px; border:1px solid #dce7f0; background:#f4f9fc; padding:13px 20px; margin:16px 0; border-radius:8px; }
.clarity-privacy .privacy-notice svg { width:23px; height:23px; color:#0079ff; }
.clarity-privacy .privacy-notice p { margin:0; color:#63738c; font-size:13px; }
.clarity-privacy .privacy-history { padding:18px 23px; margin:18px 0; }
.clarity-privacy .privacy-history h2 { font-size:29px; margin:0 0 4px; }
.clarity-privacy .privacy-history > p { font-size:14px; color:#697e99; margin:0 0 22px; }
.clarity-privacy .privacy-history .supporting-grid { gap:30px; }
.clarity-privacy .privacy-history .supporting-grid > div { display:flex; align-items:flex-start; gap:27px; padding:7px 6px; }
.clarity-privacy .privacy-history .supporting-grid > div + div { border-left:1px solid #d9e5ef; padding-left:30px; }
.clarity-privacy .privacy-history svg { width:44px; height:44px; }
.clarity-privacy .privacy-history h3 { font-family:var(--orbit-body-font); font-size:16px; letter-spacing:-.4px; margin:0 0 5px; }
.clarity-privacy .privacy-history .supporting-grid p { font-size:13px; color:#586d8b; margin:0; }
.clarity-privacy .shortcut-panel { margin:18px 0; border-radius:8px; padding:22px; gap:35px; background:#001e31; }
.clarity-privacy .shortcut-panel h2 { font-size:29px; margin-bottom:7px; }
.clarity-privacy .shortcut-panel > div:first-child { flex:1; }
.clarity-privacy .shortcut-panel p { color:#eef5fc; font-size:14px; line-height:1.35; }
.clarity-privacy .shortcut-panel > div:last-child { width:31%; min-width:275px; max-width:none; }
.clarity-privacy .shortcut-panel > div:last-child .button { width:100%; border-color:#dfecf8; font-size:12px; min-height:44px; }
.clarity-privacy .shortcut-panel > div:last-child p { font-size:11px; margin:9px 0 0; }
.clarity-privacy .contact-panel { margin:18px 0; padding:17px 22px; gap:20px; }
.clarity-privacy .contact-panel h2 { font-size:25px; white-space:nowrap; margin-bottom:2px; }
.clarity-privacy .contact-panel p { font-size:14px; color:#4f6688; }
.clarity-privacy .contact-panel .actions { gap:9px; }
.clarity-privacy .contact-panel .button { min-height:43px; font-size:11px; padding:10px 14px; }

@media(min-width:1000px) and (max-width:1199px) {
 .clarity-support .results-table th,.clarity-support .results-table td{padding-left:10px;padding-right:10px}.clarity-support .results-table .result-actions{padding:6px 9px}.clarity-support .ranking-tier-summary{gap:8px}.clarity-support .ranking-tier-value .table-score{font-size:21px}.clarity-support .ranking-tier-name{font-size:10px}
 .clarity-compare .compare-card-score strong{font-size:39px}.clarity-compare .compare-card-score small{font-size:18px}.clarity-compare .comparison-role{font-size:9px;padding:5px 8px}.clarity-compare .comparison-hardware-list > div{grid-template-columns:115px minmax(0,1fr)}.clarity-compare .comparison-receipt-card{gap:10px;padding:12px}.clarity-compare .comparison-receipt-card .button{font-size:10px;padding:8px}.clarity-compare .comparison-receipt-card strong{font-size:11px}.clarity-compare .comparison-table th,.clarity-compare .comparison-table td{padding-left:14px;padding-right:14px}
 .clarity-history .profile-best-copy{padding:20px}.clarity-history .profile-best .button{min-width:0;width:100%;font-size:12px}.clarity-history .history-best-score{font-size:43px}.clarity-history .history-best-score small{font-size:20px}.clarity-history .best-points{font-size:19px}.clarity-history .best-points strong{font-size:27px}.clarity-history .profile-best p{font-size:16px}.clarity-history .history-summary{padding:15px;gap:15px}.clarity-history .history-summary > div{gap:13px}.clarity-history .history-summary strong{font-size:12px}.clarity-history .history-table td,.clarity-history .history-table th{padding-left:12px;padding-right:12px}.clarity-history .history-table .text-link{font-size:12px}
 .clarity-tests .about-header-copy p{font-size:16px}.clarity-tests .feature-detailed{padding-left:78px;padding-right:14px}.clarity-tests .feature-detailed > .category-icon{width:43px;height:43px;left:18px}.clarity-tests .feature-metrics{font-size:12px}.clarity-tests .feature-detailed h3{font-size:16px}.clarity-tests .feature-detailed p{font-size:12px}.clarity-tests .scoring-statements > .panel{padding:16px;gap:13px}.clarity-tests .scoring-statements h3{font-size:12px}
 .clarity-privacy .contact-panel{flex-wrap:wrap}.clarity-privacy .privacy-item{padding-left:50px!important}.clarity-privacy .privacy-item dt{font-size:13px}.clarity-privacy .privacy-item dd{font-size:11px}.clarity-privacy .shortcut-panel h2{font-size:26px}
}
@media(max-width:999px) and (min-width:701px) {
 .clarity-support .page-wrap,.clarity-support .banner-inner,.clarity-support .about-header-inner{width:92%;padding-left:0;padding-right:0}.clarity-history .history-hero-inner{width:92%}.clarity-support .section.in-page{width:100%;padding:0}.clarity-support .banner-copy h1{font-size:44px}.clarity-support .banner-copy p{font-size:16px}.clarity-support .results-table{min-width:760px}.clarity-compare .compare-card-score strong{font-size:38px}.clarity-compare .compare-card-score small{font-size:18px}.clarity-compare .comparison-role{font-size:9px;padding:5px 8px}.clarity-compare .comparison-table{min-width:700px}.clarity-compare .comparison-hardware-list > div{grid-template-columns:120px minmax(0,1fr)}.clarity-compare .comparison-receipt-card{flex-wrap:wrap}.clarity-compare .comparison-receipt-card .button{margin-left:auto}.clarity-compare .compare-card-hardware{grid-template-columns:1fr 1fr}.clarity-history .history-table{min-width:790px}.clarity-history .profile-best-copy{padding:16px}.clarity-history .profile-best .button{min-width:0;width:100%;padding:10px;font-size:12px}.clarity-history .history-best-score{font-size:41px}.clarity-history .history-best-score small{font-size:19px}.clarity-history .best-points{font-size:18px}.clarity-history .best-points strong{font-size:26px}.clarity-history .profile-best p{font-size:16px}.clarity-tests .about-header-copy h1{font-size:44px}.clarity-tests .about-header-copy p{font-size:16px;white-space:normal}.clarity-tests .feature-detailed{padding:18px 15px 18px 77px;min-height:188px}.clarity-tests .feature-detailed > .category-icon{width:43px;height:43px;left:18px}.clarity-tests .feature-metrics{font-size:12px}.clarity-tests .feature-detailed h3{font-size:16px}.clarity-tests .feature-detailed p{font-size:12px}.clarity-tests .tier-explainer{grid-template-columns:.85fr 1.15fr}.clarity-tests .tier-explainer .tier-guide th,.clarity-tests .tier-explainer .tier-guide td{padding:6px 14px;font-size:12px}.clarity-privacy .contact-panel{flex-wrap:wrap}.clarity-privacy .shortcut-panel{flex-direction:row}.clarity-privacy .shortcut-panel > div:last-child{min-width:240px}.clarity-privacy .privacy-item{padding-left:50px!important}.clarity-privacy .privacy-item dt{font-size:13px}.clarity-privacy .privacy-item dd{font-size:11px}.clarity-privacy .privacy-grid{gap:16px}.clarity-privacy .privacy-grid > .panel{padding:18px}.clarity-privacy .privacy-history .supporting-grid{gap:18px}.clarity-privacy .privacy-history .supporting-grid > div{gap:17px}.clarity-privacy .privacy-history .supporting-grid > div + div{padding-left:20px}
}
@media(max-width:700px) {
 .clarity-support .page-wrap{padding:20px}.clarity-support .banner-inner{min-height:245px;padding:35px 20px}.clarity-support .banner-copy{max-width:100%}.clarity-support .banner-copy h1{font-size:38px;letter-spacing:-1.4px;line-height:1.06}.clarity-support .banner-copy p{font-size:16px}.clarity-support .section.in-page{margin:26px 0;padding:0}.clarity-support h2{font-size:28px}.clarity-support .scene-banner{padding:24px;min-height:275px}.clarity-support .scene-copy,.clarity-explorer .explorer-finale .scene-copy,.clarity-tests .advanced-finale .scene-copy{width:100%}.clarity-support .scene-copy h2{font-size:28px}.clarity-support .scene-copy p{font-size:13px}.clarity-support .results-table{min-width:760px}.clarity-support .results-table thead{display:table-header-group}.clarity-support .results-table,.clarity-support .results-table tbody{display:table}.clarity-support .results-table tbody{display:table-row-group}.clarity-support .results-table tr{display:table-row}.clarity-support .results-table td{display:table-cell;width:auto}.clarity-support .results-table td::before{content:none}.clarity-support .category-strip-row{display:table-row!important}.clarity-support .ranking-tier-summary{flex-direction:row}.clarity-support .ranking-tier-name{font-size:11px}.clarity-support .category-strip{grid-template-columns:repeat(6,minmax(0,1fr))}
 .clarity-explorer .filter-panel{padding:20px}.clarity-explorer .filter-panel h2{font-size:29px}.clarity-explorer .filters{grid-template-columns:1fr;gap:14px}.clarity-explorer .compare-toolbar{padding:17px}.clarity-explorer .compare-toolbar .button{width:100%;min-width:0}.clarity-explorer .explanation-panel{padding:20px;align-items:flex-start;gap:15px}.clarity-explorer .explanation-panel > svg{width:46px;height:46px;padding:10px}.clarity-explorer .explanation-panel h3{font-size:18px}.clarity-explorer .explanation-panel p{font-size:13px}.clarity-explorer .explorer-finale{min-height:310px}.clarity-explorer .explorer-finale::after{background:linear-gradient(90deg,#fffffff5,#ffffffe8 40%,#ffffff80)}
 .clarity-compare .compare-cards,.clarity-compare .hardware-comparison,.clarity-compare .comparison-receipts{grid-template-columns:1fr}.clarity-compare .compare-card header h2{font-size:24px}.clarity-compare .compare-card-score strong{font-size:45px}.clarity-compare .comparison-role{font-size:10px;padding:6px 9px}.clarity-compare .compare-card-hardware{grid-template-columns:1fr 1fr}.clarity-compare .compare-card-hardware svg{width:26px;height:26px}.clarity-compare .comparison-table{min-width:670px;display:table}.clarity-compare .comparison-table thead{display:table-header-group}.clarity-compare .comparison-table tbody{display:table-row-group}.clarity-compare .comparison-table tr{display:table-row}.clarity-compare .comparison-table th,.clarity-compare .comparison-table td{display:table-cell;padding:7px 15px}.clarity-compare .comparison-table td::before{content:none}.clarity-compare .comparison-hardware-list > div{grid-template-columns:120px minmax(0,1fr)}.clarity-compare .comparison-receipt-card{gap:13px;padding:13px}.clarity-compare .comparison-receipt-card strong{font-size:12px}.clarity-compare .comparison-receipt-card .button{font-size:10px;min-height:42px;padding:9px 10px}.clarity-compare .comparison-links{gap:18px;font-size:12px}.clarity-compare .comparison-links a + a{padding-left:18px}.clarity-compare .scene-banner{min-height:200px}
 .clarity-history .history-hero-inner{width:calc(100% - 40px)}.clarity-history .history-title{padding:0}.clarity-history .history-title h1{font-size:45px}.clarity-history .history-title > strong{font-size:19px}.clarity-history .history-title p{font-size:13px}.clarity-history .profile-best{grid-template-columns:1fr}.clarity-history .profile-best-copy{padding:25px}.clarity-history .history-best-score{font-size:58px}.clarity-history .profile-best > .tier-hero{border-left:0;border-top:1px solid #00bfe3}.clarity-history .history-summary{grid-template-columns:1fr;gap:12px;padding:19px}.clarity-history .history-summary > div{border:0;gap:18px}.clarity-history .history-summary .category-icon{width:38px;height:38px}.clarity-history .history-heading{align-items:flex-start;flex-direction:column;gap:8px}.clarity-history .history-heading h2{font-size:32px}.clarity-history .segmented{width:100%}.clarity-history .segmented a{flex:1;min-width:0}.clarity-history .history-table{min-width:780px}.clarity-history .history-extras{grid-template-columns:1fr}.clarity-history .history-perspective-copy{max-width:85%}.clarity-history .history-perspective-copy h2{font-size:29px}.clarity-history .history-extras > .panel{padding:22px}
 .clarity-my-results .section-heading h2{font-size:30px}.clarity-my-results .recent-profiles.recent-grid{grid-template-columns:1fr}.clarity-my-results .recent-profiles .recent-score{font-size:43px}.clarity-my-results .recent-profiles .recent-item{padding:22px}.clarity-my-results #find-result.find-panel{padding:20px}.clarity-my-results #find-result .input-row{flex-direction:column}.clarity-my-results #find-result .button{width:100%}.clarity-my-results .journey{grid-template-columns:1fr;gap:20px}.clarity-my-results .journey > li{border:0;padding-left:69px}.clarity-my-results .journey p{font-size:14px}.clarity-my-results .recent-empty h2{font-size:23px}
 .clarity-tests .about-header-inner{display:flex;flex-direction:column;gap:24px;padding:30px 20px}.clarity-tests .about-header-copy{width:100%}.clarity-tests .about-header-copy h1{font-size:45px}.clarity-tests .about-header-copy p{font-size:17px;white-space:normal}.clarity-tests .about-header-art{width:100%}.clarity-tests .tests-categories h2,.clarity-tests .tests-tiers h2{font-size:31px}.clarity-tests .feature-grid-detailed{grid-template-columns:1fr;gap:12px}.clarity-tests .feature-detailed{min-height:150px;padding:21px 21px 21px 96px}.clarity-tests .feature-detailed > .category-icon{left:23px;top:25px;width:49px;height:49px}.clarity-tests .feature-detailed p{font-size:13px}.clarity-tests .tier-explainer{grid-template-columns:1fr;gap:20px}.clarity-tests .tier-explainer .tier-guide{display:table;min-width:0}.clarity-tests .tier-explainer .tier-guide thead{display:table-header-group}.clarity-tests .tier-explainer .tier-guide tbody{display:table-row-group}.clarity-tests .tier-explainer .tier-guide tr{display:table-row}.clarity-tests .tier-explainer .tier-guide th,.clarity-tests .tier-explainer .tier-guide td{display:table-cell;padding:8px 17px}.clarity-tests .tier-explainer .tier-guide td::before{content:none}.clarity-tests .scoring-statements{grid-template-columns:1fr}.clarity-tests .scoring-statements h3{font-size:15px}.clarity-tests .scoring-statements p{font-size:13px}
 .clarity-privacy .banner-copy h1{font-size:36px}.clarity-privacy .privacy-grid{grid-template-columns:1fr;gap:18px}.clarity-privacy .privacy-grid > .panel{padding:21px}.clarity-privacy .privacy-item{padding-left:52px!important}.clarity-privacy .privacy-item dt{font-size:13px}.clarity-privacy .privacy-item dd{font-size:12px}.clarity-privacy .privacy-history{padding:22px}.clarity-privacy .privacy-history h2{font-size:28px}.clarity-privacy .privacy-history .supporting-grid{grid-template-columns:1fr;gap:19px}.clarity-privacy .privacy-history .supporting-grid > div{gap:20px;padding:0}.clarity-privacy .privacy-history .supporting-grid > div + div{border:0;padding:0}.clarity-privacy .privacy-history .supporting-grid svg{width:38px;height:38px}.clarity-privacy .shortcut-panel{flex-direction:column;padding:22px;gap:22px}.clarity-privacy .shortcut-panel h2{font-size:28px}.clarity-privacy .shortcut-panel > div:last-child{width:100%;min-width:0}.clarity-privacy .contact-panel{display:block;padding:22px}.clarity-privacy .contact-panel h2{font-size:25px;white-space:normal}.clarity-privacy .contact-panel .actions{display:grid;grid-template-columns:1fr;margin-top:15px;gap:10px}.clarity-privacy .contact-panel .button{font-size:12px}
}
