.catalogue-symbols { position:absolute; width:0; height:0; overflow:hidden; }
.tc-icon { width:21px; height:21px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; flex-shrink:0; }
.tc-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.catalogue-page { --catalogue-muted:#53677d; padding-bottom:0; }
.catalogue-heading { padding-block:24px 22px; }
.catalogue-results-heading { display:flex; align-items:center; gap:26px; min-width:0; }
.catalogue-list-button { display:inline-flex; align-items:center; gap:8px; font-size:11px; font-weight:600; padding:9px 12px; border:1px solid var(--line); border-radius:3px; background:#fff; min-height:38px; white-space:nowrap; }
.catalogue-list-button:hover { background:var(--paper); border-color:#b4c4d3; }
.catalogue-list-button > .tc-icon { width:17px; height:17px; }
.catalogue-list-button > [data-saved-count] { background:#eaf0f6; border-radius:50%; min-width:20px; line-height:20px; text-align:center; font-size:9px; }
.catalogue-search > .catalogue-search-list { flex-shrink:0; align-self:center; min-height:46px; padding:11px 18px; gap:10px; font-size:12px; }
@media (max-width:700px) { .catalogue-search > .catalogue-search-list { align-self:stretch; justify-content:center; min-height:40px; font-size:11px; padding:9px 14px; } }
.catalogue-pagination-summary { display:flex; align-items:center; flex-wrap:wrap; gap:16px; }
.catalogue-page-size { display:flex; align-items:center; gap:7px; padding-left:16px; border-left:1px solid var(--line); }
.catalogue-page-size label { font-size:10px; color:var(--catalogue-muted); white-space:nowrap; }
.catalogue-page-size select { min-height:32px; font-size:10px; color:var(--navy); background:#fff; border:1px solid var(--line); border-radius:3px; padding:6px 22px 6px 8px; }
.catalogue-page-size > button { font-size:10px; margin-left:3px; min-height:32px; }
.catalogue-results-toolbar { flex-wrap:wrap; }
@media (max-width:960px) { .catalogue-results-heading { gap:16px; } .catalogue-list-button { font-size:10px; padding:8px 10px; } }
@media (max-width:700px) { .catalogue-heading { padding-block:20px; } .catalogue-results-heading { flex:1; gap:10px; } .catalogue-results-toolbar { row-gap:12px; } .catalogue-results-toolbar > .catalogue-sort { display:flex; align-items:center; gap:8px; margin-left:auto; } .catalogue-results-toolbar > .catalogue-sort label { margin:0; } .catalogue-list-button { font-size:10px; min-height:36px; padding:7px 9px; } .catalogue-pagination-summary { gap:12px; } .catalogue-page-size { padding-left:12px; gap:6px; } }
.catalogue-breadcrumb { display:flex; flex-wrap:wrap; align-items:center; gap:12px; color:var(--catalogue-muted); font-size:11px; }
.catalogue-breadcrumb a:hover { color:var(--navy); text-decoration:underline; }
.catalogue-breadcrumb > span[aria-hidden] { color:#9aabba; }
.catalogue-kicker { font-size:9px; font-weight:650; letter-spacing:1.5px; line-height:1.6; color:var(--catalogue-muted); }
.catalogue-workspace { padding-bottom:26px; }
.catalogue-search { position:relative; padding:20px 23px; border:1px solid var(--line); background:var(--paper); display:flex; align-items:center; gap:28px; border-radius:5px; }
.catalogue-search-control { position:relative; flex:1; min-width:0; }
.catalogue-search-control > label { display:block; font-size:10px; font-weight:650; margin-bottom:6px; }
.catalogue-search-input { display:flex; align-items:center; gap:12px; }
.catalogue-search-input > .tc-icon { width:23px; color:var(--catalogue-muted); }
.catalogue-search input { border:0; background:transparent; padding:5px 0; width:100%; min-width:0; outline-offset:3px; font-size:16px; color:var(--navy); }
.catalogue-search input::placeholder { color:#6c7f91; opacity:1; }
.catalogue-search input::-webkit-search-cancel-button { display:none; }
.catalogue-search-bottom { display:flex; gap:20px; justify-content:space-between; margin:11px 1px 22px; color:var(--catalogue-muted); font-size:10px; line-height:1.6; }
.catalogue-examples { display:flex; flex-wrap:wrap; align-items:baseline; gap:10px; white-space:nowrap; }
.catalogue-examples button,.catalogue-examples a { padding:0; background:none; font-size:10px; color:#365776; text-decoration:underline; text-decoration-color:#aebdcb; text-underline-offset:3px; }
.catalogue-layout { display:grid; grid-template-columns:215px minmax(0,1fr); gap:42px; margin-top:38px; }
.catalogue-sidebar { min-width:0; }
.catalogue-sidebar-heading { display:flex; justify-content:space-between; align-items:center; gap:8px; padding-bottom:20px; border-bottom:1px solid var(--line); }
.catalogue-sidebar-heading h2 { display:flex; align-items:center; gap:7px; font-size:12px; font-weight:600; }
.catalogue-sidebar-heading .tc-icon { width:17px; }
.catalogue-sidebar-heading > a { font-size:10px; color:var(--catalogue-muted); text-decoration:underline; text-underline-offset:3px; }
.catalogue-type-filter { border:0; border-bottom:1px solid var(--line); padding:20px 0; margin:0; }
.catalogue-type-filter legend { float:left; width:100%; font-size:10px; font-weight:650; margin-bottom:14px; }
.catalogue-type-filter label { display:flex; align-items:center; gap:10px; clear:both; font-size:12px; margin-bottom:13px; cursor:pointer; }
.catalogue-type-filter label:last-child { margin-bottom:0; }
.catalogue-type-filter input { accent-color:var(--navy); width:15px; height:15px; margin:0; }
.catalogue-select-filter { padding-top:21px; }
.catalogue-select-filter label { display:block; font-size:10px; font-weight:650; margin-bottom:9px; }
.catalogue-select-filter select,.catalogue-sort select { max-width:100%; border:1px solid var(--line); border-radius:3px; color:var(--navy); background-color:#fff; min-height:39px; padding:9px 30px 9px 11px; font-size:11px; text-overflow:ellipsis; }
.catalogue-select-filter select { width:100%; }
.catalogue-apply { width:100%; margin-top:20px; font-size:11px; }
.catalogue-sidebar-help { background:var(--paper); padding:20px 18px; margin-top:30px; border-radius:3px; }
.catalogue-help-mark { display:block; font-size:37px; color:#d8581b; font-weight:300; line-height:1; margin-bottom:10px; }
.catalogue-sidebar-help h3 { font-size:14px; font-weight:500; margin-bottom:9px; }
.catalogue-sidebar-help p { font-size:11px; color:var(--catalogue-muted); line-height:1.75; }
.catalogue-sidebar-help a { display:flex; align-items:center; justify-content:space-between; font-size:10px; font-weight:650; margin-top:17px; }
.catalogue-sidebar-help .tc-icon { width:15px; }
.catalogue-results-pane { min-width:0; }
.catalogue-results-toolbar { display:flex; align-items:center; justify-content:space-between; gap:20px; padding-bottom:20px; }
.catalogue-results-toolbar h2 { font-size:27px; font-weight:450; letter-spacing:-.9px; line-height:1.3; margin-top:3px; }
.catalogue-results-toolbar h2:focus { outline:none; }
.catalogue-sort { display:flex; align-items:center; gap:9px; }
.catalogue-sort label { font-size:10px; color:var(--catalogue-muted); white-space:nowrap; }
.catalogue-sort select { min-height:34px; padding-block:7px; font-size:10px; }
.catalogue-column-labels,.test-result { display:grid; grid-template-columns:88px minmax(0,1fr) 180px 80px; align-items:center; gap:21px; }
.catalogue-column-labels { padding:11px 17px; background:var(--paper); color:var(--catalogue-muted); font-size:8px; letter-spacing:.8px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.test-result { padding:21px 17px; border-bottom:1px solid var(--line); background:#fff; transition:background .16s; }
.test-result:hover { background:#f9fbfd; }
.test-result-code { align-self:start; padding-top:1px; }
.test-code { font-variant-numeric:tabular-nums; font-size:12px; font-weight:650; letter-spacing:.2px; }
.test-kind { display:inline-flex; align-items:center; padding:3px 7px; background:#f0f4f8; border:1px solid #e0e7ef; border-radius:3px; font-size:8px; font-weight:600; line-height:1.3; color:#4e6780; }
.test-kind.is-panel { background:#fff0e4; color:#975025; border-color:#f4d8c5; }
.test-result-code .test-kind { display:table; margin-top:7px; }
.test-result-main h3 { font-size:14px; line-height:1.5; letter-spacing:-.2px; font-weight:550; overflow-wrap:anywhere; }
.test-result-main h3 a:hover { color:#bf4a12; }
.test-result-main h3 a .tc-icon { width:13px; height:13px; vertical-align:middle; margin-left:6px; color:#6a8297; }
.test-result-main p { font-size:10px; color:var(--catalogue-muted); margin-top:6px; line-height:1.6; }
.test-result-specimen { align-self:start; font-size:11px; line-height:1.55; min-width:0; overflow-wrap:anywhere; }
.test-result-specimen strong { display:block; font-weight:450; }
.test-result-specimen > span:last-child { display:block; color:var(--catalogue-muted); font-size:9px; margin-top:4px; }
.tc-mobile-label { display:none; }
.test-result-actions { display:flex; flex-direction:column; align-items:flex-end; gap:10px; }
.tc-icon-button { display:inline-flex; align-items:center; justify-content:center; width:34px; height:34px; border:1px solid var(--line); border-radius:3px; background:#fff; transition:background .15s,color .15s; }
.tc-icon-button .tc-icon { width:17px; height:17px; }
.tc-icon-button:hover { background:#edf3f8; }
.test-save[aria-pressed="true"] { color:#be4d17; border-color:#f1cfb8; background:#fff3e9; }
.test-save[aria-pressed="true"] .tc-icon { fill:#ffe4cf; }
.test-compare { display:flex; align-items:center; gap:5px; color:var(--catalogue-muted); font-size:9px; cursor:pointer; white-space:nowrap; }
.test-compare input { accent-color:var(--navy); margin:0; width:12px; height:12px; }
.catalogue-pagination-wrap { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-top:24px; }
.catalogue-pagination-summary > p { font-size:10px; color:var(--catalogue-muted); }
.catalogue-pagination { display:flex; flex-wrap:wrap; gap:5px; }
.catalogue-pagination a { min-width:29px; height:30px; display:inline-flex; align-items:center; justify-content:center; border:1px solid transparent; font-size:10px; border-radius:3px; padding-inline:7px; }
.catalogue-pagination a:hover { background:var(--paper); border-color:var(--line); }
.catalogue-pagination a[aria-current] { background:var(--navy); color:white; }
.catalogue-active-filters { display:flex; flex-wrap:wrap; gap:7px; margin:-5px 0 17px; }
.catalogue-active-filters button { display:inline-flex; align-items:center; gap:7px; background:#edf2f7; color:#34516d; font-size:10px; padding:6px 9px; border-radius:3px; }
.catalogue-active-filters .tc-icon { width:11px; height:11px; }
.catalogue-empty { padding:65px 25px; text-align:center; background:#f8fafc; }
.catalogue-empty > .tc-icon { width:32px; height:32px; color:#8c9eaf; margin-bottom:20px; }
.catalogue-empty h3 { font-size:23px; font-weight:450; letter-spacing:-.6px; }
.catalogue-empty p { font-size:12px; line-height:1.8; color:var(--catalogue-muted); margin:12px auto 20px; max-width:390px; }
.catalogue-empty .button { font-size:11px; }
.catalogue-error { padding:16px; background:#fff5ed; border:1px solid #efd6c4; font-size:12px; line-height:1.7; margin-bottom:16px; }
.catalogue-error a { font-weight:650; text-decoration:underline; text-underline-offset:3px; }
.catalogue-suggestions { position:absolute; top:calc(100% + 18px); left:-24px; right:-24px; z-index:30; padding:7px; background:#fff; border:1px solid var(--line); box-shadow:0 15px 35px #082b5217; border-radius:0 0 5px 5px; }
.catalogue-suggestions a { display:grid; grid-template-columns:65px minmax(0,1fr) 18px; gap:12px; align-items:center; padding:11px 13px; font-size:12px; border-radius:3px; }
.catalogue-suggestions a:hover,.catalogue-suggestions a:focus,.catalogue-suggestions a[aria-selected="true"] { background:var(--paper); }
.catalogue-suggestions .test-code { color:var(--catalogue-muted); font-size:10px; }
.catalogue-suggestions .tc-icon { width:15px; height:15px; }
.catalogue-contact { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:100px; padding-top:65px; padding-bottom:75px; margin-top:35px; border-top:1px solid var(--line); }
.catalogue-contact h2 { font-size:34px; font-weight:450; line-height:1.25; letter-spacing:-1.2px; margin-top:12px; }
.catalogue-contact > div:last-child { max-width:420px; }
.catalogue-contact p:not(.catalogue-kicker) { color:var(--catalogue-muted); font-size:13px; line-height:1.85; margin-bottom:20px; }
.catalogue-contact .text-link { font-size:11px; }
.catalogue-shared-note { display:flex; align-items:center; gap:25px; padding:18px 20px; border:1px solid var(--line); border-radius:4px; margin-top:18px; }
.catalogue-shared-note > div { flex:1; }
.catalogue-shared-note strong { font-size:14px; }
.catalogue-shared-note p { font-size:11px; line-height:1.7; color:var(--catalogue-muted); margin-top:4px; }
.tc-text-button { background:none; padding:0; font-size:11px; font-weight:600; display:inline-flex; gap:8px; align-items:center; text-decoration:underline; text-decoration-color:#b5c1cd; text-underline-offset:4px; }
.tc-text-button .tc-icon { width:15px; height:15px; }
.catalogue-noscript { padding:15px; background:var(--paper); font-size:12px; margin-top:25px; }
.catalogue-compare-tray { position:fixed; bottom:0; left:0; right:0; background:var(--navy); color:#fff; z-index:60; box-shadow:0 -8px 30px #082b5214; }
.compare-tray-inner { display:flex; align-items:center; justify-content:space-between; gap:20px; min-height:76px; padding-block:12px; }
.compare-tray-inner > div { display:flex; align-items:center; gap:20px; }
.compare-tray-inner > div:first-child > .tc-icon { color:#ffad7a; }
.compare-tray-inner strong { font-size:13px; font-weight:500; }
.compare-tray-hint { color:#bdcede; font-size:10px; }
.compare-tray-inner .tc-text-button { color:#d0ddeb; font-size:10px; }
.compare-tray-inner .button { font-size:11px; min-height:42px; }
body:has(.catalogue-compare-tray:not([hidden])) { padding-bottom:76px; }
.catalogue-dialog { color:var(--navy); border:1px solid var(--line); border-radius:6px; width:min(760px,calc(100% - 40px)); max-height:calc(100dvh - 70px); padding:30px; overflow:auto; }
.catalogue-dialog::backdrop { background:#061d35a6; backdrop-filter:blur(3px); }
.dialog-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; }
.dialog-heading h2 { font-size:32px; line-height:1.3; font-weight:450; letter-spacing:-1px; margin-top:6px; }
.dialog-intro { color:var(--catalogue-muted); font-size:12px; line-height:1.8; margin-top:13px; margin-bottom:22px; }
.saved-list-row { display:grid; grid-template-columns:70px 1fr 32px; gap:14px; align-items:center; padding:15px 0; border-bottom:1px solid var(--line); }
.saved-list-row > a { font-size:13px; line-height:1.5; font-weight:550; }
.saved-list-row > a:hover { text-decoration:underline; }
.saved-list-row > .test-code { color:var(--catalogue-muted); font-size:11px; }
.saved-list-empty { padding:35px 10px; text-align:center; background:var(--paper); }
.saved-list-empty h3 { font-size:20px; font-weight:450; margin-bottom:10px; }
.saved-list-empty p { color:var(--catalogue-muted); font-size:12px; line-height:1.7; max-width:360px; margin:auto; }
.list-dialog-actions { display:flex; align-items:center; flex-wrap:wrap; gap:12px; margin-top:23px; }
.list-dialog-actions .button { font-size:11px; min-height:40px; }
.list-dialog-actions > .tc-text-button { margin-left:auto; }
.tc-button-outline { color:var(--navy); border:1px solid var(--line); background:#fff; }
.toolkit-note { color:var(--catalogue-muted); font-size:10px; line-height:1.8; padding-top:18px; margin-top:18px; border-top:1px solid var(--line); }
.compare-dialog { width:min(1130px,calc(100% - 40px)); }
.comparison-scroll { overflow:auto; overscroll-behavior:contain; }
.comparison-table { border-collapse:collapse; width:100%; min-width:570px; table-layout:fixed; font-size:11px; line-height:1.65; }
.comparison-table th,.comparison-table td { text-align:left; vertical-align:top; padding:15px 13px; border:1px solid var(--line); overflow-wrap:anywhere; }
.comparison-table thead th { background:var(--paper); font-weight:550; }
.comparison-table thead th:first-child { width:140px; }
.comparison-table thead th > a { display:block; font-size:14px; line-height:1.5; margin-top:7px; }
.comparison-table tbody th { font-size:10px; font-weight:550; background:#fafbfd; }
.comparison-table .test-kind { margin-top:8px; }
.comparison-table ul { margin:0; padding-left:15px; }
.catalogue-toast { position:fixed; left:50%; bottom:100px; transform:translateX(-50%); z-index:200; background:#082b52; color:white; border:1px solid #70869b; border-radius:4px; padding:13px 22px; box-shadow:0 5px 25px #082b5221; max-width:calc(100% - 32px); font-size:12px; text-align:center; }
.catalogue-print-sheet { display:none; }
.catalogue-type-filter label { min-height:28px; }
.catalogue-copy-dialog h2 { font-size:24px; font-weight:450; }
.catalogue-copy-dialog > input { display:block; width:100%; padding:12px; border:1px solid var(--line); background:var(--paper); color:var(--navy); margin-bottom:20px; }
.test-detail-hero { padding-top:28px; padding-bottom:30px; }
.test-detail-heading { display:flex; justify-content:space-between; align-items:flex-start; gap:45px; margin-top:38px; margin-bottom:26px; }
.test-detail-heading > div:first-child { flex:1; max-width:900px; }
.test-detail-meta { display:flex; flex-wrap:wrap; align-items:center; gap:18px; color:var(--catalogue-muted); font-size:9px; letter-spacing:.6px; }
.test-detail-meta > span:not(:first-child) { padding-left:16px; border-left:1px solid var(--line); }
.test-detail-meta strong { color:var(--navy); margin-left:7px; font-size:11px; }
.test-detail-heading h1 { font-size:clamp(31px,3.4vw,49px); font-weight:450; letter-spacing:-1.8px; line-height:1.18; margin-top:20px; overflow-wrap:anywhere; }
.test-aliases { font-size:12px; color:var(--catalogue-muted); line-height:1.8; margin-top:15px; }
.test-aliases strong { font-weight:500; }
.test-detail-description { color:var(--catalogue-muted); font-size:14px; line-height:1.8; margin-top:17px; max-width:730px; }
.test-detail-actions { flex-shrink:0; padding-top:40px; }
.test-detail-actions > .button { font-size:11px; min-height:44px; width:100%; }
.test-detail-actions > div { display:flex; align-items:center; justify-content:center; gap:9px; margin-top:13px; }
.test-detail-actions .tc-text-button { font-size:9px; margin-left:5px; }
.test-detail-layout { display:grid; grid-template-columns:minmax(0,1fr) 285px; gap:45px; padding-bottom:75px; align-items:start; }
.test-detail-main { min-width:0; }
.test-essentials { border:1px solid var(--line); border-top:3px solid var(--navy); padding:27px 28px 19px; border-radius:3px; }
.test-section-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:23px; }
.test-section-heading h2,.test-detail-section > h2 { font-size:26px; font-weight:450; letter-spacing:-.7px; margin-top:6px; }
.test-section-heading > .tc-icon { width:35px; height:35px; stroke-width:1.3; color:#b35727; }
.test-essentials-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px 30px; margin:0; }
.test-essentials-grid > div { border-top:1px solid var(--line); padding-top:16px; }
.test-essentials-grid dt { font-size:9px; text-transform:uppercase; letter-spacing:1px; color:var(--catalogue-muted); }
.test-essentials-grid dd { margin:8px 0 0; font-size:14px; line-height:1.8; overflow-wrap:anywhere; }
.test-preparation-note { display:flex; align-items:flex-start; gap:12px; margin-top:23px; padding:16px; background:var(--paper); }
.test-preparation-note .tc-icon { width:17px; }
.test-preparation-note h3 { font-size:11px; margin-bottom:5px; }
.test-preparation-note p { font-size:12px; line-height:1.8; color:var(--catalogue-muted); }
.test-source-note { font-size:10px; line-height:1.8; color:var(--catalogue-muted); margin-top:18px; }
.test-detail-section { margin-top:32px; border-top:1px solid var(--line); padding-top:28px; }
.test-component-count { font-size:10px; color:var(--catalogue-muted); }
.test-component-list { list-style:none; padding:0; margin:0; display:grid; grid-template-columns:1fr 1fr; gap:0 25px; }
.test-component-list li { display:flex; align-items:center; gap:10px; border-bottom:1px solid var(--line); padding:12px 0; font-size:12px; line-height:1.7; }
.test-component-dot { width:5px; height:5px; background:var(--orange); border-radius:50%; flex-shrink:0; }
.test-component-list .tc-icon { width:12px; height:12px; vertical-align:middle; margin-left:5px; }
.test-component-list .test-code { margin-left:auto; font-size:10px; }
.test-component-list a:hover { text-decoration:underline; }
.test-information-list { margin:0; }
.test-information-list > div { display:grid; grid-template-columns:160px minmax(0,1fr); gap:25px; border-top:1px solid var(--line); padding:17px 0; }
.test-information-list dt { font-size:11px; color:var(--catalogue-muted); font-weight:550; }
.test-information-list dd { margin:0; font-size:12px; line-height:1.85; overflow-wrap:anywhere; }
.test-technical-details { margin-top:25px; border:1px solid var(--line); border-radius:3px; }
.test-technical-details summary { padding:20px; cursor:pointer; display:flex; justify-content:space-between; gap:15px; list-style:none; font-size:13px; font-weight:550; }
.test-technical-details summary::-webkit-details-marker { display:none; }
.test-technical-details summary > span:first-child { display:flex; align-items:center; gap:10px; }
.test-details-toggle { color:#c45520; font-size:22px; line-height:1; }
.test-technical-details[open] .test-details-toggle { transform:rotate(45deg); }
.test-technical-details > div { padding:0 23px 20px; }
.test-detail-muted { font-size:13px; color:var(--catalogue-muted); line-height:1.9; margin-top:14px; }
.test-related-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:18px; }
.test-related-grid > a { display:flex; flex-wrap:wrap; gap:8px; padding:17px; border:1px solid var(--line); border-radius:3px; background:#fafbfd; }
.test-related-grid .test-code { color:var(--catalogue-muted); font-size:10px; }
.test-related-grid strong { width:100%; order:3; font-size:12px; line-height:1.6; font-weight:550; }
.test-related-grid .tc-icon { margin-left:auto; width:14px; height:14px; }
.test-source-footer { display:flex; align-items:center; flex-wrap:wrap; gap:12px; color:var(--catalogue-muted); font-size:10px; margin-top:30px; padding-top:20px; border-top:1px solid var(--line); }
.test-source-footer a { display:inline-flex; align-items:center; gap:7px; text-decoration:underline; text-underline-offset:3px; }
.test-source-footer .tc-icon { width:12px; height:12px; }
.test-source-footer a:last-child { margin-left:auto; }
.test-detail-sidebar { position:sticky; top:127px; }
.test-help-card { background:var(--paper); padding:25px 22px; border:1px solid var(--line); border-radius:3px; }
.test-help-card h2 { font-size:25px; font-weight:450; letter-spacing:-.7px; line-height:1.3; margin-top:10px; }
.test-help-card > p:not(.catalogue-kicker):not(.test-contact-note) { color:var(--catalogue-muted); font-size:12px; line-height:1.85; margin-top:15px; }
.test-help-card > .button { width:100%; justify-content:space-between; padding-inline:14px; font-size:12px; margin-top:22px; }
.test-help-card > .tc-text-button { margin-top:18px; font-size:11px; }
.test-contact-note { font-size:9px; color:var(--catalogue-muted); line-height:1.8; padding-top:20px; margin-top:18px; border-top:1px solid var(--line); }
.test-sidebar-tools { padding:21px 0; border-bottom:1px solid var(--line); }
.test-sidebar-tools .test-compare { font-size:11px; gap:8px; margin-bottom:19px; }
.test-sidebar-tools .test-compare input { width:14px; height:14px; }
.test-sidebar-tools > .tc-text-button { text-decoration:none; font-size:10px; width:100%; justify-content:space-between; }
.test-sidebar-tools .test-code { font-size:11px; }
.test-new-client-link { display:block; margin-top:24px; }
.test-new-client-link > span { color:var(--catalogue-muted); font-size:10px; display:block; margin-bottom:8px; }
.test-new-client-link > strong { font-size:13px; font-weight:500; display:flex; justify-content:space-between; gap:10px; }
.test-new-client-link .tc-icon { width:17px; height:17px; }
@media (max-width:1190px) { .catalogue-layout { gap:27px; grid-template-columns:185px minmax(0,1fr); } .catalogue-column-labels,.test-result { grid-template-columns:65px minmax(0,1fr) 135px 67px; gap:13px; padding-inline:12px; } .test-result-main h3 { font-size:13px; } .test-detail-layout { grid-template-columns:minmax(0,1fr) 260px; gap:28px; } .test-detail-heading { gap:25px; } .test-information-list > div { grid-template-columns:130px minmax(0,1fr); gap:20px; } }
@media (max-width:960px) { .catalogue-layout { grid-template-columns:170px minmax(0,1fr); gap:23px; } .catalogue-column-labels { display:none; } .test-result { grid-template-columns:65px minmax(0,1fr) 60px; gap:12px; padding-block:19px; } .test-result-main { min-width:0; } .test-result-specimen { grid-column:2; font-size:10px; } .test-result-actions { grid-column:3; grid-row:1 / span 2; align-self:start; } .test-result-code { grid-row:1 / span 2; } .catalogue-results { border-top:1px solid var(--line); } .catalogue-sidebar-heading h2 { font-size:11px; } .catalogue-sidebar-heading .tc-icon { display:none; } .catalogue-results-toolbar .catalogue-kicker { font-size:7px; } .catalogue-results-toolbar h2 { font-size:25px; } .catalogue-sort { gap:6px; } .catalogue-sort select { width:110px; } .catalogue-contact { gap:45px; } .catalogue-contact h2 { font-size:29px; } .test-detail-layout { grid-template-columns:minmax(0,1fr) 230px; gap:23px; } .test-help-card { padding:22px 17px; } .test-detail-actions { padding-top:25px; } .test-detail-heading h1 { font-size:36px; } .test-detail-actions > div { flex-wrap:wrap; max-width:190px; } .test-detail-sidebar { top:105px; } .test-essentials { padding:23px 20px 18px; } .test-essentials-grid { gap:18px; } .test-essentials-grid dd { font-size:13px; } .test-component-list { grid-template-columns:1fr; } .test-information-list > div { grid-template-columns:100px minmax(0,1fr); gap:13px; } }
@media (max-width:700px) { .catalogue-breadcrumb { font-size:10px; gap:10px; } .catalogue-kicker { font-size:8px; letter-spacing:1.1px; } .catalogue-search { padding:16px; gap:12px; align-items:stretch; flex-direction:column; } .catalogue-search-control > label { font-size:10px; margin-bottom:7px; } .catalogue-search input { font-size:14px; min-height:32px; } .catalogue-search input::placeholder { font-size:12px; } .catalogue-search-input { gap:8px; } .catalogue-search-input > .tc-icon { width:19px; } .catalogue-search-bottom { flex-direction:column; gap:7px; margin-bottom:16px; font-size:9px; } .catalogue-examples { font-size:10px; } .catalogue-layout { display:block; margin-top:22px; } .catalogue-sidebar { display:grid; grid-template-columns:1fr 1fr; gap:13px 10px; background:var(--paper); border:1px solid var(--line); border-radius:4px; padding:15px; margin-bottom:25px; } .catalogue-sidebar-heading { grid-column:1 / -1; padding-bottom:10px; } .catalogue-sidebar-heading h2 { font-size:11px; } .catalogue-sidebar-heading .tc-icon { display:block; } .catalogue-type-filter { display:flex; flex-wrap:wrap; column-gap:13px; row-gap:10px; grid-column:1 / -1; border:0; padding:0; } .catalogue-type-filter legend { display:none; } .catalogue-type-filter label { margin:0; font-size:10px; gap:5px; } .catalogue-type-filter input { width:12px; height:12px; } .catalogue-select-filter { padding-top:0; min-width:0; } .catalogue-select-filter label { font-size:9px; margin-bottom:6px; } .catalogue-select-filter select { min-height:36px; font-size:10px; padding:8px 23px 8px 8px; } .catalogue-sidebar-help { display:none; } .catalogue-apply { grid-column:1 / -1; margin-top:0; } .catalogue-results-toolbar { align-items:flex-end; gap:10px; padding-bottom:16px; } .catalogue-results-toolbar .catalogue-kicker { font-size:6px; letter-spacing:.7px; } .catalogue-results-toolbar h2 { font-size:25px; } .catalogue-sort { display:block; } .catalogue-sort label { display:block; font-size:9px; margin-bottom:4px; } .catalogue-sort select { width:110px; min-height:32px; font-size:9px; } .test-result { grid-template-columns:54px minmax(0,1fr) 50px; gap:7px 10px; padding:18px 0; } .test-code { font-size:11px; } .test-result-main h3 { font-size:13px; } .test-result-main h3 .tc-icon { display:none; } .test-result-main p { font-size:9px; margin-top:5px; } .test-result-specimen { font-size:10px; } .test-result-specimen > span:last-child { font-size:8px; } .test-kind { font-size:7px; padding:3px 5px; } .test-result-actions { gap:12px; } .test-result-actions > .tc-icon-button { width:30px; height:30px; } .test-compare { flex-direction:column; font-size:7px; gap:4px; } .test-compare input { width:13px; height:13px; } .catalogue-pagination-wrap { flex-direction:column; align-items:flex-start; gap:12px; } .catalogue-pagination a { min-width:26px; padding-inline:6px; } .catalogue-contact { grid-template-columns:1fr; gap:22px; padding-top:35px; padding-bottom:40px; margin-top:25px; } .catalogue-contact h2 { font-size:28px; } .catalogue-contact p:not(.catalogue-kicker) { font-size:12px; margin-bottom:14px; } .catalogue-contact .text-link { font-size:10px; } .catalogue-suggestions { top:calc(100% + 8px); left:-10px; right:-10px; } .catalogue-suggestions a { grid-template-columns:48px minmax(0,1fr) 13px; padding:11px 8px; gap:8px; font-size:11px; } .catalogue-shared-note { flex-wrap:wrap; gap:14px; padding:14px; } .catalogue-shared-note > div { flex-basis:100%; } .catalogue-shared-note p { font-size:10px; } .catalogue-shared-note .tc-text-button { font-size:10px; } .compare-tray-inner { min-height:76px; gap:10px; } .compare-tray-inner > div { gap:9px; } .compare-tray-inner strong { font-size:11px; } .compare-tray-hint { display:none; } .compare-tray-inner > div:first-child > .tc-icon { display:none; } .compare-tray-inner .button { font-size:10px; padding:10px 12px; gap:8px; min-height:37px; } .compare-tray-inner .button .tc-icon { width:14px; } .compare-tray-inner .tc-text-button { font-size:9px; } .catalogue-dialog { padding:20px 17px; width:calc(100% - 24px); max-height:calc(100dvh - 30px); } .dialog-heading { gap:12px; } .dialog-heading h2 { font-size:28px; } .dialog-heading .catalogue-kicker { font-size:7px; } .dialog-intro { font-size:11px; } .saved-list-row { grid-template-columns:47px 1fr 30px; gap:9px; } .saved-list-row > a { font-size:12px; } .saved-list-row > .test-code { font-size:10px; } .list-dialog-actions { gap:9px; } .list-dialog-actions .button { font-size:10px; padding:10px 12px; gap:6px; } .list-dialog-actions > .tc-text-button { margin-left:0; margin-top:6px; font-size:10px; } .toolkit-note { font-size:9px; } .catalogue-empty { padding:40px 14px; } .catalogue-empty h3 { font-size:21px; } .test-detail-hero { padding-top:21px; padding-bottom:23px; } .test-detail-heading { display:block; margin-top:27px; margin-bottom:22px; } .test-detail-meta { font-size:8px; gap:10px; } .test-detail-meta > span:not(:first-child) { padding-left:10px; } .test-detail-meta strong { font-size:10px; margin-left:5px; } .test-detail-heading h1 { font-size:33px; letter-spacing:-1.1px; margin-top:17px; } .test-aliases { font-size:11px; } .test-detail-description { font-size:12px; } .test-detail-actions { padding-top:20px; display:flex; align-items:center; gap:12px; } .test-detail-actions > .button { width:auto; padding:11px 14px; font-size:10px; gap:7px; } .test-detail-actions > .button .tc-icon { width:16px; } .test-detail-actions > div { margin-top:0; max-width:none; justify-content:flex-start; gap:7px; } .test-detail-actions .tc-text-button { display:none; } .test-detail-layout { display:block; padding-bottom:45px; } .test-detail-sidebar { position:static; margin-top:30px; } .test-essentials { padding:22px 17px 17px; } .test-section-heading h2,.test-detail-section > h2 { font-size:23px; } .test-essentials-grid { gap:20px 16px; } .test-essentials-grid dt { font-size:8px; letter-spacing:.6px; } .test-essentials-grid dd { font-size:12px; } .test-preparation-note { padding:13px; gap:9px; } .test-preparation-note p { font-size:11px; } .test-detail-section { margin-top:25px; padding-top:23px; } .test-information-list > div { grid-template-columns:1fr; gap:8px; padding:15px 0; } .test-information-list dt { font-size:10px; } .test-information-list dd { font-size:12px; } .test-component-count { font-size:9px; } .test-technical-details summary { padding:17px; font-size:11px; } .test-technical-details > div { padding:0 17px 17px; } .test-technical-details summary .tc-icon { width:17px; } .test-related-grid { grid-template-columns:1fr; } .test-source-footer { gap:12px; font-size:9px; } .test-source-footer a:last-child { width:100%; margin-left:0; } .test-help-card { padding:23px; } .test-help-card > .button { max-width:300px; } .test-sidebar-tools .test-compare { flex-direction:row; } .test-sidebar-tools .tc-text-button { max-width:300px; } }
@media (prefers-reduced-motion:reduce) { .test-result,.tc-icon-button { transition:none; } }
@media print { @page { margin:16mm; } body { min-width:0; color:#111; padding:0!important; } .utility-bar,.site-header,.site-footer,.skip-link,.catalogue-compare-tray,.catalogue-toast,.catalogue-dialog,.catalogue-detail .test-detail-actions,.catalogue-detail .test-detail-sidebar,.catalogue-detail .test-source-footer,.catalogue-detail .catalogue-breadcrumb { display:none!important; } .catalogue-page .container { width:100%; max-width:none; } .catalogue-detail .test-detail-layout { display:block; } .catalogue-detail .test-detail-heading h1 { font-size:26px; } .catalogue-detail .test-technical-details { display:block; } .catalogue-detail .test-technical-details > div { display:block; } .catalogue-detail .test-technical-details::details-content { display:block; } .test-detail-section,.test-essentials { break-inside:avoid; } body[data-print-scope="list"] main > :not(.catalogue-page),body[data-print-scope="list"] .catalogue-page > :not(.catalogue-print-sheet) { display:none!important; } body[data-print-scope="list"] .catalogue-print-sheet { display:block; } .catalogue-print-sheet h1 { font-size:26px; margin-bottom:10px; } .catalogue-print-sheet p { font-size:11px; line-height:1.6; margin:10px 0 20px; } .catalogue-print-sheet table { width:100%; border-collapse:collapse; font-size:11px; } .catalogue-print-sheet th,.catalogue-print-sheet td { border:1px solid #aaa; padding:9px; text-align:left; vertical-align:top; } .catalogue-print-sheet a { text-decoration:underline; } }