/* TSP gear-review expansion system */
.gear-review-hub-strip,
.review-system-callout,
.gear-hub-method,
.gear-hub-section {
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:8px;
  box-shadow:0 8px 24px rgba(15,23,42,.06);
}
.gear-review-hub-strip {
  display:grid;
  grid-template-columns:minmax(0,1.5fr) minmax(260px,.8fr);
  gap:1rem;
  padding:1.25rem;
  margin:0 0 1.5rem;
}
.gear-review-hub-strip h2,
.review-system-callout h2,
.gear-hub-section h2,
.gear-hub-method h2 { margin:.15rem 0 .5rem; }
.gear-review-hub-strip p,
.review-system-callout p,
.gear-hub-section p,
.gear-hub-method p { color:#4b5563; }
.gear-review-actions { display:flex; flex-wrap:wrap; gap:.65rem; align-items:center; }
.gear-review-link {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:.6rem .9rem;
  border-radius:6px;
  border:1px solid #d1d5db;
  color:#111827;
  text-decoration:none;
  font-weight:700;
  background:#fff;
}
.gear-review-link.primary { background:#111827; color:#fff; border-color:#111827; }
.gear-review-kpis,
.review-system-grid,
.gear-hub-method-grid,
.gear-hub-card-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:.75rem;
}
.gear-review-kpi,
.review-system-card,
.gear-hub-method-card,
.gear-hub-card {
  border:1px solid #e5e7eb;
  border-radius:8px;
  background:#f9fafb;
  padding:.9rem;
}
.gear-review-kpi strong,
.review-system-card strong,
.gear-hub-method-card strong { display:block; color:#111827; margin-bottom:.2rem; }
.review-system-callout,
.gear-hub-method,
.gear-hub-section { padding:1.25rem; margin:1.5rem 0; }
.review-system-eyebrow,
.gear-hub-eyebrow {
  display:block;
  color:#6b7280;
  font-size:.75rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  margin-bottom:.35rem;
}
.gear-hub-hero {
  position:relative;
  min-height:360px;
  display:flex;
  align-items:flex-end;
  color:#fff;
  overflow:hidden;
  background:#111827;
}
.gear-hub-hero::before {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.28),rgba(0,0,0,.82));
  z-index:1;
}
.gear-hub-hero-bg {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
}
.gear-hub-hero-content {
  position:relative;
  z-index:2;
  padding:4.5rem 0 3rem;
}
.gear-hub-hero h1 { color:#fff; max-width:780px; margin:.25rem 0 .8rem; }
.gear-hub-hero .subtitle { color:rgba(255,255,255,.78); max-width:760px; }
.gear-hub-nav {
  display:flex;
  flex-wrap:wrap;
  gap:.55rem;
  margin:1.25rem 0 0;
}
.gear-hub-nav a {
  color:#fff;
  text-decoration:none;
  border:1px solid rgba(255,255,255,.35);
  border-radius:999px;
  padding:.45rem .75rem;
  background:rgba(255,255,255,.08);
}
.gear-hub-card {
  display:flex;
  flex-direction:column;
  min-height:100%;
  padding:0;
  overflow:hidden;
  text-decoration:none;
  color:#111827;
}
.gear-hub-card img {
  width:100%;
  aspect-ratio:16/10;
  object-fit:cover;
  display:block;
  background:#e5e7eb;
}
.gear-hub-card-body { padding:1rem; }
.gear-hub-tag {
  display:block;
  color:#6b7280;
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
  margin-bottom:.35rem;
}
.gear-hub-card h3 { margin:.2rem 0 .45rem; font-size:1rem; line-height:1.25; }
.gear-hub-card p { margin:0 0 .65rem; color:#4b5563; font-size:.92rem; }
.gear-hub-card-meta { margin-top:auto; color:#6b7280; font-size:.78rem; font-weight:700; }
.gear-hub-list {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.75rem;
}
.gear-hub-list a {
  border:1px solid #e5e7eb;
  border-radius:8px;
  padding:.9rem;
  text-decoration:none;
  color:#111827;
  background:#fff;
}
.gear-hub-list span { display:block; color:#6b7280; font-size:.82rem; margin-top:.25rem; }
.gear-hub-note {
  border-left:4px solid currentColor;
  background:#f9fafb;
  border-radius:0 8px 8px 0;
  padding:1rem 1.1rem;
  margin:1rem 0;
}
@media (max-width:800px) {
  .gear-review-hub-strip,
  .gear-review-kpis,
  .review-system-grid,
  .gear-hub-method-grid,
  .gear-hub-card-grid,
  .gear-hub-list { grid-template-columns:1fr; }
  .gear-hub-hero { min-height:320px; }
}