/* STANZEN SteelBook 2.0.1 — Variant 1 / card opening fix
   Visual layer only. Database and parsers are not touched. */
:root{
  --bg:#ffffff;
  --card:#ffffff;
  --ink:#101e3c;
  --muted:#7b89a3;
  --line:#dfe6f1;
  --line-strong:#d1dbea;
  --soft:#f7f9fc;
  --soft-blue:#f2f6ff;
  --accent:#1260f4;
  --accent-dark:#0648ce;
  --accent-soft:#eef4ff;
  --shadow:none;
  --shadow-lg:0 18px 50px rgba(20,45,95,.12);
  --r:10px;
  --header-h:92px;
  --sidebar-w:294px;
}
*{scrollbar-width:thin;scrollbar-color:#cbd7e8 transparent}
body{background:#fff;color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:14px}
.iconSvg{width:18px;height:18px;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;fill:none;display:block;flex:0 0 auto}
.headerIcon .iconSvg{width:18px;height:18px}
.navIcon .iconSvg{width:18px;height:18px}
.requestIcon .iconSvg{width:18px;height:18px}
.actionIcon{width:16px;height:16px}
.iconChevron{width:14px;height:14px;stroke-width:2.2}
a{text-decoration:none}
.publicStrip{display:none!important}
.siteFooter{display:none}

/* HEADER */
.top.appHeader{
  position:sticky;top:0;z-index:70;height:var(--header-h);padding:0;background:#fff;
  border-bottom:1px solid var(--line);box-shadow:none;backdrop-filter:none;
}
.top.appHeader:before{display:none}
.topline{
  width:100%;max-width:none;height:100%;margin:0;padding:0 28px 0 40px;
  display:grid;grid-template-columns:330px minmax(360px,570px) minmax(420px,1fr);gap:28px;align-items:center;
}
.brand{display:flex;align-items:center;min-width:0;color:#0b1b42;white-space:nowrap}
.brand:hover .brandName{color:#0b1b42}
.brandGlyph{
  width:39px;height:39px;display:inline-grid;place-items:center;margin-right:15px;
  color:#fff;background:#1260f4;font-size:21px;font-weight:950;font-style:italic;
  clip-path:polygon(18% 0,90% 0,72% 42%,100% 42%,82% 100%,10% 100%,28% 57%,0 57%);
  letter-spacing:-.1em;padding-right:3px;
}
.brandName{font-size:26px;font-weight:900;letter-spacing:.035em;color:#0c1d45}
.brandProduct{font-size:20px;font-weight:500;color:#1260f4;margin-left:12px;padding-left:12px;border-left:1px solid #d5deeb;letter-spacing:-.02em}
.searchbox{position:relative;width:100%}
.searchbox:before{content:'⌕';position:absolute;left:17px;top:8px;color:#23375c;font-size:25px;z-index:2}
.searchbox input{
  width:100%;height:48px;border:1px solid #ccd8e8;border-radius:9px;background:#fff;
  padding:0 45px 0 50px;font-size:14px;color:#1b2b4b;outline:none;box-shadow:0 1px 2px rgba(17,43,86,.02)
}
.searchbox input::placeholder{color:#96a2b8}
.searchbox input:focus{border-color:#7e9fe4;box-shadow:0 0 0 3px rgba(18,96,244,.08)}
.clearSearch{top:7px;right:7px}
.suggest{top:55px;border-radius:9px;border-color:var(--line);box-shadow:0 14px 34px rgba(17,42,81,.12)}
.headerUtilities{display:flex;justify-content:flex-end;align-items:center;gap:4px;min-width:0}
.headerAction{height:42px;padding:0 10px;border:0;background:transparent;color:#192a4b;display:inline-flex;align-items:center;gap:7px;cursor:pointer;font-weight:650;white-space:nowrap;border-radius:8px}
.headerAction:hover{background:#f5f8fd;color:#0d55d9}
.headerIcon{display:inline-flex;align-items:center;justify-content:center;color:currentColor}
.headerCount{font-size:10px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:#eef3fa;color:#60718b;display:inline-grid;place-items:center}
.headerLang{height:42px;display:flex;align-items:center;gap:6px;padding:0 9px;color:#293b5b;font-weight:650;white-space:nowrap}
.mobileOnly{display:none!important}

/* LAYOUT + SIDEBAR */
.shell.appShell{width:100%;max-width:none;margin:0;padding:0;display:grid;grid-template-columns:var(--sidebar-w) minmax(0,1fr);gap:0;min-height:calc(100vh - var(--header-h))}
.sidebar{
  border:0;border-right:1px solid var(--line);border-radius:0;box-shadow:none;background:#fff;
  padding:22px 20px 28px;position:sticky;top:var(--header-h);height:calc(100vh - var(--header-h));max-height:none;
  overflow:auto;display:flex;flex-direction:column;align-self:start;
}
.sidebarTop{display:flex;flex-direction:column;gap:1px}
.mobileSidebarHead{display:none}
.sideTitle{margin:22px 0 9px 18px;color:#7d8aa4;font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.navBtn{
  width:100%;height:43px;border:0;border-radius:7px;background:transparent;padding:0 13px;display:flex;align-items:center;gap:12px;
  color:#2f4262;font-size:13px;font-weight:600;text-align:left;cursor:pointer;box-shadow:none
}
.navBtn:hover{background:#f6f8fc;color:#0d51d4}
.navBtn.active{background:#f0f4fb;color:#0d5be5;box-shadow:none}
.navBtn.navPrimary{margin-bottom:1px}
.navIcon{width:21px;display:inline-flex;align-items:center;justify-content:center;color:#496083;flex:0 0 21px}
.navBtn.active .navIcon,.navBtn:hover .navIcon{color:#1260f4}
.navBtn .n{margin-left:auto;color:#9aa6b9;font-size:10px;font-weight:700;background:transparent}
.navChevron{margin-left:auto;color:#9aa6b9;transition:transform .18s;display:inline-flex;align-items:center;justify-content:center}
#toggleFilters.open .navChevron{transform:rotate(180deg)}
.navLink{color:#2f4262}
.advancedFilters{display:none;margin:7px 4px 10px;padding:12px;background:#f8fafc;border:1px solid #e3e9f2;border-radius:8px}
.advancedFilters.open{display:block}
.filterBlock{padding:0;margin:0 0 10px;border:0}
.filterBlock:last-child{margin-bottom:0}
.filterLabel{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#8897ab;font-weight:750;margin:0 0 5px}
.select,.smallInput{height:36px;border-radius:6px;border-color:#d9e2ef;background:#fff;padding:0 9px;font-size:12px}
.filterAction{min-height:36px!important;height:36px!important;border-radius:6px!important;padding:0 9px!important;font-size:12px}
.quickFilterBlock .chips{gap:4px}.chip{border-radius:5px;padding:4px 6px;font-size:10px;background:#fff;border-color:#dde5ef}.chip:hover,.chip.active{background:#eef4ff;border-color:#b8cef8;color:#0d55d9}
.checkBlock{display:grid;gap:5px}.check{margin:0;font-size:11px;color:#63748c}.sidebarActions{gap:5px}.sidebarActions .btn{min-height:34px;height:34px;padding:0 8px;font-size:11px;border-radius:6px}
.sidebarRequest{margin-top:auto;background:#f8fafe;border:1px solid #edf1f7;border-radius:9px;padding:19px 16px 15px;color:#182946}
.sidebarRequest b{font-size:13px}.sidebarRequest p{font-size:12px;line-height:1.55;color:#586982;margin:8px 0 16px}.requestButton{height:44px;border:1px solid #d4deec;border-radius:7px;background:#fff;color:#1260f4;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:700;font-size:12px}.requestButton:hover{border-color:#aac3f4;background:#fafdff}.requestIcon{display:inline-flex;align-items:center;justify-content:center}

/* CATALOG / LIST */
.maincol{padding:26px 38px 60px;gap:14px;background:#fff;min-width:0}
.catalogHeader{display:flex;align-items:flex-end;gap:22px;padding:1px 2px 14px;border-bottom:1px solid #edf1f6}
.catalogHeader>div:first-child{min-width:0}.catalogBreadcrumb{font-size:11px;color:#8794a9;margin-bottom:5px}.catalogHeader h2{font-size:30px;line-height:1.1;letter-spacing:-.03em;margin:0;color:#122344}.catalogHeader p{margin:7px 0 0;color:#718098;font-size:13px}.catalogHeaderActions{margin-left:auto;display:flex;gap:8px;flex:0 0 auto}
.databaseMissing{margin-top:10px;border-radius:7px}
.appMetrics{display:none!important}
.recent{padding:5px 2px 0;min-height:30px}.recent .label{font-size:9px;color:#8794a9}.recentChip{background:#f4f7fb;border-radius:5px;color:#536984;padding:4px 7px}
.maincard{border:1px solid var(--line);border-radius:9px;box-shadow:none;overflow:hidden}
.stats{min-height:50px;padding:10px 16px;border-bottom:1px solid var(--line);background:#fff}.count{font-size:17px;color:#132443}
.tableWrap{max-height:calc(100vh - 275px);overflow:auto}
table{min-width:1080px}thead th{background:#f8fafd;color:#7788a2;font-size:9.5px;padding:10px 11px;border-color:#e3e9f1}tbody td{padding:11px;border-color:#edf1f6}tbody tr:hover{background:#f9fbff}.grade{font-size:15px}.summaryCell{color:#5d6d84}.pill{border-radius:5px;background:#f7f9fc;border-color:#e4e9f1;color:#53657d}.rowActions button{border-radius:6px;display:inline-flex;align-items:center;justify-content:center}.rowActions .actionIcon{width:14px;height:14px}
.btn{height:40px;border:1px solid #d5deeb;border-radius:8px;background:#fff;color:#1d3152;font-weight:650;box-shadow:none}.btn:hover{transform:none;background:#f8faff;border-color:#bdcce0}.btn.primary{background:#1260f4;border-color:#1260f4;color:#fff;box-shadow:none}.btn.primary:hover{background:#0b50db;border-color:#0b50db}.btn.slim{height:36px;padding:0 12px;font-size:12px}

/* MATERIAL VIEW — occupies content area like the reference mockup */
.drawerBack{position:fixed;z-index:55;left:var(--sidebar-w);right:0;top:var(--header-h);bottom:0;width:auto;height:auto;background:#fff;backdrop-filter:none;display:none}
.drawerBack.open{display:block}
.drawer{position:relative;inset:auto;width:100%;min-width:0;height:100%;background:#fff;border:0;border-radius:0;box-shadow:none;overflow:auto}
.drawer:before{display:none}
.drawerHead{
  position:sticky;top:0;z-index:8;background:rgba(255,255,255,.985);backdrop-filter:blur(10px);
  padding:20px 32px 15px;border-bottom:0;display:grid;grid-template-columns:minmax(360px,1fr) auto 44px;gap:20px;align-items:end
}
.drawerHeadMain{min-width:0}
.drawerNavBack{display:inline-flex!important;width:auto;max-width:none;min-height:28px;padding:0;border:0;background:transparent;color:#7b8ba3;font-size:12px;font-weight:550;align-items:center;gap:7px;margin:0 0 17px;cursor:pointer}
.drawerNavBack:hover{background:transparent;color:#1260f4}.drawerBackArrow{font-size:17px}.drawerBackText{white-space:nowrap}
.drawerTitleRow{display:flex;align-items:center;gap:16px;min-width:0}
.drawerHead h2{font-size:48px;line-height:1;letter-spacing:-.05em;font-weight:800;color:#0d1c3c;margin:0}
.materialTypeBadge{display:inline-flex;align-items:center;min-height:27px;padding:0 12px;border:1px solid #a9c6ff;background:#f7faff;color:#1260f4;border-radius:15px;font-size:11px;font-weight:650;max-width:420px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.drawerSummaryLine{margin-top:12px;max-width:850px;font-size:12px;color:#425573;line-height:1.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.drawerMetaLine{display:none}
.drawerTools{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin:0 0 2px;flex-wrap:nowrap}
.drawerTools .btn{height:47px;padding:0 18px;border-radius:8px;font-size:12px;background:#fff;border-color:#cfd9e8;color:#16294a;font-weight:700;white-space:nowrap;display:inline-flex;align-items:center;gap:7px}.drawerTools .btn.primary{background:#1260f4;color:#fff;border-color:#1260f4}.drawerTools .btn .actionIcon{width:16px;height:16px;margin-right:0}.drawerTools .btn:hover{background:#f8faff}.drawerTools .btn.primary:hover{background:#0c51da}
.close{align-self:start;margin-top:0;width:40px;height:40px;border-radius:8px;background:#fff;border:1px solid #dbe3ee;color:#64748d;font-size:23px}.close:hover{background:#f7f9fc;color:#142444}
.drawerMore{position:relative}.drawerMore summary{list-style:none;display:grid;place-items:center;padding:0;width:42px}.drawerMore summary::-webkit-details-marker{display:none}.drawerMoreMenu{position:absolute;right:0;top:52px;width:190px;padding:6px;background:#fff;border:1px solid #dce4ef;border-radius:8px;box-shadow:0 14px 34px rgba(15,38,79,.13);z-index:30}.drawerMoreMenu button,.drawerMoreMenu a{width:100%;min-height:35px;border:0;background:transparent;border-radius:5px;display:flex;align-items:center;gap:8px;padding:0 9px;color:#263b5c;font-size:11px;text-align:left;cursor:pointer}.drawerMoreMenu button:hover,.drawerMoreMenu a:hover{background:#f3f6fb;color:#0e56df}
.drawerBody{width:100%;max-width:none;margin:0;padding:5px 32px 32px}
.section{margin:0;padding:23px 0 25px;border-bottom:1px solid #edf1f5}.section:last-child{border-bottom:0}.section h3{margin:0 0 17px;color:#132342;font-size:12px;letter-spacing:0;text-transform:none;font-weight:750;display:flex;align-items:center;gap:9px}.sectionIcon{color:#1260f4;font-size:17px;font-weight:400}.analogCount{margin-left:3px;color:#76869e;font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:750}.desc{max-width:1130px;color:#334868;font-size:13px;line-height:1.72}.sectionHint{font-size:10px;color:#8995a8;margin-top:10px}
.sectionApplication{padding-top:20px}
.secondarySection h3{font-size:11px;color:#586a84}.secondarySection{padding-top:19px;padding-bottom:20px}

/* chemistry */
.chem{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;border:0;border-radius:0;overflow:visible;background:transparent;max-width:100%}
.chemItem{min-height:64px;padding:10px 12px;border:1px solid #d8e1ee;border-radius:8px;background:#fbfcfe}.chemItem span{display:block;color:#74829a;font-size:9px;text-transform:uppercase;letter-spacing:.05em;font-weight:750;margin-bottom:5px}.chemItem strong{font-size:15px;line-height:1.15;color:#102144;font-weight:800}.chemItem:nth-child(n+8){max-width:100%}

/* analogues — one horizontal band, every grade on its own line */
.sectionAnalogs{padding-bottom:20px}
.analogColumns{--analog-cols:1;display:grid;grid-template-columns:repeat(var(--analog-cols),minmax(0,1fr));border:1px solid #d9e2ed;border-radius:9px;overflow:hidden;background:#fff;width:100%;max-width:100%}
.analogCountry{min-width:0;padding:14px 12px 12px;border-right:1px solid #e1e7ef;min-height:172px}.analogCountry:last-child{border-right:0}.analogCountryHead{display:flex;align-items:center;gap:8px;min-width:0;height:24px}.countryFlag{font-size:17px;line-height:1;flex:0 0 auto}.analogCountryHead strong{font-size:11px;color:#253b5d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.analogStandard{min-height:30px;padding:7px 0 8px;border-bottom:1px solid #e5ebf2;color:#63758f;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.analogGradeList{padding-top:7px}.analogGradeLine{display:block;width:100%;margin:0 0 4px;min-width:0}.analogGradeLine:last-child{margin-bottom:0}.analogGradeLine .chip{display:block;width:auto;max-width:100%;padding:0;border:0;background:transparent;color:#233a5e;font-size:10.5px;line-height:1.35;font-weight:600;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.analogGradeLine .chip:hover{background:transparent;color:#1260f4;text-decoration:underline}.analogGradeLine .chip:disabled{color:#8290a4!important;text-decoration:none!important}

/* alias card */
.aliasSection{padding:10px 0 16px}.aliasHero{margin:0;border:1px solid #dce6f5;border-left:3px solid #1260f4;border-radius:7px;background:#f8fbff;padding:13px 15px}.aliasKicker{font-size:9px;color:#7989a2}.aliasHero strong{font-size:20px;color:#122344}.aliasMetaPill{border:0;background:transparent;padding:0;color:#6a7c95}.aliasHero p{font-size:11px;color:#536982}.aliasLink{border:0;border-bottom:1px solid #9ab8f5;border-radius:0;padding:2px 0;background:transparent}

/* bottom information */
.drawerBottomInfo{padding-top:19px}.drawerDisclaimer{display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:7px;align-items:center;color:#8895a8;font-size:10px}.drawerDisclaimer>span{color:#7285a2}.drawerUpdated{white-space:nowrap}.sourceMini{font-size:10px;color:#95a0b1;margin-top:7px;padding-left:25px}.sourceMini a{color:#637a9a}.drawerCta{display:none}
.source{border:0;background:transparent}

/* compare / modals */
.compareBar{background:#10264f;border-radius:9px;box-shadow:0 12px 32px rgba(12,31,68,.17)}
.modal{border-radius:10px;border-top:0;box-shadow:0 20px 60px rgba(12,31,68,.18)}.modalHead{background:#fff}.toast{background:#122b56;border-radius:7px}

@media(max-width:1450px){
  :root{--sidebar-w:260px}.topline{grid-template-columns:290px minmax(330px,520px) 1fr;gap:18px;padding-left:28px;padding-right:20px}.brandName{font-size:23px}.brandProduct{font-size:17px}.headerAction{padding:0 7px;font-size:12px}.drawerHead{padding-left:24px;padding-right:24px}.drawerBody{padding-left:24px;padding-right:24px}.drawerTools{gap:6px}.drawerTools .btn{padding:0 12px}.chem{gap:8px}.analogCountry{padding-left:8px;padding-right:8px}.analogCountryHead strong{font-size:9.5px}.analogGradeLine .chip{font-size:9px}.analogStandard{font-size:8.5px}
}
@media(max-width:1180px){
  :root{--sidebar-w:230px}.topline{grid-template-columns:250px minmax(310px,1fr) auto;padding-left:20px;gap:12px}.brandGlyph{width:34px;height:34px;margin-right:10px}.brandName{font-size:20px}.brandProduct{font-size:15px;margin-left:9px;padding-left:9px}.headerAction span:not(.headerIcon):not(.headerCount){display:none}.maincol{padding:22px}.drawerHead{grid-template-columns:1fr auto 40px}.drawerHead h2{font-size:40px}.drawerTools .btn{width:42px;padding:0;font-size:0}.drawerTools .btn span{font-size:17px;margin:0}.drawerMoreButton{font-size:11px!important}.chem{grid-template-columns:repeat(6,minmax(0,1fr))}.analogCountry{padding:10px 6px}.countryFlag{font-size:14px}.analogCountryHead{gap:4px}.analogCountryHead strong{font-size:8.5px}.analogGradeLine .chip{font-size:8px}.analogStandard{font-size:7.5px}
}
@media(max-width:980px){
  :root{--sidebar-w:0px;--header-h:76px}.topline{grid-template-columns:auto minmax(200px,1fr) auto;padding:0 14px;height:76px}.brandProduct{display:none}.brandGlyph{width:32px;height:32px}.brandName{font-size:18px}.headerUtilities .headerAction,.headerLang{display:none}.mobileOnly{display:inline-flex!important}.shell.appShell{display:block}.sidebar{position:fixed!important;z-index:95;top:0!important;left:0;width:min(330px,90vw);height:100vh;transform:translateX(-105%);transition:transform .2s;border-right:1px solid var(--line);box-shadow:0 15px 40px rgba(10,30,65,.15)}.sidebar.mobileOpen{transform:none}.mobileSidebarHead{display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:8px}.mobileSidebarHead button{margin-left:auto}.maincol{padding:18px}.drawerBack{left:0}.drawerHead{padding:16px 16px 12px;grid-template-columns:1fr 40px}.drawerHeadMain{grid-column:1/2}.drawerTools{grid-column:1/-1;grid-row:2;justify-content:flex-start;overflow-x:auto;padding-bottom:2px}.close{grid-column:2;grid-row:1}.drawerHead h2{font-size:36px}.materialTypeBadge{max-width:55vw}.drawerBody{padding:3px 16px 24px}.chem{grid-template-columns:repeat(3,minmax(0,1fr))}.analogColumns{grid-template-columns:repeat(var(--analog-cols),minmax(78px,1fr));overflow-x:auto}.analogCountry{min-width:78px}.drawerDisclaimer{grid-template-columns:18px 1fr}.drawerUpdated{grid-column:2}.tableWrap{max-height:none}
}
@media(max-width:620px){
  .topline{grid-template-columns:auto 1fr auto;gap:8px}.brandName{display:none}.searchbox input{height:44px;padding-left:40px;font-size:12px}.searchbox:before{left:12px;top:7px}.catalogHeader{align-items:flex-start;flex-direction:column}.catalogHeaderActions{margin-left:0}.catalogHeader h2{font-size:25px}.maincol{padding:14px}.drawerTitleRow{align-items:flex-start;flex-direction:column;gap:8px}.materialTypeBadge{max-width:85vw}.drawerSummaryLine{white-space:normal}.chem{grid-template-columns:repeat(2,minmax(0,1fr))}.drawerTools{gap:5px}.drawerTools .btn{width:40px;height:40px}.drawerNavBack{margin-bottom:12px}.section{padding:18px 0}.analogColumns{overflow-x:auto}
}

/* 2.0.1: material rows are explicit interactive targets */
#tbody tr{cursor:pointer}
#tbody tr:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}

/* 2.0.2: dialogs must always sit above the sticky application header. */
.overlay{z-index:120}

/* v2.1 language selector + embedded SVG flags */
.langSwitch{position:relative;display:flex;align-items:center}
.langButton{gap:7px!important;min-width:76px;justify-content:center}
.langFlag,.countryFlag{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}
.flagSvg{display:block;width:24px;height:16px;border-radius:2px;box-shadow:0 0 0 1px rgba(17,45,76,.13);overflow:hidden;background:#fff}
.countryFlag .flagSvg{width:22px;height:14px}
.langChevron{font-size:12px;color:#75869a;margin-left:1px;transition:transform .16s ease}
.langButton[aria-expanded="true"] .langChevron{transform:rotate(180deg)}
.langMenu{position:absolute;right:0;top:calc(100% + 10px);z-index:150;min-width:174px;background:#fff;border:1px solid #dbe5ef;border-radius:12px;padding:6px;box-shadow:0 18px 48px rgba(12,43,78,.16);display:none}
.langMenu.open{display:block}
.langMenu button{width:100%;border:0;background:transparent;border-radius:8px;padding:9px 10px;display:flex;gap:10px;align-items:center;text-align:left;color:#153555;cursor:pointer}
.langMenu button:hover,.langMenu button.active{background:#f0f6fd}
.langOptionText{display:flex;flex-direction:column;gap:1px;line-height:1.15}
.langOptionText b{font-size:12px}
.langOptionText small{font-size:10px;color:#8192a5;font-weight:700}
.analogCountryHead{display:flex;align-items:center;gap:6px}
.countryFlag{min-width:22px}
@media(max-width:1200px){.langButton{min-width:62px}.langButton #langCode{display:inline}.langChevron{display:none}}
@media(max-width:720px){.langMenu{position:fixed;right:12px;top:64px}.langButton{min-width:48px;padding-inline:8px!important}}
.sourceLanguageNote{margin-top:10px;font-size:11px;color:#75879a;padding-top:9px;border-top:1px solid #e6edf5}
.sourceLanguageNote a{color:#0b63ce;text-decoration:none;font-weight:750}
.sourceLanguageNote a:hover{text-decoration:underline}

/* v2.1.2 strict icon set */
.headerAction{letter-spacing:-.005em}
.headerAction .iconSvg{stroke-width:1.7}
.navIcon .iconSvg{stroke-width:1.65}
.navBtn.active .navIcon .iconSvg{stroke-width:1.85}
.rowActions .actionIcon{stroke-width:1.75}
.drawerTools .actionIcon,.drawerMoreMenu .actionIcon{stroke-width:1.7}


/* 2.1.3 compare redesign */
.compareModalBox{width:min(1520px,96vw)}
.compareHead{align-items:start;grid-template-columns:1fr auto 40px;row-gap:10px}
.compareKicker{font-size:10px;letter-spacing:.12em;text-transform:uppercase}
.compareSubtitle{margin-top:6px;color:#6b7d97;font-size:12px;line-height:1.45}
.compareBody{padding-top:18px}
.compareSummary{display:grid;grid-template-columns:repeat(3,minmax(0,180px)) 1fr;gap:12px;align-items:stretch;margin-bottom:14px}
.compareStat{border:1px solid #d7e3f1;background:linear-gradient(180deg,#fbfdff 0%,#f3f8fe 100%);border-radius:12px;padding:14px 16px;display:grid;gap:5px}
.compareStat strong{font-size:28px;line-height:1;color:#112549;font-weight:850}
.compareStat span{font-size:12px;color:#5e7290}
.compareStat.muted{background:#fafcff}
.comparePicked{border:1px solid #d7e3f1;background:#fff;border-radius:12px;padding:12px 14px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.comparePickedChip{height:30px;padding:0 12px;border-radius:999px;background:#eef5ff;border:1px solid #d8e6fb;color:#124aa8;font-size:12px;font-weight:800;display:inline-flex;align-items:center}
.compareTools{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:12px 14px;border:1px solid #d8e3ef;border-radius:12px;background:#fbfdff;margin-bottom:10px}
.compareSwitch{display:flex;align-items:center;gap:10px}
.compareCheck{font-size:13px;color:#243a5c;font-weight:700;display:flex;align-items:center;gap:10px}
.compareCheck input{width:16px;height:16px;accent-color:#1260f4}
.compareLegend{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.legendItem{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:#62758f}
.legendSwatch{width:28px;height:12px;border-radius:999px;border:1px solid #d7e1ef;display:inline-block}
.legendSwatch.diff{background:#e9f3ff;border-color:#bfd8ff}
.legendSwatch.same{background:#fff}
.compareHint{font-size:12px;color:#6f8098;margin:0 0 14px 2px}
.compareTableWrap{border:1px solid #d9e3ef;border-radius:14px;overflow:hidden;background:#fff}
.compareTable{overflow:auto;max-height:min(72vh,980px)}
.compareTable table{width:max(100%,980px);border-collapse:separate;border-spacing:0}
.compareTable thead th{position:sticky;top:0;z-index:5;background:#f8fbff;border-bottom:1px solid #dfe8f3;padding:14px 14px 12px;vertical-align:bottom}
.compareTable thead th:first-child{z-index:8;background:#f4f8fd}
.compareTable tbody td{padding:12px 14px;vertical-align:top;border-top:1px solid #edf2f8;background:#fff}
.compareTable tbody tr:nth-child(even) td{background:#fcfdff}
.compareTable tr.sectionRow td{background:#eef4fb!important;color:#687c97;text-transform:uppercase;font-size:10px;letter-spacing:.1em;font-weight:900;border-top:1px solid #dce6f2;padding:12px 14px}
.compareTable th:first-child,.compareTable td:first-child{position:sticky;left:0;z-index:3;min-width:260px;max-width:260px;background:inherit}
.compareTable tbody td:first-child{font-weight:800;color:#203554}
.compareTable tr.sameRow td:first-child{color:#4b607c}
.compareTable tr.diffRow td{background:#f7fbff}
.compareTable tr.diffRow td:first-child{background:#eef6ff!important}
.compareTable td.isDiff{background:#e9f3ff!important;box-shadow:inset 0 0 0 1px rgba(90,165,237,.12)}
.paramCellWrap{display:flex;align-items:center;justify-content:space-between;gap:12px}
.diffBadge{flex:0 0 auto;height:22px;padding:0 9px;border-radius:999px;background:#dcebff;color:#0f5bdd;font-size:10px;font-weight:900;letter-spacing:.03em;display:inline-flex;align-items:center;text-transform:uppercase}
.cmpColHead{display:grid;gap:4px}
.cmpGrade{font-size:19px;line-height:1.1;color:#122749;font-weight:900;display:block}
.cmpMeta{font-size:11px;color:#667b96;font-weight:700;line-height:1.35;display:block}
.cmpMeta.secondary{font-weight:600;color:#7d8ea4}
.compareTable tr.hiddenSame{display:none}
#compareModal .close{background:#fff}
@media(max-width:1180px){.compareSummary{grid-template-columns:repeat(2,minmax(0,1fr))}.comparePicked{grid-column:1/-1}.compareTable th:first-child,.compareTable td:first-child{min-width:220px;max-width:220px}.cmpGrade{font-size:17px}}
@media(max-width:760px){.compareModalBox{width:min(98vw,98vw)}.compareSummary{grid-template-columns:1fr}.compareTools{align-items:flex-start}.compareLegend{gap:10px}.compareTable th:first-child,.compareTable td:first-child{min-width:180px;max-width:180px}.compareTable thead th,.compareTable tbody td{padding:10px 10px}.diffBadge{display:none}}


/* 2.1.4 split brand links */
.brandMainLink{display:flex;align-items:center;min-width:0;color:inherit;text-decoration:none}
.brandMainLink:hover{text-decoration:none}
.brandMainLink:hover .brandName{color:#1260f4}
.brandProductLink{display:inline-flex;align-items:center;text-decoration:none;transition:color .15s ease,background .15s ease}
.brandProductLink:hover{color:#0648ce;text-decoration:none}


/* 2.1.5 sidebar logic + grade request */
.sideTitleFirst{margin-top:0}
.navRequest{margin-top:3px;color:#0b63ce}
.navRequest .navIcon{color:#0b63ce}
.navRequest:hover{background:#eef6ff;color:#084f9f}
.sidebarRequest .requestButton{width:100%;cursor:pointer;font-family:inherit}
.requestGradeModalBox{width:min(720px,94vw)}
.requestIntro{margin:0 0 18px;color:#5d718d;font-size:13px;line-height:1.6;max-width:620px}
.requestFormGrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.requestFormGrid label{display:grid;gap:6px;color:#344963;font-size:11px;font-weight:800}
.requestFormGrid .span2{grid-column:1/-1}
.requestFormGrid input,.requestFormGrid textarea{width:100%;border:1px solid #d4dfec;border-radius:9px;background:#fff;color:#172b49;padding:0 11px;font:inherit;outline:none}
.requestFormGrid input{height:42px}
.requestFormGrid textarea{padding-top:10px;resize:vertical;min-height:92px}
.requestFormGrid input:focus,.requestFormGrid textarea:focus{border-color:#7aa8de;box-shadow:0 0 0 3px rgba(11,99,206,.08)}
.requestFormNote{margin-top:14px;padding:10px 12px;border-radius:9px;background:#f6f9fd;color:#687c95;font-size:11px;line-height:1.5}
.requestFormActions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}
.rowActions .miniAction .actionIcon{width:15px;height:15px}
@media(max-width:620px){.requestFormGrid{grid-template-columns:1fr}.requestFormGrid .span2{grid-column:auto}.requestFormActions{justify-content:stretch}.requestFormActions .btn{flex:1}}