:root{--bg:#f6f8fb;--surface:#fff;--surface2:#fafbfe;--ink:#182439;--ink-soft:#4d5b72;--muted:#79879b;--line:#e1e7f0;--line2:#edf0f5;--blue:#2563eb;--blue-dark:#164ec8;--blue-lite:#edf3ff;--green:#167954;--green-lite:#e8f7ef;--amber:#9c661b;--amber-lite:#fff5e4;--red:#b44c53;--red-lite:#fff0f0;--radius:13px;--side:211px;--shadow:0 4px 22px rgba(38,55,87,.035)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:13px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.43}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #b7ccff;outline-offset:2px}svg{vertical-align:middle}h1,h2,h3,p{margin-top:0}h1{font-size:24px;line-height:1.2;letter-spacing:-.75px;margin:0;font-weight:770}h2{font-size:16px;letter-spacing:-.25px;line-height:1.35;margin:0;font-weight:740}h3{font-size:13px;margin:0;font-weight:750}.icon{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round;flex:none}.icon.sm{width:14px;height:14px}.icon.lg{width:21px;height:21px}.icon.xl{width:25px;height:25px}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;border:0!important}
.shell{display:flex;min-height:100vh}.sidebar{position:sticky;top:0;flex:0 0 var(--side);width:var(--side);height:100vh;background:var(--surface);border-right:1px solid var(--line);z-index:70;display:flex;flex-direction:column}.brand{padding:17px 16px 20px;border-bottom:1px solid var(--line2);display:flex;gap:10px;align-items:center}.brand-icon{width:35px;height:35px;border-radius:10px;background:#1f5ee7;color:white;display:grid;place-items:center;flex:none;font-size:13px;font-weight:850;letter-spacing:-1.5px}.brand strong{display:block;font-size:15px;line-height:1.2;letter-spacing:-.3px}.brand small{display:block;color:#9aa5b5;font-size:10px;margin-top:4px}.nav-section{padding:16px 10px 5px}.nav-caption{font-weight:760;font-size:10px;letter-spacing:1.3px;color:#9aa6b7;text-transform:uppercase;padding:13px 10px 8px}.nav-link{border:none;background:transparent;text-align:left;width:100%;display:flex;align-items:center;gap:11px;color:#56667d;font-size:12.5px;padding:11px 12px;border-radius:9px;font-weight:550;transition:.15s}.nav-link:hover{background:#f5f7fa}.nav-link.active{background:var(--blue-lite);color:var(--blue-dark);font-weight:700}.nav-link.active .icon{stroke-width:2.2}.nav-bottom{margin-top:auto;padding:0 13px 17px}.sidebar-note{border:1px solid #e5ebf5;background:#f9fbff;border-radius:10px;padding:11px 12px;color:#64758d;font-size:11px}.sidebar-note b{display:block;color:#2c4364;margin-bottom:4px}.sidebar-bottom{font-size:10px;color:#a1acbb;margin-top:13px}.mobile-scrim{display:none}
.page{min-width:0;flex:1}.topbar{height:59px;display:flex;align-items:center;gap:15px;justify-content:space-between;padding:0 24px;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:40;backdrop-filter:blur(12px)}.crumb{display:flex;align-items:center;gap:8px;white-space:nowrap;color:#97a1af;font-size:11.5px}.crumb b{color:#47566f;font-weight:650}.top-actions{display:flex;align-items:center;gap:12px}.online{color:#477b63;border:1px solid #e0f2e8;background:#f1faf5;border-radius:99px;padding:5px 10px;font-size:10.5px;white-space:nowrap}.online:before{content:'';display:inline-block;width:6px;height:6px;background:#31a273;border-radius:50%;margin-right:6px}.domain{color:#98a5b7;font-size:11px}.identity-btn{display:flex;gap:7px;align-items:center;border:1px solid var(--line);padding:6px 10px;border-radius:9px;background:white;font-size:11.5px;font-weight:650;color:#445672;white-space:nowrap}.identity-btn:hover{border-color:#bad0f8;color:var(--blue)}.initial{width:25px;height:25px;border-radius:99px;background:#e8efff;display:grid;place-items:center;font-size:11px;color:#2f62c9}.hamburger{display:none}.content{margin:0 auto;max-width:1700px;padding:21px 25px 76px}.page-intro{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:17px}.eyebrow{font-size:10px;letter-spacing:1.2px;text-transform:uppercase;color:#7191c6;font-weight:820;margin-bottom:5px}.sub{color:var(--muted);font-size:12px;margin:5px 0 0}.small{font-size:11px;color:var(--muted)}.dim{color:var(--muted)}.strong{font-weight:730}.spaced{display:flex;gap:10px;align-items:center}.spread{display:flex;gap:10px;align-items:center;justify-content:space-between}.wrap{flex-wrap:wrap}.flex-grow{flex:1;min-width:0}.panel{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow)}.pad{padding:18px}.button{border:1px solid var(--line);background:white;border-radius:8px;padding:8px 11px;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:11.5px;font-weight:690;color:#43556c;white-space:nowrap;min-height:34px}.button:hover{background:#f7faff;border-color:#cbdcf9}.button.primary{color:white;background:var(--blue);border-color:var(--blue)}.button.primary:hover{background:var(--blue-dark)}.button.ghost{border-color:transparent;background:transparent}.button.ghost:hover{background:var(--blue-lite)}.button.sm{padding:5px 9px;min-height:27px;font-size:10.5px}.button.square{padding:0;width:34px;min-width:34px}.button.active{background:var(--blue-lite);color:var(--blue-dark);border-color:#cbdcf9}.button.danger{color:var(--red)}.field{border:1px solid var(--line);border-radius:8px;min-height:34px;padding:7px 10px;background:#fff;font-size:12px;width:100%;outline:0}.field:focus{border-color:#93b2f8;box-shadow:0 0 0 3px #edf3ff}.field::placeholder{color:#9ca8b9}.field.compact{width:auto;min-height:31px;padding:5px 8px;font-size:11px}.field.narrow{width:85px}.seg{display:inline-flex;border:1px solid var(--line);background:#fff;border-radius:9px;padding:3px;gap:1px}.seg button{border:0;background:transparent;color:#68768b;font-size:11px;padding:6px 9px;border-radius:6px;display:flex;gap:6px;align-items:center;white-space:nowrap}.seg button:hover{background:#f5f7fb}.seg button.active{background:#edf3ff;color:var(--blue-dark);font-weight:720}
.demo-note{display:flex;align-items:center;gap:7px;font-size:10.5px;color:#8a7791;background:#faf8ff;padding:5px 9px;border-radius:7px;border:1px solid #f0eafd}.search-panel{padding:15px 18px 13px;margin-bottom:15px}.search-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.search-top b{font-size:12px}.query-composer{display:flex;align-items:stretch;border:1px solid #d6e2f4;background:#fff;border-radius:11px;overflow:hidden;min-height:56px}.query-composer:focus-within{border-color:#8facf5;box-shadow:0 0 0 3px #eef4ff}.query-composer .search-icon{margin:17px 0 0 15px;color:#6987b5}.query-composer textarea{border:0;outline:none;resize:vertical;min-height:50px;max-height:120px;padding:11px 12px;flex:1;line-height:1.5;font-size:13px;background:transparent}.query-composer textarea:focus-visible{outline:none}.query-composer button{margin:8px;align-self:end}.search-examples{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:11px}.sample{font-size:10.5px;background:#f8faff;border:1px solid #e5ebf5;color:#596d8b;padding:6px 10px;border-radius:99px;cursor:pointer}.sample:hover{background:#eff4ff;border-color:#cbdcff;color:var(--blue)}.sample.selected{color:var(--blue-dark);border-color:#c8d9fd;background:#edf3ff}.char-count{font-size:10.5px;color:#9ba7b8}.search-examples .last{margin-left:auto}.query-summary{display:grid;grid-template-columns:1fr auto;gap:9px 12px;align-items:center;padding:13px 17px;margin-bottom:13px}.summary-title{font-size:11px;font-weight:760;color:#405774}.summary-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.chip{border:1px solid #e4e9f4;background:#f4f7fc;color:#587090;font-size:10.5px;line-height:1.3;padding:5px 8px;border-radius:7px;white-space:nowrap}.chip b{color:#37557b}.chip.pref{color:#876325;background:#fff8e8;border-color:#f9eac7}.chip button{border:0;background:transparent;color:#879cb9;padding:0 0 0 6px;font-weight:700}.chip button:hover{color:var(--red)}.query-summary .summary-actions{align-self:start;display:flex;gap:8px}.refine-row{display:flex;gap:9px;align-items:center;border-top:1px solid var(--line2);padding-top:10px;grid-column:1/-1}.refine-row .field{flex:1}.tip-inline{font-size:10.5px;color:#8796aa}.criteria-editor{grid-column:1/-1;display:flex;gap:10px;align-items:end;flex-wrap:wrap;border-top:1px solid var(--line2);padding-top:12px}.edit-field{display:flex;flex-direction:column;gap:5px;min-width:108px}.edit-field label{font-size:10px;color:#7d8ba0}.edit-field input{width:115px}.edit-field select{width:140px}
.result-head{display:flex;justify-content:space-between;align-items:center;padding:16px 17px 10px;gap:12px}.result-count{font-size:16px;font-weight:780;letter-spacing:-.2px}.result-count span{font-size:11px;color:#8290a5;font-weight:500;margin-left:8px}.result-tabs{display:flex;gap:3px;border-bottom:1px solid var(--line);padding:0 15px 0;overflow-x:auto}.tab{padding:11px 13px;display:flex;align-items:center;gap:7px;border:0;border-bottom:2px solid transparent;color:#7b889b;background:transparent;font-size:11.5px;white-space:nowrap}.tab:hover{color:#375883}.tab.active{color:var(--blue-dark);font-weight:750;border-bottom-color:var(--blue)}.pill-num{background:#f0f3f8;border-radius:30px;padding:1px 6px;font-size:10px}.tab.active .pill-num{background:#e4edff}.result-toolbar{padding:11px 16px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.result-toolbar .search-filter{flex:1;min-width:160px;max-width:290px}.result-toolbar .to-right{margin-left:auto}.result-toolbar .option-label{font-size:10.5px;color:#8794a6}.popover-wrap{position:relative}.popover{position:absolute;right:0;top:calc(100% + 7px);background:white;border:1px solid var(--line);border-radius:11px;padding:12px;z-index:20;min-width:260px;box-shadow:0 12px 36px rgba(31,57,96,.14)}.popover h3{margin-bottom:8px}.popover label{display:flex;gap:8px;align-items:center;padding:7px 3px;font-size:11.5px}.popover input{accent-color:var(--blue)}.table-holder{overflow:auto;max-height:620px;border-top:1px solid var(--line2);scrollbar-color:#cbd5e4 transparent;scrollbar-width:thin}.result-table{min-width:1120px;width:100%;border-spacing:0;border-collapse:separate;font-size:11.5px}.result-table th{font-size:10.5px;color:#71819a;font-weight:730;text-align:left;background:#f8fafc;white-space:nowrap}.result-table td,.result-table th{padding:9px 10px;border-bottom:1px solid #edf1f7;vertical-align:middle}.result-table thead tr:first-child th{position:sticky;top:0;z-index:5;border-bottom:1px solid #e2e9f2;height:41px}.result-table thead tr.column-inputs th{position:sticky;top:41px;z-index:5;background:#fafbfe;padding:6px 7px 7px;border-bottom:1px solid #e2e9f2}.result-table tbody tr:hover td{background:#fafcff}.result-table tbody tr.selected td{background:#f3f7ff}.result-table .pin{position:sticky;left:0;z-index:3;background:white;box-shadow:1px 0 0 #edf1f7;min-width:220px;max-width:250px}.result-table tbody tr:hover .pin{background:#fafcff}.result-table tbody tr.selected .pin{background:#f3f7ff}.result-table thead tr:first-child .pin{z-index:8;background:#f8fafc}.result-table thead tr.column-inputs .pin{z-index:8;background:#fafbfe}.result-table .selcol{width:35px;min-width:35px;text-align:center}.table-sort{color:inherit;border:0;background:transparent;font-weight:inherit;font-size:inherit;padding:0;white-space:nowrap;text-align:left}.table-sort:hover{color:var(--blue)}.filter-input{width:100%;border:1px solid #e1e7f2;background:#fff;border-radius:6px;padding:5px 6px;height:29px;font-size:10.5px;min-width:70px;max-width:132px}.filter-input:focus{outline:1px solid #91b3f8}.filter-pair{display:flex;gap:3px}.filter-pair .filter-input{max-width:85px;min-width:70px}.model{font-weight:780;color:#2353a0;display:block;font-size:11.5px;background:none;border:0;padding:0;text-align:left}.model:hover{text-decoration:underline}.model-sub{font-size:10px;color:#8a96a8;white-space:nowrap}.cell-bold{font-weight:700}.cell-quiet{color:#8b98a8}.cell-actions{display:flex;gap:3px}.action-icon{width:29px;height:29px;display:inline-grid;place-items:center;border:1px solid #e1e7f1;background:#fff;color:#7585a0;border-radius:7px}.action-icon:hover{color:var(--blue);border-color:#b9cdf3}.action-icon.fav{color:#b17c1f;border-color:#f2ddad;background:#fff9e9}.state{border-radius:7px;font-size:10px;display:inline-flex;gap:6px;align-items:center;white-space:nowrap;padding:5px 7px;font-weight:740}.state:before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor}.state.good{background:var(--green-lite);color:var(--green)}.state.unknown{background:var(--amber-lite);color:var(--amber)}.state.bad{background:var(--red-lite);color:var(--red)}.group-row td{background:#f8faff!important;border-bottom-color:#e1e9f7;font-weight:600;padding-top:12px;padding-bottom:12px}.group-row .pin{background:#f8faff!important}.group-arrow{border:0;background:transparent;padding:1px 7px 1px 0;color:#607aa4}.group-info{color:#7f91ac;font-weight:500;font-size:10px}.group-inner .pin{padding-left:34px}.empty{padding:55px 25px;text-align:center;color:#7f8a9d}.empty svg{color:#a1b6d6}.empty strong{display:block;color:#425675;margin:12px 0 4px;font-size:14px}.empty p{max-width:370px;margin:0 auto 15px}.paging{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:12px 16px;font-size:11px;color:#8491a3;border-top:1px solid var(--line2)}.pager{display:flex;gap:5px;align-items:center}.page-btn{padding:6px 9px;min-width:31px;min-height:30px;border:1px solid var(--line);background:#fff;border-radius:7px;color:#65768e;font-size:11px}.page-btn.active{background:var(--blue);border-color:var(--blue);color:#fff}.page-btn:hover:not(.active){color:var(--blue);border-color:#c2d4fa}.sort-arrow{font-size:10px;color:#85a2d8}.data-footnote{border-top:1px solid #eef1f7;display:flex;gap:8px;align-items:center;padding:10px 16px;color:#8190a5;font-size:10.5px;background:#fcfdff;border-radius:0 0 12px 12px}.card-results{padding:14px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;border-top:1px solid var(--line2)}.device-card{padding:13px;border-radius:10px;border:1px solid #e4e9f1;background:#fff;display:flex;flex-direction:column;gap:10px}.device-card:hover{border-color:#bdcef5}.device-row{padding:14px 16px;border-top:1px solid var(--line2);display:grid;grid-template-columns:minmax(220px,1fr) minmax(200px,1.5fr) auto;gap:12px;align-items:center}.device-row:first-child{border-top:0}.device-row:hover{background:#fafcff}.device-title{font-size:12px;color:#24589a;font-weight:780}.device-specs{display:flex;flex-wrap:wrap;gap:6px}.device-image{width:39px;height:39px;display:grid;place-items:center;border-radius:10px;background:#f0f4fb;color:#6d8bbc}.device-image .icon{width:22px;height:22px}
.tray{position:fixed;bottom:18px;left:calc(var(--side) + (100vw - var(--side))/2);transform:translateX(-50%);border:1px solid #c8dafa;background:white;box-shadow:0 14px 36px rgba(34,64,117,.19);border-radius:11px;padding:9px 10px 9px 14px;display:flex;gap:11px;align-items:center;z-index:48;font-size:11.5px;white-space:nowrap}.tray .icon{color:var(--blue)}.tray strong{color:#284c7b}.inner-heading{display:flex;justify-content:space-between;align-items:start;gap:15px;margin-bottom:18px}.compare-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:14px 0}.compare-scroll{overflow:auto;max-height:72vh}.compare-table{width:100%;border-collapse:separate;border-spacing:0;min-width:850px}.compare-table th,.compare-table td{border-bottom:1px solid var(--line2);border-right:1px solid #edf0f5;padding:12px 14px;text-align:left;vertical-align:top;min-width:180px;font-size:11.5px}.compare-table thead th{position:sticky;top:0;background:#f8faff;z-index:2;min-width:205px}.compare-table th:first-child,.compare-table td:first-child{position:sticky;left:0;background:#fbfcff;z-index:3;width:195px;min-width:195px;font-weight:740;color:#5a6e89}.compare-table thead th:first-child{z-index:5}.compare-table .diff{background:#fff9ea}.compare-table .pass{color:var(--green);font-weight:710}.compare-table .fail{color:var(--red);font-weight:710}.compare-table .warn{color:var(--amber);font-weight:710}.compare-table .cmp-check{font-size:10px;display:block;margin-top:6px}.compare-head{display:flex;gap:8px;align-items:flex-start;justify-content:space-between}.notice{display:flex;align-items:flex-start;gap:9px;background:#f5f8ff;border:1px solid #e2eaf8;border-radius:9px;padding:11px 13px;font-size:11px;color:#667d9c}.notice .icon{color:#5b83c7}.settings-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(270px,1fr);gap:15px}.setting{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid var(--line2)}.setting:last-child{border-bottom:0}.setting strong{display:block}.setting p{font-size:11px;color:var(--muted);margin:3px 0 0}.switch{width:38px;height:22px;border-radius:99px;border:0;background:#d8dfe9;position:relative;flex:none}.switch:before{content:'';width:16px;height:16px;border-radius:50%;background:#fff;position:absolute;left:3px;top:3px;box-shadow:0 1px 2px #9aa2ac}.switch.on{background:var(--blue)}.switch.on:before{left:19px}.history-item{display:grid;grid-template-columns:1fr auto;gap:8px;padding:13px 15px;border-bottom:1px solid var(--line2);align-items:center}.history-item:last-child{border-bottom:0}.history-item strong{font-size:12px}.history-item small{font-size:10.5px;color:#9aa7b8;display:block;margin-top:3px}
.overlay-mask{position:fixed;inset:0;background:rgba(16,29,51,.35);z-index:88;backdrop-filter:blur(2px)}.drawer{position:fixed;inset:0 0 0 auto;width:min(470px,95vw);background:white;z-index:90;box-shadow:-15px 0 40px rgba(17,38,75,.16);display:flex;flex-direction:column}.drawer-head{padding:20px 22px 14px;border-bottom:1px solid var(--line2);display:flex;justify-content:space-between;align-items:start;gap:12px}.drawer-body{padding:17px 22px 40px;overflow-y:auto}.drawer-title{font-size:20px;font-weight:770;letter-spacing:-.55px}.drawer-actions{padding:12px 18px;border-top:1px solid var(--line);display:flex;gap:8px;background:#fff}.drawer-actions .button{flex:1}.spec-row{display:grid;grid-template-columns:43% 1fr;gap:12px;align-items:start;padding:9px 0;border-bottom:1px solid var(--line2);font-size:11.5px}.spec-row span:first-child{color:#78889e}.spec-row strong{font-weight:700}.drawer h3{margin:18px 0 10px;color:#435674}.device-icon-lg{width:64px;height:64px;border-radius:15px;background:#eef4ff;color:#567dbc;display:grid;place-items:center}.device-icon-lg .icon{width:31px;height:31px}.check-list{display:flex;flex-direction:column;gap:7px}.check-item{display:flex;align-items:center;gap:8px;font-size:11.5px;padding:8px 10px;background:#fafbfe;border-radius:8px}.check-item .icon{width:16px;height:16px}.check-item.good .icon{color:var(--green)}.check-item.unknown .icon{color:var(--amber)}.check-item.bad .icon{color:var(--red)}.source-row{border:1px solid #e7edf5;border-radius:9px;padding:11px 12px;display:flex;justify-content:space-between;align-items:center;gap:8px;color:#586c8a}.source-row b{font-size:11.5px}.source-row small{display:block;font-size:10px;color:#8c9db0}.dialog{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);background:white;padding:24px;border-radius:15px;box-shadow:0 14px 56px rgba(14,38,78,.18);z-index:90;width:min(445px,92vw);max-height:90vh;overflow:auto}.dialog p{font-size:12px;color:#708098;margin-top:10px}.dialog .button{margin-top:6px}.toast{position:fixed;bottom:24px;right:25px;background:#263f67;color:white;border-radius:9px;box-shadow:0 9px 24px rgba(30,52,82,.19);padding:12px 16px;max-width:390px;z-index:110;font-size:12px}.hidden{display:none!important}.full-card-tabs{display:flex;gap:15px;border-bottom:1px solid var(--line);padding:0 16px}.full-card-tabs button{border:0;border-bottom:2px solid transparent;background:none;padding:12px 2px;color:#70819c}.full-card-tabs button.active{border-bottom-color:var(--blue);color:var(--blue);font-weight:730}.detail-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(250px,.8fr);gap:16px}.detail-layout .panel{padding:18px}.detail-layout h3{margin-bottom:10px}.full-spec{display:grid;grid-template-columns:1fr 1fr;column-gap:25px}.breadcrumbs-link{display:inline-flex;align-items:center;gap:5px;color:#6e84a6;font-size:11px;margin-bottom:12px}
@media(min-width:1450px){.result-table{min-width:100%}}
@media(max-width:1190px){.domain{display:none}.content{padding-left:18px;padding-right:18px}.sidebar{width:191px;flex-basis:191px}:root{--side:191px}.result-toolbar .to-right{margin-left:0}.result-table{min-width:1100px}.card-results{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:920px){.sidebar{position:fixed;left:0;top:0;bottom:0;transform:translateX(-100%);transition:transform .2s ease;box-shadow:10px 0 30px #21345511}.sidebar.open{transform:translateX(0)}.mobile-scrim.visible{display:block;position:fixed;inset:0;background:#18263b4f;z-index:65}.hamburger{display:inline-flex}.topbar{padding:0 15px}.content{padding:18px 13px 65px}.tray{left:50%}.online{display:none}.settings-grid,.detail-layout{grid-template-columns:1fr}.query-summary{grid-template-columns:1fr}.query-summary .summary-actions{justify-content:start}}
@media(max-width:650px){h1{font-size:21px}.crumb{max-width:160px;overflow:hidden;text-overflow:ellipsis}.topbar{height:55px}.top-actions{gap:5px}.identity-btn{padding:6px 8px}.page-intro{align-items:start}.page-intro .demo-note{display:none}.search-panel{padding:13px}.query-composer button span{display:none}.query-composer textarea{font-size:12px}.search-examples{gap:6px}.search-examples .last{display:none}.result-head{padding:14px 12px 9px}.result-count{font-size:14px}.result-count span{display:block;margin:4px 0 0;font-size:10.5px}.result-toolbar{padding:11px;gap:8px}.result-toolbar .search-filter{max-width:none;width:100%}.result-toolbar .option-label{display:none}.result-tabs{padding-left:8px}.tab{padding:10px 9px}.card-results{grid-template-columns:1fr}.device-row{grid-template-columns:1fr auto;gap:7px}.device-row .device-specs{grid-column:1/-1}.paging{justify-content:center}.paging>span{width:100%;text-align:center}.query-summary{padding:12px}.refine-row{flex-wrap:wrap}.refine-row .field{flex:1 0 100%}.refine-row .button{flex:1}.tray{bottom:10px;width:calc(100vw - 18px);justify-content:space-around;white-space:normal}.tray strong{font-size:10px}.tray .button{font-size:10px}.full-spec{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* На большом экране кнопка мобильного меню не нужна. */
.button.hamburger{display:none}
@media(max-width:920px){.button.hamburger{display:inline-flex}}
/* Real-data pilot extensions retaining the approved v3 typography and palette. */
.results{padding:15px 17px;margin-bottom:16px;min-height:260px}.result-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.summary-counts{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.summary-counts span{font-size:11px;color:#6c829e;background:#f3f7fe;padding:5px 9px;border-radius:8px}.result-toolbar{display:flex;align-items:center;gap:9px;flex-wrap:wrap;border-top:1px solid var(--line2);padding-top:11px;margin-bottom:12px}.result-toolbar .search-filter{min-width:230px;flex:1}.result-toolbar select{max-width:190px}.muted-help{font-weight:400;color:var(--muted)}.numeric-inputs{display:flex;flex-wrap:wrap;gap:8px;flex:1}.numeric-inputs label{display:flex;gap:4px;flex-direction:column;color:#65758c;font-size:10px}.numeric-inputs input{width:105px}.summary-actions{flex-shrink:0}.warning{padding:9px 11px;border-radius:9px;background:#fff8e8;border:1px solid #f6e8cb;color:#8e631e;font-size:11px;line-height:1.6;margin-bottom:12px;display:none}.warning:not(:empty){display:block}.table-scroll{overflow:auto;max-height:66vh;border:1px solid var(--line);border-radius:10px;background:white}.live-table{border-collapse:separate;border-spacing:0;width:100%;min-width:870px;font-size:11.5px}.live-table th{position:sticky;top:0;z-index:3;background:#f8faff;color:#61718a;font-weight:720;text-align:left;padding:10px 11px;border-bottom:1px solid var(--line);white-space:nowrap}.live-table td{padding:9px 11px;border-bottom:1px solid var(--line2);vertical-align:middle}.live-table tr:hover td{background:#f9fbfe}.live-table tr:last-child td{border-bottom:0}.live-table th:nth-child(2),.live-table td:nth-child(2){position:sticky;left:0;background:white;z-index:1;box-shadow:inset -1px 0 0 #eef1f6;min-width:180px}.live-table th:nth-child(2){background:#f8faff;z-index:4}.live-table tr:hover td:nth-child(2){background:#f9fbfe}.live-table .main-name{font-size:11.5px;font-weight:720;color:#263e64}.live-table .subline{font-size:10px;color:#8390a3;line-height:1.4}.live-table .num{font-variant-numeric:tabular-nums;white-space:nowrap}.label-provisional{display:inline-block;padding:3px 7px;border-radius:6px;background:#fff4de;color:#95661e;font-size:10px;font-weight:650;white-space:nowrap}.label-measured{display:inline-block;padding:3px 7px;border-radius:6px;background:#eef4ff;color:#3b68a5;font-size:10px;font-weight:650;white-space:nowrap}.table-actions{white-space:nowrap}.linkbtn{background:transparent;border:0;color:#2563eb;text-align:left;padding:2px 0;font-weight:670;cursor:pointer}.linkbtn:hover{text-decoration:underline}.pagination{display:flex;justify-content:flex-end;gap:10px;align-items:center;padding:14px 4px 2px;color:var(--muted);font-size:11px}.compare-tray{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);display:flex;gap:11px;align-items:center;background:#fff;box-shadow:0 10px 35px #1f37601f;border:1px solid #bfd0f2;border-radius:11px;padding:9px 12px;z-index:99}.hidden{display:none!important}.live-overlay{position:fixed;inset:0;z-index:120;display:flex;justify-content:flex-end}.overlay-shade{position:absolute;inset:0;background:#111f3555}.drawer{position:relative;width:min(800px,95vw);background:white;box-shadow:-8px 0 30px #20304b21;display:flex;flex-direction:column;max-height:100vh}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:15px 18px;border-bottom:1px solid var(--line)}.drawer-body{padding:18px;overflow:auto}.detail-block{padding:12px 0;border-bottom:1px solid var(--line2)}.detail-block h3{font-size:12px;margin:0 0 10px;color:#3c5577}.details-grid{display:grid;grid-template-columns:170px 1fr;gap:8px 12px}.details-grid .dim{font-size:11px}.details-grid div{min-width:0;overflow-wrap:anywhere}.mini-table{border-collapse:collapse;width:100%;font-size:11px}.mini-table td,.mini-table th{border-bottom:1px solid var(--line);padding:7px;text-align:left}.source-footer{color:#8793a5;font-size:11px;max-width:930px}.toast{position:fixed;bottom:25px;right:24px;background:#273e5d;color:#fff;padding:10px 14px;border-radius:8px;z-index:300;font-size:12px}.empty-row{text-align:center;color:var(--muted);padding:35px!important}.status-hint{font-size:11px;color:#8490a4}.small-document{color:#5e7291;font-size:11px;margin-top:4px}.load-err{padding:12px;background:#fff1f2;color:#9d343b;border-radius:8px}.scroller-hint{font-size:10px;color:#93a0b2}.source-link{word-break:break-all}.match-criteria{display:flex;flex-wrap:wrap;gap:7px;margin:8px 0 12px}.match-criteria .chip{font-size:10px}.details-grid strong{font-size:11px}.mobile-hint{display:none}
@media(max-width:950px){.sidebar{display:none}.content{padding:15px}.topbar{padding:0 13px}.domain{display:none}.page-intro h1{font-size:21px}.page-intro .small{display:none}.numeric-inputs input{width:86px}.result-head{align-items:flex-start}.table-scroll{max-height:none}.compare-tray{left:8px;right:8px;transform:none;justify-content:center}}
@media(max-width:580px){.search-top{align-items:flex-start}.query-composer{min-height:67px}.result-toolbar select{max-width:100%;flex:1}.seg{width:100%}.seg button{flex:1;justify-content:center}.result-head{display:block}.summary-counts{margin-top:10px}.query-summary{display:block}.summary-actions{margin:10px 0}.refine-row{margin-top:10px;display:block}.refine-row button{margin-top:10px}.numeric-inputs{gap:7px}.compare-tray{flex-wrap:wrap}}

.raw-code{font-family:Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;font-size:10.5px;line-height:1.5;color:#465b78;background:#f7f9fd;border:1px solid #e2e9f6;padding:10px;border-radius:8px;max-height:400px;overflow:auto}

/* v0.2 — dense measurement table, fixed filters, anchored paging. */
.focus-searchbar{display:none}
.table-status-note{font-size:11.5px;color:#657b99;background:#f5f8fd;padding:7px 12px;border:1px solid #e6edf7;border-radius:8px;margin:0 0 8px}
.results .table-scroll{border-radius:9px;flex-shrink:1;min-height:120px;max-height:calc(100vh - 370px);min-height:290px}
.live-table{font-size:12px;min-width:970px}
.live-table thead tr.head-label th{position:sticky;top:0;z-index:5;height:39px;padding:6px 9px;background:#f4f7fc}
.live-table thead tr.head-filter th{position:sticky;top:39px;z-index:5;height:40px;padding:5px 7px;background:#fafcff;border-bottom:2px solid #d7e3f6}
.live-table th:nth-child(1),.live-table td:nth-child(1){position:sticky;left:0;z-index:4;min-width:51px;width:51px;max-width:51px;background:#fff;text-align:center;padding-left:5px;padding-right:5px}
.live-table th:nth-child(2),.live-table td:nth-child(2){position:sticky;left:51px;z-index:4;min-width:180px;max-width:260px;box-shadow:inset -1px 0 #e6edf5;background:white}
.live-table thead tr.head-label th:nth-child(-n+2){z-index:8;background:#f4f7fc}
.live-table thead tr.head-filter th:nth-child(-n+2){z-index:8;background:#fafcff}
.live-table .head-label th .sort-button{border:0;background:transparent;padding:2px 0;display:flex;align-items:center;justify-content:space-between;gap:6px;text-align:left;width:100%;font-size:11px;font-weight:730;color:#536582;white-space:nowrap;cursor:pointer}
.live-table .head-label th .sort-button:hover{color:#1b60dc}
.sort-button span{color:#a4b2c8;font-weight:500}
.column-input{background:#fff;border:1px solid #dce5f1;border-radius:6px;padding:5px 6px;min-width:67px;width:100%;max-width:200px;height:28px;font-size:11px;outline:none;font-variant-numeric:tabular-nums}
.column-input:focus{border-color:#78a0f0;box-shadow:0 0 0 2px #ebf2ff}
.column-input::placeholder{color:#b1bdcf;font-size:10px}
.reg-link{font-weight:730;white-space:nowrap;text-decoration:none}
.reg-link span{font-size:11px;color:#7697d2}
.reg-link:hover{text-decoration:underline}
.live-table td{padding-top:9px;padding-bottom:9px}
.live-table tr:hover td:first-child,.live-table tr:hover td:nth-child(2){background:#f8fbff}
.live-table .main-column .linkbtn{font-size:12px}
.pagination{position:relative;z-index:7;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 12px;background:#fff;border-top:1px solid var(--line);border-radius:0 0 10px 10px;box-shadow:0 -3px 12px #273b5110;font-size:11.5px;color:#62738b;flex-shrink:0}
.pagination-left strong{color:#283f61}
.pagination-right{display:flex;align-items:center;gap:8px}
.pagination-right label{display:flex;align-items:center;gap:7px;white-space:nowrap}
.pagination-right input{width:55px;height:29px;border-radius:6px;border:1px solid #dce5f1;padding:3px 5px;text-align:center;font-variant-numeric:tabular-nums}
.pagination-right input::-webkit-inner-spin-button{display:none}
.detail-intro{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px;border:1px solid #e3edfb;background:#f8fbff;border-radius:9px}
.detail-intro strong{font-size:15px}
.details-grid{grid-template-columns:minmax(175px,.43fr) 1fr;gap:11px 14px}
.details-grid .kv-label{color:#75859e;font-size:12px}
.details-grid .kv-value{color:#243956;font-size:12px;font-weight:650}
.detail-block h3{font-size:13px}
.rule-card{border:1px solid #e7edf6;background:#fafcff;border-radius:9px;padding:12px 13px;margin:10px 0;font-size:11.5px;color:#52627b}
.rule-card strong{color:#304769;font-size:12px}
.rule-card p{margin:7px 0 0}
.info-table{max-height:340px!important;min-height:0!important;overflow:auto}
.mini-table th{background:#f7faff;white-space:nowrap;color:#61758e}
.mini-table td{font-variant-numeric:tabular-nums}
.drawer{width:min(850px,96vw)}

/* Full-table mode: search conditions fold away; filters, headers and pagination stay visible. */
body.table-focus{height:100dvh;overflow:hidden}
.table-focus .shell{height:100dvh;min-height:0;overflow:hidden}
.table-focus .page{height:100dvh;display:flex;flex-direction:column;min-height:0}
.table-focus .topbar{height:48px;min-height:48px}
.table-focus .content{width:100%;max-width:none;flex:1;min-height:0;display:flex;flex-direction:column;padding:10px 12px 8px;overflow:hidden}
.table-focus .page-intro,.table-focus .search-panel,.table-focus .query-summary,.table-focus .source-footer{display:none!important}
.table-focus .sidebar{flex-basis:56px;width:56px;overflow:hidden}
.table-focus .sidebar .brand{padding:12px 9px}
.table-focus .sidebar .brand>div:last-child,.table-focus .sidebar .nav-caption,.table-focus .sidebar .nav-bottom{display:none}
.table-focus .sidebar .nav-section{padding:10px 7px}
.table-focus .sidebar .nav-link{font-size:0;gap:0;justify-content:center;padding:11px 0}
.table-focus .sidebar .nav-link .icon{width:21px;height:21px}
.table-focus .focus-searchbar{display:flex;align-items:center;gap:10px;min-height:48px;margin-bottom:9px;background:#fff;border-radius:10px;border:1px solid #e0e8f4;padding:6px 10px}
.focus-searchbar .focus-category{border:1px solid #d9e6fc;background:#f2f7ff;color:#426ab1;padding:6px 9px;border-radius:7px;min-width:80px;text-align:center;font-size:11px;font-weight:720}
.focus-search-form{display:flex;align-items:center;gap:6px;flex:1;min-width:150px}
.focus-search-form input{height:32px;width:100%;min-width:0;outline:none;border:1px solid #e0e8f3;border-radius:7px;padding:5px 10px;font-size:12px}
.focus-search-form input:focus{border-color:#91adf4}
.focus-searchbar .focus-count{color:#8395af;font-size:10.5px;white-space:nowrap}
.table-focus .results{flex:1;min-height:0;display:flex;flex-direction:column;margin:0;padding:10px 10px 0;border-radius:10px}
.table-focus .results .result-head{padding:0 5px 8px;margin:0}
.table-focus .result-head .eyebrow,.table-focus .result-head .summary-counts,.table-focus .result-head .sub{display:none}
.table-focus .result-head h2{font-size:14px}
.table-focus .result-toolbar{padding:8px 4px;margin:0;gap:7px;flex-shrink:0;flex-wrap:wrap}
.table-focus .result-toolbar .search-filter{min-width:180px;max-width:360px}
.table-focus .results .table-scroll{flex:1;min-height:0;max-height:none!important;overflow:auto;overflow-anchor:none}
.table-focus .pagination{position:sticky;bottom:0;padding:9px 8px;min-height:47px}
.table-focus .table-status-note{padding:5px 9px;margin:0 0 6px;flex-shrink:0}
.table-focus .focus-toggle{background:#f0f4fb;border-color:#cbd9ed;color:#45699c}
.table-focus .focus-toggle:hover{background:#e7effc}
@media(max-width:1050px){.focus-searchbar .focus-count{display:none}.table-focus .result-toolbar .search-filter{max-width:210px}.paging-detail{display:none}}
@media(max-width:700px){.pagination{flex-wrap:wrap;justify-content:center;gap:8px}.focus-searchbar .focus-category{display:none}.table-focus .focus-searchbar{gap:5px}.focus-searchbar #focus-exit{font-size:10px;padding:5px}.table-focus .sidebar{display:none}.table-focus .content{padding:7px}.table-focus .results .result-head{display:block}.pagination-right{width:100%;justify-content:center}.table-focus .result-toolbar .search-filter{min-width:unset;max-width:none;width:100%}.table-focus .results .table-scroll{min-height:90px}.column-input{min-width:65px}.drawer{width:100vw}}
/* v0.3: independent type/model columns; accessible metric unit selectors */
.live-table{min-width:1200px}
.live-table .main-column{min-width:165px;max-width:300px;white-space:normal}
.live-table .main-column .linkbtn{max-width:285px;line-height:1.42;overflow-wrap:anywhere}
.live-table .head-label th .th-control{display:flex;align-items:center;gap:6px;justify-content:space-between;min-height:26px}
.live-table .head-label th .sort-button{flex:1;min-width:75px;white-space:normal;line-height:1.24}
.live-table thead tr.head-label th{height:48px}
.live-table thead tr.head-filter th{top:48px}
.unit-column,.unit-input{border:1px solid #cad9ef;border-radius:6px;background:#fff;color:#315b91;padding:4px 3px;font-size:11px;font-weight:750;cursor:pointer;max-width:51px;flex-shrink:0}
.numeric-control{display:flex;align-items:center;gap:4px}
.numeric-control input{width:118px}
.unit-input{height:30px}
.reg-number-unlinked{font-weight:700;color:#435a7b;white-space:nowrap}
.copy-reg{font-size:10px;border:0;background:#eff4fb;color:#47648c;padding:4px 6px;border-radius:5px;cursor:pointer}
.copy-reg:hover{background:#ddeafb}
.detail-modification{margin:4px 0 8px;color:#5b7092;font-size:12px}
.chip-review{background:#fff7e4;border:1px solid #f3dfb2;color:#89602a}
@media(max-width:700px){.live-table{min-width:1260px}.live-table .main-column .linkbtn{max-width:200px}}

/* v0.4: compact, task-first table. Fixed column widths prevent manufacturer addresses
   from consuming the screen. Type name stays useful while scrolling horizontally. */
.live-table{table-layout:fixed;width:100%;min-width:1320px}
.live-table col{box-sizing:border-box}
.live-table th,.live-table td{box-sizing:border-box;max-width:100%;min-width:0}
.live-table th:nth-child(1),.live-table td:nth-child(1){width:48px;max-width:48px;min-width:48px}
.live-table th:nth-child(2),.live-table td:nth-child(2){left:48px;width:340px;max-width:none;min-width:0;box-shadow:2px 0 5px #20365312}
.live-table .main-column{min-width:0;max-width:none;white-space:normal}
.live-table .main-column .linkbtn{max-width:100%;text-align:left;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;word-break:normal;overflow-wrap:anywhere;line-height:1.45}
.live-table .maker-cell{max-width:210px;overflow:hidden;color:#344b66}
.live-table .maker-cell span{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.live-table .num{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.live-table th .th-control{overflow:hidden}
.live-table thead tr.head-label th,.live-table thead tr.head-filter th{padding-inline:7px}
.copy-reg{display:none!important}
.reg-number-unlinked{color:#687b96;font-weight:600;cursor:help}
/* A4? no: this is a compact live data table, not an export/print preview */
.table-focus .focus-searchbar{display:block;flex-shrink:0;min-height:74px;padding:8px 10px;margin-bottom:7px}
.focus-quick-top{display:flex;align-items:end;gap:12px;flex-wrap:wrap}
.quick-type,.quick-criterion{display:flex;flex-direction:column;gap:5px;color:#6e809a;font-size:10px;font-weight:600;white-space:nowrap}
.quick-type select{min-width:142px;max-width:190px;height:32px;border-radius:7px;background:#f7faff}
.quick-numeric-form{display:flex;align-items:end;flex:1;min-width:280px;gap:9px;flex-wrap:wrap}
.quick-numeric-inputs{display:flex;align-items:end;gap:9px;flex-wrap:wrap}
.quick-criterion .numeric-control{display:flex;gap:3px}
.quick-criterion .numeric-control input{width:92px;height:32px;border-radius:7px}
.quick-criterion select{height:32px}
.quick-numeric-form>.button{height:32px}
.focus-natural{margin-top:7px;border-top:1px solid #edf0f7;padding-top:5px;color:#7a8aa1;font-size:10.5px}
.focus-natural summary{cursor:pointer;user-select:none}
.focus-natural .focus-search-form{margin-top:7px}
.focus-natural .focus-search-form .button{height:32px}
.focus-searchbar .focus-count{font-size:10px;white-space:nowrap;align-self:center}
.focus-searchbar #focus-exit{height:32px;white-space:nowrap}
.table-focus .results .table-scroll{flex:1;min-height:0}
.pagination{gap:12px}
.pagination-right{display:flex;gap:3px;align-items:center;justify-content:flex-end}
.pagination-right .page-btn{border:1px solid #e0e8f3;background:#fff;border-radius:7px;height:32px;min-width:32px;padding:3px 6px;color:#4b6280;font-size:12px;font-weight:600;cursor:pointer}
.pagination-right .page-btn:hover:not([disabled]):not(.current){border-color:#9dbff2;background:#f5f9ff;color:#225cc5}
.pagination-right .page-btn.current{border-color:#2863e4;background:#2863e4;color:#fff}
.pagination-right .page-btn[disabled]{opacity:.4;cursor:not-allowed}
.pagination-right .page-btn.wide{min-width:71px}
.pagination-right .page-ellipsis{color:#8b9ab0;padding:3px 4px}
@media(max-width:1100px){.focus-quick-top{gap:7px}.quick-numeric-inputs{gap:6px}.focus-searchbar .focus-count{display:none}.pagination-right .page-btn.wide{min-width:34px}}
@media(max-width:700px){.table-focus .focus-searchbar{padding:7px}.focus-quick-top{gap:6px}.quick-type select{min-width:115px}.quick-numeric-form{min-width:0}.quick-criterion .numeric-control input{width:74px}.live-table{min-width:1150px}.pagination-right .page-btn.wide{font-size:10px;min-width:49px}.pagination{justify-content:space-between}}
/* Avoid duplicate category and a second 'expand' action in the focused table: the
   category and navigation already live in the compact quick-filter toolbar. */
.table-focus #category-select,.table-focus #focus-toggle{display:none}

/* ===== v0.5: verified Arshin dates, readable long values and full-page comparison ===== */
.live-table .approval-cell{vertical-align:middle;text-align:left;white-space:normal}
.live-table .maker-cell{max-width:210px;overflow:hidden}
.maker-more{display:flex;align-items:center;gap:5px;width:100%;max-width:100%;border:0;background:transparent;padding:7px 1px;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:#3d536d;cursor:pointer}
.maker-more:hover,.maker-more:focus-visible{color:#1b55d3;text-decoration:underline}
.maker-ellipsis{flex:0 0 auto;font-size:10px;opacity:0;color:#2c64db}
.maker-more:hover .maker-ellipsis,.maker-more:focus-visible .maker-ellipsis{opacity:1}
.quick-popover{position:fixed;z-index:350;min-width:200px;max-width:calc(100vw - 24px);padding:14px 16px;background:#fff;color:#293f5e;white-space:pre-wrap;overflow-wrap:anywhere;border-radius:12px;border:1px solid #bed0ed;box-shadow:0 15px 60px #0e23412e;line-height:1.55;font-size:12px;max-height:55vh;overflow-y:auto}
.approval-cell .status-click,.comparison-screen .status-click{display:inline-flex;align-items:flex-start;flex-direction:column;text-align:left;gap:3px;border:0;background:transparent;padding:2px 1px;cursor:pointer;max-width:100%}
.approval-badge{display:inline-flex;align-items:center;gap:5px;line-height:1.2;font-weight:670;font-size:10.5px;border-radius:6px;padding:5px 7px;border:1px solid #e0e7f0;color:#5b6d84;background:#f4f6f9;white-space:nowrap}
.approval-badge:before{content:'';width:6px;height:6px;background:currentColor;border-radius:100%}
.status-active_term{background:#e9f8f1;color:#187650;border-color:#cceedd}
.status-expiring{background:#fff3db;color:#986018;border-color:#f7deb1}
.status-expired{background:#f5eff0;color:#a44c55;border-color:#ebd6d9}
.status-stopped{background:#feedef;color:#b92e47;border-color:#f3c9d0}
.status-date_missing{background:#f0f4fb;color:#55708e;border-color:#e1e7f1}
.approval-date{color:#6d7e94;font-size:10px;white-space:nowrap}
.approval-stale{font-size:9px;color:#997a4c}
.status-filter-placeholder{font-size:9.5px;color:#9da9b8;white-space:nowrap}
.status-th{font-size:11px;color:#3c5577;font-weight:700;white-space:normal;line-height:1.2}
/* Full-screen comparison uses a real route (/compare), opening in a separate browser tab. */
body.compare-view{background:#f5f7fb;min-height:100vh;overflow:auto}
body.compare-view .shell,body.compare-view .compare-tray,body.compare-view .live-overlay{display:none!important}
.comparison-screen{width:100%;min-height:100vh}
.comparison-topbar{height:68px;background:white;border-bottom:1px solid #dfe6f0;display:flex;align-items:center;justify-content:space-between;padding:0 28px;gap:20px;position:sticky;top:0;z-index:22}
.compare-logo{display:flex;align-items:center;gap:11px}
.compare-logo strong{display:block;font-size:14px;color:#253b59}
.compare-logo small{display:block;font-size:10px;color:#8796ab}
.compare-mark{width:35px;height:35px;flex:none;background:#2563eb;color:white;display:grid;place-items:center;border-radius:9px;font-weight:790}
.compare-top-actions{display:flex;gap:10px;align-items:center}
.comparison-content{padding:24px 30px 40px;max-width:2000px;margin:auto}
.compare-headerline{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:18px}
.compare-headerline h1{font-size:24px}
.compare-selected-indicator{background:#eaf1ff;border:1px solid #d6e4fb;border-radius:9px;color:#2b5fc3;padding:9px 14px;font-size:12px;font-weight:760}
.compare-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 14px}
.compare-control-right{display:flex;gap:9px;align-items:center}
.compare-mode-selector button{font-size:12px;padding:9px 14px}
.compare-note{background:#f8faff;border:1px solid #e2eaf8;border-radius:11px;padding:12px 16px;display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:11.5px;color:#566b88;margin:0 0 14px}
.compare-note b{margin-right:7px;color:#435b7b}
.compare-footnote{margin-left:auto;font-size:10.5px;color:#7f90a7}
.compare-panel{background:white;border:1px solid #dee6f3;border-radius:14px;box-shadow:0 6px 28px #273a5210;overflow:hidden}
.compare-table-scroll{width:100%;overflow:auto;max-height:calc(100vh - 360px);min-height:310px}
.compare-large-table{border-collapse:separate;border-spacing:0;width:100%;min-width:850px;table-layout:fixed;color:#283f5d;font-size:12px}
.compare-large-table th,.compare-large-table td{padding:13px 16px;border-bottom:1px solid #e9edf4;vertical-align:top;text-align:left;overflow-wrap:anywhere}
.compare-large-table thead th{position:sticky;top:0;z-index:4;background:#f7faff;border-bottom:1px solid #dbe4f1;min-width:220px}
.compare-large-table thead th:first-child,.compare-large-table tbody th{width:220px;min-width:220px;max-width:220px;position:sticky;left:0;z-index:6;background:#fbfcff;border-right:1px solid #e5eaf3}
.compare-large-table thead th:first-child{z-index:8}
.compare-large-table tbody th{font-size:11.5px;color:#657995;font-weight:700}
.compare-large-table tbody tr:nth-child(even) td{background:#fcfdff}
.compare-large-table tbody tr:hover td{background:#f6faff}
.compare-device-number{font-size:10px;font-weight:650;color:#8195af;margin-bottom:6px}
.compare-device strong{font-size:13px;display:block;line-height:1.38;letter-spacing:-.1px;color:#204b98}
.compare-reg{margin:7px 0;color:#6b7a90;font-size:11px}
.compare-remove{border:0;color:#9e6570;background:transparent;font-size:10px;cursor:pointer;padding:3px 0}
.compare-remove:hover{text-decoration:underline;color:#b03040}
.compare-footer{padding:13px 16px;color:#8391a5;font-size:10.5px;background:#fcfdff;border-top:1px solid #edf0f5}
.compare-show-full{border:0;background:none;padding:0;text-align:left;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;cursor:pointer;color:#315b99}
.compare-show-full:hover{text-decoration:underline}
.compare-expiry-note{font-size:10px;color:#8998ac;margin-top:4px}
.compare-check{display:inline-block;padding:5px 9px;border-radius:6px;font-size:11px;font-weight:670;background:#f1f3f7;color:#6e7b8c}
.compare-check.pass{background:#e6f6ed;color:#1c774f}
.compare-check.fail{background:#fdecee;color:#a5374c}
.compare-check.unknown{background:#fff3df;color:#a3782b}
.compare-empty{padding:46px 18px!important;font-size:14px;text-align:center;color:#8091a7}
@media(min-width:1400px){.compare-large-table thead th:not(:first-child){width:auto}.comparison-content{padding-inline:38px}}
@media(max-width:700px){.comparison-topbar{height:auto;min-height:62px;padding:12px 15px;align-items:flex-start}.compare-logo small{display:none}.compare-top-actions .online{display:none}.comparison-content{padding:15px 10px 25px}.compare-headerline h1{font-size:18px}.compare-mode-selector{width:100%;overflow-x:auto}.compare-mode-selector button{flex:1;font-size:10px;padding:8px}.compare-table-scroll{max-height:calc(100vh - 350px)}.compare-large-table thead th:first-child,.compare-large-table tbody th{min-width:150px;width:150px;max-width:150px}.compare-controls{align-items:stretch}.compare-control-right{width:100%;justify-content:space-between}}

/* v0.6 public beta: restrained, keyboard-friendly correction form and analytics choice. */
.report-inline{border:0;background:transparent;color:#8094b5;margin-left:7px;padding:5px 7px;border-radius:6px;cursor:pointer;font-size:13px}
.report-inline:hover{color:#245fc6;background:#f0f6ff}
.report-issue-button{margin-top:4px}
.beta-feedback-overlay{position:fixed;inset:0;z-index:1500;background:#152e5270;display:flex;align-items:center;justify-content:center;padding:18px}
.beta-feedback-overlay.hidden,.beta-metrika-banner.hidden{display:none!important}
.beta-feedback-card{background:#fff;border-radius:13px;width:min(530px,100%);max-height:90vh;overflow:auto;box-shadow:0 14px 50px #16345945;padding:22px;display:flex;flex-direction:column;gap:12px;color:#253b5f}
.beta-feedback-head{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:17px}
.beta-feedback-card label{font-size:12px;font-weight:650;color:#526784}
.beta-feedback-card .field{width:100%;max-width:100%;font:inherit;font-size:13px;padding:9px;line-height:1.5}
.beta-feedback-card textarea{min-height:95px;resize:vertical}
.beta-feedback-actions{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}
.beta-feedback-actions span{font-size:12px;flex:1;color:#3c668b}
.beta-honey{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}
.beta-metrika-banner{position:fixed;z-index:1100;bottom:12px;left:50%;transform:translateX(-50%);width:min(720px,calc(100vw - 24px));display:flex;align-items:center;gap:15px;padding:14px 18px;background:#fff;border:1px solid #dce6f3;box-shadow:0 9px 35px #24385c2b;border-radius:12px;color:#415573;font-size:12px}
.beta-metrika-banner p{margin:0;flex:1;line-height:1.55}
.beta-metrika-banner>div{display:flex;gap:5px}
@media(max-width:600px){.beta-metrika-banner{display:block}.beta-metrika-banner>div{margin-top:9px;justify-content:flex-end}}

.beta-policy-row{font-size:11px;margin:6px 0 9px}.beta-policy-row a{color:#577ba8}

/* v0.6.1: own-site privacy notices, independent PD consent, revocable analytics. */
.beta-policy-row{display:flex;flex-wrap:wrap;align-items:center;column-gap:12px;row-gap:8px;margin:12px 0 8px;line-height:1.5}
.beta-policy-row a,.beta-cookie-settings{font-family:inherit;font-size:11px;color:#5274a7;background:none;border:0;padding:0;text-align:left;cursor:pointer;text-decoration:none}
.beta-policy-row a:hover,.beta-cookie-settings:hover{text-decoration:underline}
.beta-consent-label{display:flex;align-items:flex-start;gap:9px;cursor:pointer;font-weight:400!important;line-height:1.6;color:#405a7d!important}
.beta-consent-label input{width:16px;height:16px;flex:none;margin:2px 0 0;accent-color:#2563eb}
.beta-consent-label span{font-size:12px}.beta-consent-label a{color:#245ac0;text-decoration:underline}
.beta-metrika-banner .hidden{display:none!important}.beta-metrika-banner p b{color:#243e62}
.beta-metrika-banner>div{flex-shrink:0;gap:8px}
.legal-header-link{white-space:nowrap;font-size:11px!important}
@media(max-width:700px){.comparison-topbar .legal-header-link{display:none}.beta-metrika-banner{bottom:8px;padding:12px}.beta-metrika-banner>div{justify-content:flex-start;flex-wrap:wrap}}

.compare-legal-links{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:19px 0;color:#6279a0}.compare-legal-links a{font-size:11px;color:#5274a7}

/* v0.6.2 brand: one vector logo in the sidebar and comparison header. */
.brand-icon,.compare-mark{display:block;width:35px;height:35px;min-width:35px;object-fit:contain;flex-shrink:0;background:transparent;border-radius:10px;}

/* v0.6.3: make the result area grow while the user scrolls the table itself.
   Do not collapse normal search, the comparison screen, or on small tables.
   Keep the two sticky table-header rows and paging permanently accessible. */
.table-compact-actions{display:none}
.table-focus.table-scrolled .topbar{height:39px;min-height:39px}
.table-focus.table-scrolled .content{padding-top:5px}
.table-focus.table-scrolled .focus-searchbar,
.table-focus.table-scrolled .results .warning,
.table-focus.table-scrolled .results .result-toolbar,
.table-focus.table-scrolled .results .table-status-note{display:none!important}
.table-focus.table-scrolled .results{padding-top:4px}
.table-focus.table-scrolled .results .result-head{min-height:38px;padding:3px 6px 7px;gap:8px}
.table-focus.table-scrolled .result-head h2{font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.table-focus.table-scrolled .table-compact-actions{display:flex;align-items:center;gap:10px;margin-left:auto;min-width:0}
.table-focus.table-scrolled .compact-current{font-size:10px;color:#7990ae;white-space:nowrap}
.table-focus.table-scrolled .table-restore{min-height:27px;padding:4px 9px;color:#2459ad;background:#f1f6ff;border-color:#d5e4fa}
.table-focus.table-scrolled .table-restore:hover{background:#e4efff}
.table-focus.table-scrolled .results .table-scroll{flex:1;min-height:0}
@media(max-width:800px){
 .table-focus.table-scrolled .compact-current{display:none}
 .table-focus.table-scrolled .table-restore{font-size:10px}
 .table-focus.table-scrolled .results .result-head{padding-inline:4px}
}
@media(max-width:390px){.table-focus.table-scrolled .table-restore{max-width:148px;white-space:normal;line-height:1.2}}