@import url('./service-v1-brand.css');
/* Immutable editorial layout v1. Reuses the established Paramiko form and brand. */
.editorial {
  max-width: 1040px;
  margin: auto;
}
.editorial .hero {
  padding-bottom: 40px;
}
.editorial h1 {
  max-width: 100%;
  font-size: clamp(2.1rem, 5vw, 4rem);
}
.editorial section {
  scroll-margin-top: 24px;
}
.editorial section p {
  max-width: 78ch;
  line-height: 1.8;
  white-space: pre-line;
}
.article-toc {
  padding: 28px 36px;
  border: 1px solid #303846;
  border-radius: 20px;
  background: #161c27;
}
.article-toc a {
  color: #c9a7ff;
}
.article-sources {
  font-size: 0.84rem;
  color: #a5b0bf;
}
.article-sources a {
  overflow-wrap: anywhere;
}
.comparison-scroll {
  overflow-x: auto;
}
.comparison-scroll table {
  width: 100%;
  min-width: 660px;
  border-collapse: collapse;
}
.comparison-scroll caption {
  text-align: left;
  margin: 12px 0;
  font-weight: 600;
}
.comparison-scroll th,
.comparison-scroll td {
  text-align: left;
  vertical-align: top;
  padding: 16px;
  border: 1px solid #303846;
  line-height: 1.6;
}
.comparison-scroll thead {
  background: #192131;
}
.article-conclusion {
  background: #192131;
  border-radius: 24px;
}
.article-help {
  max-width: 1040px;
  margin: 24px auto;
  background: #192131;
  border-radius: 24px;
}
.article-help h2 {
  font-size: clamp(1.7rem, 3vw, 2.6rem);
}
@media (max-width: 600px) {
  .article-toc {
    padding: 20px;
  }
  .editorial section,
  .article-help {
    padding: 24px 18px;
  }
}