/* NAB MACHINES v11 — no popup search/lightbox, stable mobile header, new-tab image viewer */
body.modal-open { overflow: auto !important; }
.site-search-v10, .image-lightbox-v10, .site-search-modal, .lightbox-modal, .nab-v9-search, .nab-v9-lightbox { display:none !important; visibility:hidden !important; pointer-events:none !important; }
.topbar { z-index: 1000 !important; }
.topbar .nav { position: relative; }
  width: 46px; height: 46px; min-width:46px; border-radius: 999px;
  display: inline-flex; align-items:center; justify-content:center;
  background:#fff; border:1px solid rgba(15,97,108,.18); color:var(--teal);
  font-size:1.16rem; font-weight:1000; box-shadow:0 12px 30px rgba(15,97,108,.12);
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease; direction:ltr;
}
.header-tool-btn[data-lang-toggle], .header-tool-btn[data-site-search-open] {
  border:0 !important; width:auto; min-width:48px !important; min-height:44px !important;
  padding:10px 15px !important; border-radius:999px !important; display:inline-flex !important;
  align-items:center !important; justify-content:center !important; gap:8px !important;
  font-weight:1000 !important; cursor:pointer !important; white-space:nowrap !important;
  box-shadow:0 12px 30px rgba(15,97,108,.15) !important;
}
.header-tool-btn[data-lang-toggle] { background:linear-gradient(135deg,var(--teal),#168897) !important; color:#fff !important; }
.header-tool-btn[data-site-search-open] { background:linear-gradient(135deg,var(--gold),#f2d68f) !important; color:#14373d !important; }
.search-pulse-v11 { animation:nabSearchPulse 1.15s ease both; }
@keyframes nabSearchPulse { 0%,100%{box-shadow:0 0 0 0 rgba(215,180,112,0)} 35%{box-shadow:0 0 0 7px rgba(215,180,112,.28)} 70%{box-shadow:0 0 0 13px rgba(15,97,108,.10)} }
.category-card .link-more {
  display:inline-flex !important; align-items:center !important; justify-content:center !important; gap:9px !important;
  margin-top:14px !important; min-height:50px !important; padding:13px 24px !important; border-radius:999px !important;
  background:linear-gradient(135deg,var(--teal),#168897) !important; color:#fff !important;
  border:1px solid rgba(215,180,112,.55) !important; box-shadow:0 16px 38px rgba(15,97,108,.24) !important;
  font-weight:1000 !important; text-decoration:none !important;
}
.category-card .link-more::after { content:'←'; font-weight:1000; }
html[dir="ltr"] .category-card .link-more::after { content:'→'; }
.category-card .link-more:hover { transform:translateY(-2px); box-shadow:0 22px 52px rgba(15,97,108,.32) !important; }
.explain-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(340px,1fr)); gap:26px; align-items:stretch; }
.explain-card {
  position:relative; overflow:hidden; border-radius:32px !important; border:1px solid rgba(15,97,108,.18) !important;
  background:linear-gradient(180deg,#fff 0%,#f5fbfb 100%) !important;
  box-shadow:0 24px 70px rgba(15,97,108,.13) !important; isolation:isolate;
}
.explain-card::before {
  content:'🔍'; position:absolute; top:16px; inset-inline-start:16px; z-index:5;
  width:46px; height:46px; display:grid; place-items:center; border-radius:50%;
  background:linear-gradient(135deg,rgba(15,97,108,.95),rgba(22,137,151,.92)); color:#fff;
  box-shadow:0 14px 32px rgba(0,0,0,.18); pointer-events:none;
}
.explain-card::after { content:''; position:absolute; inset:0; pointer-events:none; background:linear-gradient(135deg,rgba(215,180,112,.10),transparent 34%,rgba(15,97,108,.05)); opacity:.8; }
.explain-card:hover { transform:translateY(-5px); box-shadow:0 30px 82px rgba(15,97,108,.20) !important; }
.image-open-link-v11 { display:block; position:relative; z-index:3; cursor:zoom-in; }
.open-image-v11, .explain-card img, .spec-frame img {
  cursor:zoom-in !important;
}
.explain-card img {
  display:block; width:100% !important; height:clamp(330px,34vw,540px) !important; object-fit:contain !important;
  padding:22px !important; background:radial-gradient(circle at 18% 18%,rgba(215,180,112,.16),transparent 30%),linear-gradient(135deg,#f8fcfc 0%,#fff 52%,#eef8f8 100%) !important;
}
.explain-card h3 {
  position:relative; z-index:4; margin:0 !important; padding:17px 20px !important;
  border-top:1px solid rgba(15,97,108,.12) !important; background:rgba(255,255,255,.94) !important;
  backdrop-filter:blur(10px); font-weight:1000 !important; line-height:1.6 !important;
}
.explain-card h3::after, .nab-v9-explain-card h3::after { content:'' !important; display:none !important; }
.technical-img { grid-column:1 / -1; }
.technical-img img { height:auto !important; min-height:260px !important; max-height:none !important; padding:24px !important; }
html[data-theme="dark"] .explain-card, html[data-theme="dark"] .explain-card h3 { background:#0b252a !important; }
html[data-theme="dark"] .explain-card img { background:linear-gradient(135deg,#071c20,#0b252a) !important; }
@media (max-width:980px){
  .topbar .container.nav { min-height:68px !important; gap:7px !important; flex-wrap:nowrap !important; }
  .logo { min-width:0 !important; gap:8px !important; flex:0 1 auto !important; }
  .logo img { width:112px !important; max-width:30vw !important; }
  .logo span { display:none !important; }
  .nav-actions { margin-inline-start:auto !important; gap:6px !important; flex:0 0 auto !important; display:flex !important; align-items:center !important; }
  .topbar .nav-actions .btn-primary, .topbar .nav-actions .btn-outline { display:none !important; }
    width:42px !important; height:42px !important; min-width:42px !important; min-height:42px !important; padding:0 !important;
  }
  .header-tool-btn .label { display:none !important; }
  .mobile-toggle { display:inline-flex !important; align-items:center !important; justify-content:center !important; flex:0 0 auto !important; order:3; }
  .menu {
    display:none !important; position:absolute !important; top:calc(100% + 8px) !important; inset-inline:0 !important;
    z-index:1001 !important; padding:10px !important; border:1px solid var(--line) !important; border-radius:18px !important;
    background:rgba(255,255,255,.98) !important; box-shadow:0 18px 55px rgba(15,97,108,.18) !important;
    flex-direction:column !important; align-items:stretch !important; gap:6px !important; max-height:calc(100vh - 82px) !important; overflow:auto !important;
  }
  .menu.show { display:flex !important; }
  .menu a { width:100% !important; text-align:center !important; border-radius:14px !important; padding:12px !important; background:#f8fcfc !important; }
}
@media (max-width:760px){
  .container { width:calc(100% - 20px) !important; }
  .explain-grid { grid-template-columns:1fr !important; gap:18px !important; }
  .explain-card img { height:clamp(280px,74vw,440px) !important; padding:15px !important; }
  .technical-img img { min-height:230px !important; }
  .category-card .link-more { width:100% !important; }
}
@media (max-width:390px){
  .logo img { width:98px !important; max-width:28vw !important; }
  .topbar .container.nav { gap:5px !important; }
}