/* /install/ uses the approved Afterglow design system in /DESIGN.md. */
.install-page .page-header { grid-template-columns: 1fr auto; }
.install-page .install-hero { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(280px, 1fr); gap: var(--space-16); align-items: center; padding-block: var(--space-16) var(--space-24); }
.install-page .install-hero h1 { margin: 0; max-width: 18ch; }
.install-page .install-intro { margin-top: var(--space-8); color: var(--color-support); }
.install-page .install-meta { font-size: 14px; color: var(--color-support); margin-top: var(--space-6); }
.install-page .install-download { padding: var(--space-8); border: 1px solid var(--color-border); border-radius: var(--radius-disclosure); background: var(--color-surface); }
.install-page .install-download h2 { font: 500 23px/1.35 var(--font-body); margin-top: var(--space-4); }
.install-page .install-download p { margin-top: var(--space-3); font-size: 16px; }
.install-page .install-download .download-action { width: 100%; margin-top: var(--space-6); white-space: normal; text-align: center; }
.install-page .install-download .install-signing { font-size: 14px; overflow-wrap: anywhere; color: var(--color-support); }
.install-page .install-download img { display: block; }
.install-page .install-contents { padding-block: var(--space-6); border-block: 1px solid var(--color-border); }
.install-page .install-contents ul { display: flex; flex-wrap: wrap; gap: var(--space-2) var(--space-6); margin: 0; padding: 0; list-style: none; }
.install-page .install-contents a { display: inline-flex; align-items: center; min-height: 44px; font-size: 16px; }
.install-page .install-section { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: var(--space-16); padding-block: var(--space-16); border-bottom: 1px solid var(--color-border); }
.install-page .install-section:last-child { border-bottom: 0; }
.install-page .install-section h2 { font-size: clamp(30px, 2.7vw, 38px); }
.install-page .install-section h3 { margin-block: var(--space-8) var(--space-3); }
.install-page .install-section h3:first-child { margin-top: 0; }
.install-page .install-copy { min-width: 0; color: var(--color-support); }
.install-page .install-copy p + p { margin-top: var(--space-4); }
.install-page .install-copy strong, .install-page .install-copy h3 { color: var(--color-text); font-weight: 500; }
.install-page .install-copy ul, .install-page .install-copy ol { padding-left: var(--space-6); margin-block: var(--space-4); }
.install-page .install-copy li { padding-left: var(--space-2); }
.install-page .install-copy li + li { margin-top: var(--space-4); }
.install-page code { font: inherit; color: var(--color-text); overflow-wrap: anywhere; }
.install-page .install-command, .install-page .install-hash { padding: var(--space-4); border: 1px solid var(--color-border); border-radius: var(--radius-control); background: var(--color-surface); }
.install-page .install-command code, .install-page .install-hash code { display: block; font-size: 16px; user-select: all; }
.install-page .install-hash span { display: block; font-size: 14px; margin-bottom: var(--space-2); }
.install-page .install-hash [data-release-version] { display: inline; }
.install-page .faq-list { margin-top: 0; }
.install-page .install-sources { font-size: 14px; margin-top: var(--space-8); }
.install-page .install-breadcrumb { padding-top: var(--space-8); font-size: 14px; color: var(--color-support); }
.install-page .install-breadcrumb ol { display: flex; gap: var(--space-3); list-style: none; margin: 0; padding: 0; }
.install-page .install-breadcrumb li + li::before { content: '/'; margin-right: var(--space-3); }
@media (max-width: 1023px) {
  .install-page .install-hero, .install-page .install-section { gap: var(--space-8); }
  .install-page .page-header > .site-brand { align-self: start; min-height: 44px; white-space: nowrap; }
  .install-page .final-mobile-nav { grid-column: 2; grid-row: 1; justify-self: end; }
  .install-page .final-mobile-nav[open] { grid-column: 1 / -1; grid-row: 2; justify-self: stretch; }
}
@media (max-width: 767px) {
  .install-page .install-hero, .install-page .install-section { grid-template-columns: minmax(0, 1fr); }
  .install-page .install-hero { padding-block: var(--space-8) var(--space-12); }
  .install-page .install-download { padding: var(--space-6); }
  .install-page .install-section { padding-block: var(--space-12); }
  .install-page .install-contents ul { gap: var(--space-1) var(--space-4); }
  .install-page .install-intro { margin-top: var(--space-6); }
}