/* MASTR V8 — clearer research, deeper knowledge and a stable tablet/foldable mode. */

/* The security method reads as five deliberate cards instead of a dim table. */
.research-section .method-list {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 18px !important;
  margin-top: 56px !important;
  border: 0 !important;
}

.research-section .method-row {
  position: relative;
  display: flex !important;
  min-width: 0;
  min-height: 252px !important;
  flex-direction: column;
  align-items: flex-start !important;
  gap: 0 !important;
  padding: 30px 28px 32px !important;
  overflow: hidden;
  border: 1px solid rgba(89, 255, 55, 0.42) !important;
  background:
    linear-gradient(145deg, rgba(22, 89, 33, 0.96), rgba(5, 29, 10, 0.99) 78%) !important;
  box-shadow:
    0 20px 46px rgba(0, 0, 0, 0.3),
    inset 0 1px rgba(202, 255, 94, 0.18),
    inset 5px 0 rgba(57, 255, 20, 0.1) !important;
}

.research-section .method-row:last-child {
  grid-column: 1 / -1;
  min-height: 218px !important;
}

.research-section .method-row > span {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 42px !important;
  height: 31px;
  border: 1px solid rgba(183, 255, 49, 0.52);
  background: rgba(3, 23, 7, 0.82);
  color: #bfff37 !important;
  font-family: Orbitron, Arial, sans-serif;
  font-size: 11px !important;
  font-weight: 900;
}

.research-section .method-row h3 {
  max-width: 680px;
  margin: 25px 0 15px !important;
  color: #f5fff6 !important;
  font-size: clamp(21px, 2vw, 28px) !important;
  line-height: 1.2 !important;
  letter-spacing: -0.025em;
}

.research-section .method-row p {
  max-width: 760px;
  margin: 0 !important;
  color: #c8ddcc !important;
  font-size: 17px !important;
  line-height: 1.68 !important;
}

.remediation-proof-panel {
  display: grid !important;
  grid-template-columns: minmax(280px, 0.72fr) minmax(0, 1.28fr) !important;
  gap: 40px !important;
  align-items: stretch !important;
  margin-top: 30px !important;
  padding: 38px !important;
  border: 1px solid rgba(183, 255, 49, 0.5) !important;
  background:
    linear-gradient(125deg, rgba(13, 66, 23, 0.98), rgba(4, 25, 9, 0.99)) !important;
  box-shadow:
    0 24px 65px rgba(0, 0, 0, 0.32),
    inset 0 1px rgba(202, 255, 94, 0.2) !important;
}

.remediation-proof-panel .gate-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
}

.remediation-proof-panel .gate-copy h3 {
  margin: 20px 0 18px !important;
  color: #f5fff6 !important;
  font-size: clamp(27px, 3vw, 43px) !important;
  line-height: 1.08 !important;
}

.remediation-proof-panel .gate-copy p {
  margin: 0;
  color: #c2d8c6 !important;
  font-size: 17px !important;
  line-height: 1.68 !important;
}

.remediation-proof {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  min-width: 0;
  border: 1px solid rgba(57, 255, 20, 0.27);
  background: rgba(57, 255, 20, 0.27);
}

.remediation-proof article {
  min-width: 0;
  min-height: 182px;
  padding: 24px;
  background: #061d0b;
}

.remediation-proof article > span {
  color: #7dff55;
  font-family: Orbitron, Arial, sans-serif;
  font-size: 10px;
  font-weight: 900;
}

.remediation-proof article > strong {
  display: block;
  margin-top: 16px;
  color: #effff1;
  font-family: Orbitron, Arial, sans-serif;
  font-size: 15px;
  line-height: 1.35;
}

.remediation-proof article > p {
  margin: 12px 0 0;
  color: #a9c3af !important;
  font-size: 14px !important;
  line-height: 1.58 !important;
}

/* Knowledge is a primary product, not a compact blog grid. */
.shell .explorer {
  padding-top: 72px !important;
}

.shell .explorer-head {
  margin-bottom: 38px !important;
}

.shell .explorer h2 {
  max-width: 920px;
  font-size: clamp(44px, 5.5vw, 78px) !important;
  line-height: 0.98 !important;
}

.shell .result-line {
  margin: 4px 0 18px !important;
  color: #9cb8a2 !important;
  font-size: 14px !important;
}

.shell .knowledge-grid {
  gap: 18px;
  border: 0 !important;
}

.shell .knowledge-entry {
  min-height: 390px;
  padding: 38px 36px !important;
  border: 1px solid rgba(57, 255, 20, 0.34) !important;
  background:
    linear-gradient(145deg, rgba(17, 69, 27, 0.98), rgba(5, 28, 10, 0.99) 76%) !important;
  box-shadow:
    0 20px 45px rgba(0, 0, 0, 0.26),
    inset 0 1px rgba(183, 255, 49, 0.15) !important;
}

.shell .knowledge-entry:nth-child(4n + 2),
.shell .knowledge-entry:nth-child(4n + 3) {
  background:
    linear-gradient(145deg, rgba(13, 57, 23, 0.99), rgba(4, 24, 9, 0.99) 78%) !important;
}

.shell .knowledge-entry h2 {
  font-size: clamp(25px, 2.15vw, 36px) !important;
  line-height: 1.15 !important;
}

.shell .knowledge-entry > p {
  color: #c6d9ca !important;
  font-size: 18px !important;
  line-height: 1.66 !important;
}

.shell .knowledge-entry .analysis {
  color: #b1c8b6 !important;
  font-size: 16px !important;
  line-height: 1.65 !important;
}

.shell .knowledge-entry summary {
  color: #d4ff91 !important;
  font-size: 16px !important;
}

@media (hover: hover) and (pointer: fine) {
  .research-section .method-row,
  .remediation-proof article,
  .shell .knowledge-entry {
    transition:
      transform 210ms ease,
      border-color 210ms ease,
      box-shadow 210ms ease,
      background-color 210ms ease;
  }

  .research-section .method-row:hover,
  .research-section .method-row:focus-within,
  .shell .knowledge-entry:hover,
  .shell .knowledge-entry:focus-within {
    z-index: 2;
    border-color: rgba(183, 255, 49, 0.82) !important;
    transform: translateY(-6px);
    box-shadow:
      0 30px 72px rgba(57, 255, 20, 0.15),
      inset 0 1px rgba(216, 255, 126, 0.24) !important;
  }

  .remediation-proof article:hover {
    background: #0e3b16;
  }
}

/*
 * Tablet and foldable stability.
 * Continuous animation, blur and composited pseudo-layers are removed while
 * the content, desktop brand language and intentional click/hover states stay.
 */
@media (max-width: 1180px), (hover: none) and (pointer: coarse) {
  *,
  *::before,
  *::after {
    animation: none !important;
    animation-duration: 0s !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
  }

  html,
  body,
  .site-shell,
  .token-page,
  .projects-page,
  .legal-page,
  .shell {
    background-attachment: scroll !important;
  }

  .mastr-unified-header,
  .mastr-unified-header.is-scrolled,
  .site-header,
  .site-header.is-scrolled,
  .visual-hud {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    filter: none !important;
    transform: none !important;
    will-change: auto !important;
  }

  .mastr-unified-header {
    top: 0 !important;
    background: #041508 !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.34) !important;
  }

  .site-shell::before,
  .site-shell::after,
  .section::before,
  .apps-section::before,
  .services-section::before,
  .research-section::before,
  .hero::after,
  .hero-orbit,
  .scan-beam,
  .chain-rail,
  .shield-stage::before,
  .agent-stage::before,
  .logo-stage::before,
  .main-account-band::before,
  .impact-highlights::before,
  .impact-network,
  .token-launch-section::before,
  .token-launch-signal,
  .token-backdrop,
  .token-core::before,
  .token-core-ring,
  .projects-aurora,
  .registry-card-glow,
  .exposure-visual::before,
  .about-logo-wrap::before,
  .about-logo-wrap::after {
    display: none !important;
  }

  .shield-stage img,
  .agent-stage img,
  .logo-stage img,
  .token-core-logo,
  .main-account-banner,
  .main-account-agent,
  .impact-network,
  .projects-hero img,
  .registry-card img {
    animation: none !important;
    filter: none !important;
    transform: none !important;
    will-change: auto !important;
  }

  .impact-detail {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

@media (hover: none) and (pointer: coarse) {
  *,
  *::before,
  *::after {
    transition: none !important;
  }
}

@media (max-width: 1080px) {
  .shell .knowledge-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .shell .knowledge-entry {
    min-height: 0;
  }
}

@media (max-width: 900px) {
  .research-section .method-list,
  .remediation-proof-panel,
  .remediation-proof {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .research-section .method-row:last-child {
    grid-column: auto;
  }

  .research-section .method-row {
    min-height: 0 !important;
  }

  .remediation-proof-panel {
    gap: 28px !important;
    padding: 28px !important;
  }

  .remediation-proof article {
    min-height: 0;
  }
}

@media (max-width: 620px) {
  .research-section .method-row,
  .shell .knowledge-entry {
    padding: 27px 22px !important;
  }

  .research-section .method-row p,
  .remediation-proof-panel .gate-copy p,
  .shell .knowledge-entry > p,
  .shell .knowledge-entry .analysis {
    font-size: 18px !important;
  }

  .remediation-proof-panel {
    padding: 24px 18px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation: none !important;
    transition: none !important;
  }
}