.tools-page-shell { background: var(--bg); color: var(--text); }
.tools-page-shell header { background: #081426; }
.tools-page-shell .main-nav a,
.tools-page-shell .logo-text strong,
.tools-page-shell .logo-text span { color: #f7f9fc; }
.tools-page-main { min-height: 80vh; }
.tools-page-hero { max-width: 1180px; margin: 0 auto; padding: 72px 28px 30px; }
.tools-page-hero p:first-child { margin: 0 0 12px; color: #ffb176; font: 700 12px/1.2 var(--sans); }
.tools-page-hero h1 { max-width: 15ch; margin: 0; color: var(--text); font: 400 clamp(46px,7vw,78px)/.98 var(--serif); text-wrap: balance; }
.tools-page-hero p:last-child { max-width: 64ch; margin: 20px 0 0; color: var(--muted); font-size: 18px; line-height: 1.6; }
.tools-page-shell .p1-tools-section {
  min-height: 0;
  background:
    radial-gradient(circle at 80% 0%, rgba(90,157,255,.06), transparent 34%),
    linear-gradient(180deg, var(--bg), #0d1b31 62%, var(--bg));
  color: var(--text);
}
.tools-page-shell .p1-tools-section[aria-busy="true"] { min-height: 900px; }
.tools-page-shell .p1-tools-inner { max-width: 1180px; padding-top: 34px; }
.tools-page-shell .p1-tools-head { display: none; }
.tools-page-shell .p1-tool-card,
.tools-page-shell .p1-qmv-panel,
.tools-page-shell .p1-trilogue-panel,
.tools-page-shell .p1-consultation-panel { box-shadow: 0 16px 50px rgba(2,8,20,.2); }
.tools-page-shell .p1-qmv-result p,
.tools-page-shell .p1-consultation-meta dd,
.tools-page-shell .p1-trilogue-next span,
.tools-page-shell .p1-trilogue-empty { color: var(--text-secondary); }
.tools-page-shell .p1-trilogue-next strong,
.tools-page-shell .p1-consultation-meta dt,
.tools-page-shell .p1-tools-eyebrow { color: #ffb176; }
.tools-page-shell .p1-tool-card,
.tools-page-shell .p1-qmv-panel,
.tools-page-shell .p1-trilogue-tracker,
.tools-page-shell .p1-trilogue-card,
.tools-page-shell .p1-consultation-card { border-radius: 6px; }
.tools-page-shell .p1-tool-card,
.tools-page-shell .p1-qmv-panel,
.tools-page-shell .p1-trilogue-tracker,
.tools-page-shell .p1-trilogue-card,
.tools-page-shell .p1-consultation-card {
  transition: transform 220ms var(--ease-out), border-color 220ms var(--ease-out), background 220ms var(--ease-out);
}
.tools-page-shell .p1-tool-card:hover,
.tools-page-shell .p1-trilogue-card:hover,
.tools-page-shell .p1-consultation-card:hover { transform: translateY(-2px); }
@media (max-width:720px) {
  .tools-page-hero { padding: 48px 18px 20px; }
  .tools-page-shell .p1-tools-section[aria-busy="true"] { min-height: 1900px; }
}

@media (prefers-reduced-motion: reduce) {
  .tools-page-shell .p1-tool-card,
  .tools-page-shell .p1-qmv-panel,
  .tools-page-shell .p1-trilogue-tracker,
  .tools-page-shell .p1-trilogue-card,
  .tools-page-shell .p1-consultation-card { transition: none; transform: none; }
}

/* Compact tools introduction; the controls remain touch-friendly. */
.tools-page-hero {
  padding-top: 50px;
}

.tools-page-hero h1 {
  max-width: 18ch;
  font-size: clamp(33px, 4.2vw, 50px);
  line-height: 1.04;
}

.tools-page-hero p:last-child {
  margin-top: 16px;
  font-size: 16px;
}

@media (max-width: 720px) {
  .tools-page-hero {
    padding-top: 36px;
  }

  .tools-page-hero h1 {
    font-size: clamp(30px, 9vw, 39px);
  }

  .tools-page-hero p:last-child {
    font-size: 15px;
  }
}