.article-shell-use-case .tool-section-grid,
.article-shell-review-detail .tool-section-grid,
.article-shell-coverage .tool-section-grid,
.comparison-support-grid {
  gap: 12px;
  margin-top: 18px;
}

.article-shell-use-case .tool-section-grid > .card,
.article-shell-review-detail .tool-section-grid > .card,
.article-shell-coverage .tool-section-grid > .card,
.comparison-support-grid > .card,
.tool-dossier-panel.card,
.tool-single-shell > section.card:not(.tool-dossier-panel) {
  padding: 18px;
}

.article-shell-use-case .article-content,
.article-shell-review-detail .article-content,
.article-shell-coverage .article-content,
.collection-workflow-notes .editorial-content {
  max-width: 760px;
  font-size: 0.98rem;
  line-height: 1.64;
}

.collection-tools-grid {
  gap: 12px;
}

.collection-tool-card.card,
.article-shell-use-case .tool-card.card,
.article-shell-coverage .tool-card.card {
  min-height: 0;
}

.collection-tool-card-actions,
.article-shell-use-case .tool-card-footer,
.article-shell-coverage .tool-card-footer {
  margin-top: 10px;
}

.tool-hero-dossier.card {
  min-height: 0;
  padding: clamp(24px, 3vw, 34px);
}

.tool-hero-dossier h1 {
  max-width: 11ch;
  font-size: clamp(3.1rem, 5.8vw, 5.6rem);
  line-height: 0.92;
}

.tool-dossier-facts {
  gap: 1px;
  overflow: hidden;
  border: 1px solid var(--o4-premium-line);
  border-radius: 8px;
  background: var(--o4-premium-line);
}

.tool-dossier-facts div {
  border: 0;
  border-radius: 0;
  background: #111318;
}

.tool-hero-footnotes {
  gap: 8px;
}

.tool-hero-footnote {
  min-height: 38px;
  padding: 11px 14px;
}

.tool-jump-nav.tool-jump-nav-compact {
  margin-top: 16px;
  padding: 10px 0;
}

.tool-dossier-panel {
  gap: 14px;
}

.tool-dossier-rows {
  gap: 0;
}

.tool-dossier-row {
  padding: 14px 0;
}

.tool-dossier-row p {
  margin-bottom: 0;
}

.comparison-lead.card {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(300px, 0.68fr);
  gap: clamp(24px, 4vw, 58px);
  align-items: end;
  min-height: 0;
  padding: clamp(28px, 4vw, 46px) 0 clamp(24px, 3vw, 34px);
  border-bottom: 1px solid var(--o4-premium-line);
}

.comparison-lead .section-kicker {
  grid-column: 1 / -1;
  margin-bottom: 0;
}

.comparison-lead h1 {
  grid-column: 1;
  max-width: 12.5ch;
  font-size: clamp(3rem, 5.4vw, 5.35rem);
  line-height: 0.94;
}

.comparison-lead > p,
.comparison-lead > h2,
.comparison-lead > h3,
.comparison-lead > ul,
.comparison-lead > ol,
.comparison-lead > .editorial-content {
  grid-column: 2;
  max-width: 38rem;
}

.comparison-lead > h2,
.comparison-lead > h3 {
  margin: 0;
  color: #f4f1e9;
  font-size: 1.05rem;
  line-height: 1.18;
}

.comparison-lead > p,
.comparison-lead li {
  margin: 0;
  color: rgba(238, 240, 242, 0.66);
  font-size: 0.94rem;
  line-height: 1.52;
}

.comparison-lead > ul,
.comparison-lead > ol {
  display: grid;
  gap: 6px;
  padding-left: 18px;
}

.comparison-tool-grid {
  gap: 12px;
  margin-top: clamp(18px, 2.4vw, 28px);
}

.comparison-tool-card.card {
  min-height: 0;
}

.comparison-tool-card > h2 {
  margin-top: 14px;
  font-size: clamp(1.02rem, 1.25vw, 1.34rem);
}

.comparison-tool-card > p {
  margin-top: 8px;
  font-size: 0.8rem;
  line-height: 1.42;
}

.comparison-tool-card > p:nth-of-type(6),
.comparison-tool-card > p:nth-of-type(7) {
  display: none;
}

.comparison-tool-card > .badges {
  margin-top: 10px;
}

.comparison-tool-card > p:last-child {
  margin-top: auto;
  padding-bottom: 14px;
}

.comparison-fit-signal.card {
  display: grid;
  grid-template-columns: minmax(180px, 0.28fr) minmax(0, 1fr);
  gap: 16px;
  align-items: start;
  padding: 18px;
}

.comparison-fit-signal h2 {
  margin: 0;
}

.comparison-fit-signal p {
  margin: 0;
  color: rgba(238, 240, 242, 0.66);
  font-size: 0.92rem;
  line-height: 1.5;
}

.page-shell.page-shell-premium,
.form-shell.page-shell-premium {
  max-width: 1120px;
  padding: clamp(24px, 3vw, 30px);
}

.page-shell-form .page-shell-grid {
  grid-template-columns: minmax(0, 1fr) minmax(250px, 296px);
  gap: clamp(24px, 4vw, 52px);
}

.page-shell-premium .page-shell-header {
  min-height: 0;
}

.page-shell-premium .page-shell-header h1 {
  max-width: 11ch;
  font-size: clamp(3rem, 5vw, 4.35rem);
  line-height: 0.96;
}

.page-shell-premium .page-shell-lede {
  max-width: 48rem;
  font-size: 1rem;
}

.page-shell-route-strip {
  gap: 7px;
}

.page-shell-route-strip span {
  min-height: 28px;
  padding-inline: 10px;
  font-size: 0.68rem;
}

.form-entry-title {
  margin-top: clamp(28px, 4vw, 46px);
  font-size: clamp(1.55rem, 2.1vw, 2.35rem);
}

.page-process-card.card,
.page-shell-sidebar .page-process-card {
  padding: 16px;
}

.page-process-card h2 {
  font-size: 1.08rem;
  line-height: 1.18;
}

.page-process-card li,
.page-process-card p {
  font-size: 0.88rem;
  line-height: 1.48;
}

@media (prefers-reduced-motion: no-preference) {
  .archive-header-collections,
  .archive-header-use-cases,
  .archive-header-editorial,
  .archive-header-comparisons,
  .archive-header-coverage,
  .tool-hero-dossier,
  .collection-shell,
  .article-shell-use-case,
  .article-shell-review-detail,
  .article-shell-coverage,
  .comparison-lead,
  .page-shell-premium {
    animation: o4-section-rise 480ms ease both;
  }

  .comparison-tool-card,
  .collection-tool-card,
  .article-card-review,
  .article-card-comparison,
  .article-card-coverage,
  .archive-shell-use-cases .article-card,
  .collection-archive-grid .article-card {
    transition: transform 180ms ease, border-color 180ms ease, background 180ms ease;
  }

  .comparison-tool-card:hover,
  .collection-tool-card:hover,
  .article-card-review:hover,
  .article-card-comparison:hover,
  .article-card-coverage:hover,
  .archive-shell-use-cases .article-card:hover,
  .collection-archive-grid .article-card:hover {
    transform: translateY(-2px);
    border-color: rgba(200, 184, 141, 0.24);
  }
}

@keyframes o4-section-rise {
  from {
    opacity: 0;
    transform: translateY(10px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (max-width: 1180px) {
  .comparison-lead.card,
  .comparison-fit-signal.card,
  .page-shell-form .page-shell-grid {
    grid-template-columns: 1fr;
  }

  .comparison-lead > p,
  .comparison-lead > h2,
  .comparison-lead > h3,
  .comparison-lead > ul,
  .comparison-lead > ol,
  .comparison-lead > .editorial-content {
    grid-column: 1;
  }
}

@media (max-width: 760px) {
  .archive-shell-collections,
  .archive-shell-editorial,
  .archive-shell-comparisons,
  .archive-shell-coverage,
  .collection-single-section,
  .comparison-single-section,
  .coverage-single-section,
  .editorial-shell,
  .section-tool-single {
    padding-top: 24px;
  }

  .archive-header-collections .archive-header-copy h1,
  .archive-header-use-cases .archive-header-copy h1,
  .archive-header-editorial .archive-header-copy h1,
  .archive-header-comparisons .archive-header-copy h1,
  .archive-header-coverage .archive-header-copy h1,
  .collection-shell-header h1,
  .article-shell-use-case .article-header h1,
  .article-shell-review-detail h1,
  .article-shell-coverage h1,
  .comparison-lead h1,
  .tool-hero-dossier h1,
  .page-shell-premium .page-shell-header h1 {
    max-width: none;
    font-size: clamp(2.35rem, 11vw, 3.15rem);
  }

  .archive-proof.card.archive-proof-card {
    max-width: none;
    padding-left: 0;
    border-left: 0;
  }

  .article-proof-card p:not(.panel-label) {
    -webkit-line-clamp: 6;
  }

  .comparison-tool-card > p:nth-of-type(6),
  .comparison-tool-card > p:nth-of-type(7) {
    display: block;
  }

  .comparison-fit-signal.card,
  .page-shell.page-shell-premium,
  .form-shell.page-shell-premium {
    padding: 18px;
  }
}