.hostingwiki-next-home .hw-hero-grid,
.hostingwiki-next-home .hw-latest-grid,
.hostingwiki-next-home .hw-selector-grid,
.hostingwiki-next-home .hw-api-tools-grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: clamp(1rem, 2.4vw, 2.6rem);
}

.hostingwiki-next-home .hw-hero-copy {
  grid-column: span 8;
}

.hostingwiki-next-home .hw-hero-proof {
  grid-column: span 4;
}

.hostingwiki-next-home .hw-hero-intro,
.hostingwiki-next-home .hw-selector-intro > p,
.hostingwiki-next-home .hw-api-tools-grid > header > p,
.hostingwiki-next-home .hw-consult-intro > p {
  max-width: 760px;
}

.hostingwiki-next-home .hw-latest-grid {
  gap: clamp(1.5rem, 3vw, 3.5rem);
}

.hostingwiki-next-home .hw-lead-column {
  min-width: 0;
  grid-column: span 8;
}

.hostingwiki-next-home .hw-story-list {
  min-width: 0;
  grid-column: span 4;
  display: flex;
  flex-direction: column;
}

.hostingwiki-next-home .hw-story-list > .hw-list-more {
  margin-top: auto;
}

.hostingwiki-next-home .hw-lead-supporting {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 1.5rem;
  border-top: 1px solid var(--hw-rule-strong);
  border-left: 1px solid var(--hw-rule);
}

.hostingwiki-next-home .hw-supporting-story {
  min-height: 210px;
  display: flex;
  flex-direction: column;
  padding: clamp(1rem, 2vw, 1.6rem);
  border-right: 1px solid var(--hw-rule);
  border-bottom: 1px solid var(--hw-rule);
  background: var(--hw-surface);
}

.hostingwiki-next-home .hw-latest-grid--compact .hw-supporting-story:only-child {
  grid-column: 1 / -1;
}

.hostingwiki-next-home .hw-supporting-story h3 {
  margin: 0;
  font-family: Georgia, "Songti SC", serif;
  font-size: clamp(1.05rem, 1.55vw, 1.45rem);
  font-weight: 600;
  line-height: 1.4;
}

.hostingwiki-next-home .hw-supporting-story > p:last-child {
  margin: 0.75rem 0 0;
  color: var(--hw-text-muted);
  font-size: 0.78rem;
}

.hostingwiki-next-home .hw-latest-grid--compact .hw-lead-column,
.hostingwiki-next-home .hw-latest-grid--compact .hw-story-list {
  grid-column: 1 / -1;
}

.hostingwiki-next-home .hw-latest-grid--compact .hw-story-list {
  margin-top: 1rem;
}

.hostingwiki-next-home .hw-selector {
  border-block: 1px solid var(--hw-rule-strong);
  background: var(--hw-surface);
}

.hostingwiki-next-home .hw-selector-intro {
  grid-column: span 4;
  align-self: start;
  position: sticky;
  top: 2rem;
}

.hostingwiki-next-home .hw-selector-intro h2,
.hostingwiki-next-home .hw-api-tools-grid > header h2 {
  margin: 0;
  font-family: Georgia, "Songti SC", serif;
  font-size: clamp(2rem, 3.6vw, 3.8rem);
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: -0.045em;
}

.hostingwiki-next-home .hw-selector-intro > p,
.hostingwiki-next-home .hw-api-tools-grid > header > p {
  color: var(--hw-text-muted);
}

.hostingwiki-next-home .hw-selector-dimensions {
  grid-column: span 8;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0;
  padding: 0;
  border-top: 1px solid var(--hw-rule-strong);
  border-left: 1px solid var(--hw-rule);
  list-style: none;
}

.hostingwiki-next-home .hw-selector-dimensions li {
  min-height: 150px;
  display: grid;
  grid-template-columns: auto 1fr;
  align-content: center;
  gap: 0.3rem 1rem;
  padding: 1.4rem;
  border-right: 1px solid var(--hw-rule);
  border-bottom: 1px solid var(--hw-rule);
}

.hostingwiki-next-home .hw-selector-dimensions li:last-child {
  grid-column: 1 / -1;
}

.hostingwiki-next-home .hw-selector-dimensions span,
.hostingwiki-next-home .hw-api-capabilities span,
.hostingwiki-next-home .hw-enterprise-services span,
.hostingwiki-next-home .hw-blog-categories span {
  color: var(--hw-text-accent);
  font-family: ui-monospace, monospace;
  font-size: 0.65rem;
}

.hostingwiki-next-home .hw-selector-dimensions strong {
  font-family: Georgia, "Songti SC", serif;
  font-size: 1.2rem;
}

.hostingwiki-next-home .hw-selector-dimensions small {
  grid-column: 2;
  color: var(--hw-text-muted);
}

.hostingwiki-next-home .hw-api-tools {
  background: var(--hw-canvas);
}

.hostingwiki-next-home .hw-api-tools-grid > header {
  grid-column: span 5;
}

.hostingwiki-next-home .hw-api-capabilities {
  grid-column: span 7;
  border-top: 1px solid var(--hw-rule-strong);
}

.hostingwiki-next-home .hw-api-capabilities article {
  display: grid;
  grid-template-columns: 42px minmax(160px, 0.7fr) minmax(0, 1fr);
  gap: 1rem;
  align-items: center;
  min-height: 116px;
  border-bottom: 1px solid var(--hw-rule);
}

.hostingwiki-next-home .hw-api-capabilities h3,
.hostingwiki-next-home .hw-api-capabilities p {
  margin: 0;
}

.hostingwiki-next-home .hw-api-capabilities h3 {
  font-family: Georgia, "Songti SC", serif;
  font-size: 1.2rem;
}

.hostingwiki-next-home .hw-api-capabilities p {
  color: var(--hw-text-muted);
  font-size: 0.84rem;
}

.hostingwiki-next-home .hw-enterprise {
  background: var(--hw-surface);
}

.hostingwiki-next-home .hw-enterprise-services {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-top: 1px solid var(--hw-rule-strong);
  border-left: 1px solid var(--hw-rule);
}

.hostingwiki-next-home .hw-enterprise-services article {
  min-height: 220px;
  padding: clamp(1.2rem, 2.4vw, 2rem);
  border-right: 1px solid var(--hw-rule);
  border-bottom: 1px solid var(--hw-rule);
}

.hostingwiki-next-home .hw-enterprise-services h3 {
  margin: 2.6rem 0 0;
  font-family: Georgia, "Songti SC", serif;
  font-size: 1.35rem;
}

.hostingwiki-next-home .hw-enterprise-services p {
  color: var(--hw-text-muted);
  font-size: 0.82rem;
}

.hostingwiki-next-home .hw-blog-hub {
  background: var(--hw-canvas);
}

.hostingwiki-next-home .hw-blog-categories {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  border-top: 1px solid var(--hw-rule-strong);
  border-left: 1px solid var(--hw-rule);
}

.hostingwiki-next-home .hw-blog-categories a {
  min-height: 144px;
  display: flex;
  flex-direction: column;
  padding: 1rem;
  border-right: 1px solid var(--hw-rule);
  border-bottom: 1px solid var(--hw-rule);
  background: var(--hw-surface);
}

.hostingwiki-next-home .hw-blog-categories strong {
  margin-top: auto;
  font-family: Georgia, "Songti SC", serif;
}

.hostingwiki-next-home .hw-blog-categories small {
  color: var(--hw-text-muted);
  font-size: 0.68rem;
}

.hostingwiki-next-home .hw-blog-guides {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: clamp(2rem, 4vw, 4rem);
  border-top: 1px solid var(--hw-rule-strong);
  border-left: 1px solid var(--hw-rule);
}

.hostingwiki-next-home .hw-blog-guides article {
  min-height: 280px;
  display: flex;
  flex-direction: column;
  padding: clamp(1.2rem, 2.4vw, 2rem);
  border-right: 1px solid var(--hw-rule);
  border-bottom: 1px solid var(--hw-rule);
}

.hostingwiki-next-home .hw-blog-guides h3 {
  margin: 1.6rem 0 0;
  font-family: Georgia, "Songti SC", serif;
  font-size: clamp(1.2rem, 1.8vw, 1.65rem);
  line-height: 1.4;
}

.hostingwiki-next-home .hw-blog-guides article > p:not(.hw-guide-index) {
  color: var(--hw-text-muted);
  font-size: 0.82rem;
}

.hostingwiki-next-home .hw-blog-guides time {
  margin-top: auto;
  color: var(--hw-text-muted);
  font-family: ui-monospace, monospace;
  font-size: 0.65rem;
}

.hostingwiki-next-home .hw-blog-more {
  margin-top: 1.2rem;
}

@media (max-width: 1120px) {
  .hostingwiki-next-home .hw-hero-copy,
  .hostingwiki-next-home .hw-lead-column {
    grid-column: span 7;
  }

  .hostingwiki-next-home .hw-hero-proof,
  .hostingwiki-next-home .hw-story-list {
    grid-column: span 5;
  }

  .hostingwiki-next-home .hw-enterprise-services,
  .hostingwiki-next-home .hw-blog-categories {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 919px) {
  .hostingwiki-next-home .hw-hero-copy,
  .hostingwiki-next-home .hw-hero-proof,
  .hostingwiki-next-home .hw-lead-column,
  .hostingwiki-next-home .hw-story-list,
  .hostingwiki-next-home .hw-selector-intro,
  .hostingwiki-next-home .hw-selector-dimensions,
  .hostingwiki-next-home .hw-api-tools-grid > header,
  .hostingwiki-next-home .hw-api-capabilities {
    grid-column: 1 / -1;
  }

  .hostingwiki-next-home .hw-story-list,
  .hostingwiki-next-home .hw-selector-dimensions,
  .hostingwiki-next-home .hw-api-capabilities {
    margin-top: 2rem;
  }

  .hostingwiki-next-home .hw-selector-intro {
    position: static;
  }

  .hostingwiki-next-home .hw-blog-guides {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 680px) {
  .hostingwiki-next-home .hw-lead-supporting,
  .hostingwiki-next-home .hw-selector-dimensions,
  .hostingwiki-next-home .hw-enterprise-services,
  .hostingwiki-next-home .hw-blog-categories {
    grid-template-columns: 1fr;
  }

  .hostingwiki-next-home .hw-selector-dimensions li:last-child {
    grid-column: auto;
  }

  .hostingwiki-next-home .hw-api-capabilities article {
    grid-template-columns: 34px minmax(0, 1fr);
    padding-block: 1rem;
  }

  .hostingwiki-next-home .hw-api-capabilities p {
    grid-column: 2;
  }

  .hostingwiki-next-home .hw-enterprise-services article,
  .hostingwiki-next-home .hw-blog-guides article {
    min-height: 220px;
  }
}
