#guides-main { overflow: hidden; }

.guides-page .section { position: relative; }
.guides-page .section h2 { margin-bottom: var(--space-4); }
.guides-page .section h3 { margin-bottom: var(--space-3); font-size: var(--text-component); }
.guides-page .section h4 { margin-bottom: var(--space-2); }

.guides-hero { padding-top: var(--space-9); }
.guides-hero__panel { position: relative; display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); overflow: hidden; border: var(--border-default); border-radius: var(--radius-hero); background: var(--color-surface); padding: clamp(2rem, 5vw, 5rem); }
.guides-hero__copy { grid-column: 1 / span 7; min-width: 0; max-width: 42.5rem; position: relative; z-index: 1; }
.guides-hero__copy h1 span { color: var(--color-action); }
.guides-hero__lead { max-width: 42rem; font-size: var(--text-lead); line-height: var(--leading-lead); }
.guides-hero__actions { margin-bottom: var(--space-4); }
.guides-hero__status { display: flex; min-width: 0; align-items: flex-start; gap: var(--space-2); margin-bottom: 0; color: var(--color-muted); font-size: var(--text-small); line-height: var(--leading-small); }
.guides-hero__status span { color: var(--color-cyan); font-size: 1rem; }
.guides-hero__splash { top: -2rem; right: 5%; width: clamp(13rem, 28vw, 24rem); background: var(--gradient-pop); opacity: .2; transform: rotate(18deg); }
.guides-hero__spark { right: 14%; bottom: 8%; width: 5rem; opacity: .22; }

.guides-section-heading { min-width: 0; }
.guides-feature__heading { max-width: 42rem; }
.guides-feature__layout { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--space-6); align-items: center; }
.guides-feature__media { grid-column: 1 / span 7; width: 100%; min-width: 0; aspect-ratio: 16 / 9; }
.guides-feature__media img { width: 100%; height: 100%; object-position: center center; }
.guides-feature__dossier { grid-column: 8 / span 5; display: flex; min-width: 0; flex-direction: column; gap: var(--space-5); padding: var(--space-6); }
.guides-feature__intro { max-width: 35rem; }
.guides-feature__intro .tag { margin-bottom: var(--space-3); }
.guides-feature__lead { font-size: var(--text-lead); line-height: var(--leading-lead); }
.guides-feature__facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-3); margin: 0; padding: var(--space-4); border: var(--border-default); border-radius: var(--radius-card); background: var(--color-canvas); }
.guides-feature__facts > div { min-width: 0; }
.guides-feature__facts dt { font-size: var(--text-meta); letter-spacing: .05em; text-transform: uppercase; }
.guides-feature__facts dd { margin: var(--space-1) 0 0; font-size: var(--text-small); line-height: var(--leading-small); }
.guides-feature__coverage { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: var(--space-3); }
.guides-feature__coverage ul { display: grid; gap: var(--space-2); width: 100%; margin: 0; padding: 0; list-style: none; }
.guides-feature__coverage li { position: relative; padding-left: 1.5rem; font-size: var(--text-small); line-height: var(--leading-small); }
.guides-feature__coverage li::before { position: absolute; left: 0; color: var(--color-action); content: "✦"; }

.guides-categories { background: var(--color-surface); }
.guides-categories__intro { max-width: 38.75rem; }
.guides-categories__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-4); }
.guides-category { display: block; width: 100%; min-width: 0; color: var(--color-ink); text-decoration: none; }
.guides-category__body { display: flex; min-width: 0; height: 100%; flex-direction: column; align-items: flex-start; gap: var(--space-3); padding: var(--space-5); }
.guides-category__body h3, .guides-category__body p { margin: 0; }
.guides-category__body p { flex: 1 1 auto; font-size: var(--text-small); line-height: var(--leading-small); }
.guides-category__number { display: inline-flex; min-width: 2.25rem; min-height: 2rem; align-items: center; justify-content: center; border-radius: var(--radius-small); background: var(--color-canvas-deep); font-size: var(--text-small); font-weight: 700; font-variant-numeric: tabular-nums; }
.guides-category__link { font-size: var(--text-small); font-weight: 700; text-decoration: underline; text-decoration-color: var(--color-action); text-decoration-thickness: 2px; text-underline-offset: .1875rem; }
.guides-category--magenta { border-top: 3px solid var(--color-action); }
.guides-category--cyan { border-top: 3px solid var(--color-cyan); }
.guides-category--yellow { border-top: 3px solid var(--color-yellow); }
.guides-category--purple { border-top: 3px solid #8b4dff; }

.guides-latest { padding-top: calc(var(--section-space) + var(--space-5)); }
.guides-latest__intro { max-width: 42.5rem; }
.guides-latest__intro .tag { margin-right: var(--space-2); vertical-align: middle; }
.guides-missions__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-4); }
.guides-mission { width: 100%; min-width: 0; }
.guides-mission .card__body { display: flex; min-width: 0; height: 100%; flex-direction: column; gap: var(--space-3); }
.guides-mission .card__body > * { margin: 0; }
.guides-mission h3 { font-size: 1.25rem; }
.guides-mission .meta { font-size: var(--text-meta); }
.guides-mission .card__body > p:not(.tag, .meta) { flex: 1 1 auto; font-size: var(--text-small); line-height: var(--leading-small); }
.guides-mission__footer { display: flex; min-width: 0; flex-wrap: wrap; justify-content: space-between; gap: var(--space-2); border-top: var(--border-default); padding-top: var(--space-3); color: var(--color-muted); font-size: var(--text-meta); line-height: var(--leading-meta); }
.guides-mission__footer a { font-size: var(--text-small); font-weight: 700; }
.guides-latest__action { display: flex; min-width: 0; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: var(--space-4); margin-top: var(--space-6); }
.guides-latest__action p { max-width: 31rem; margin: 0; color: var(--color-muted); font-size: var(--text-small); text-align: right; }

.guides-worlds { background: var(--color-surface); }
.guides-worlds__intro { max-width: 37.5rem; }
.guides-worlds__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-5); }
.guides-world { width: 100%; min-width: 0; }
.guides-world__media { width: 100%; aspect-ratio: 16 / 9; }
.guides-world__media img { width: 100%; height: 100%; object-position: center; }
.guides-world__body { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: var(--space-3); padding: var(--space-5); }
.guides-world__body > * { margin: 0; }
.guides-world__body > p:not(.eyebrow) { font-size: var(--text-small); line-height: var(--leading-small); }
.guides-world__body h4 { font-size: var(--text-small); }
.guides-world__body ul { display: grid; gap: var(--space-2); width: 100%; padding: 0; list-style: none; }
.guides-world__body li { min-width: 0; }
.guides-world__body li a { display: block; min-height: 2rem; padding: var(--space-1) 0; font-size: var(--text-small); font-weight: 700; }

.guides-patches { padding-top: calc(var(--section-space) + var(--space-5)); }
.guides-patches__layout { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--space-6); align-items: start; }
.guides-patches__intro { grid-column: 1 / span 4; min-width: 0; max-width: 35rem; }
.guides-patches__speed { display: inline-block; margin-bottom: var(--space-3); color: var(--color-cyan); font-family: var(--font-heading); font-size: 2rem; font-weight: 800; letter-spacing: -.2em; }
.guides-patches__console { grid-column: 5 / span 8; display: flex; min-width: 0; flex-direction: column; gap: 0; padding: var(--space-5); }
.guides-patch-row { display: grid; grid-template-columns: minmax(6.75rem, .55fr) minmax(0, 2.45fr); gap: var(--space-4); min-width: 0; border-bottom: var(--border-default); padding: var(--space-4) 0; }
.guides-patch-row:first-child { padding-top: 0; }
.guides-patch-row__label { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: var(--space-1); color: var(--color-muted); font-size: var(--text-meta); font-variant-numeric: tabular-nums; line-height: var(--leading-meta); }
.guides-patch-row__label strong { color: var(--color-ink); font-size: var(--text-small); }
.guides-patch-row__content { min-width: 0; }
.guides-patch-row__content h3 { margin-bottom: var(--space-1); font-size: 1.125rem; }
.guides-patch-row__content p { margin-bottom: var(--space-2); font-size: var(--text-small); line-height: var(--leading-small); }
.guides-patch-row__content p:last-child { margin-bottom: 0; }
.guides-patches__link { align-self: flex-start; min-height: 2.75rem; padding-top: var(--space-4); font-size: var(--text-small); font-weight: 700; }

.guides-genres__intro { max-width: 37.5rem; }
.guides-genres__intro .eyebrow::before { margin-right: var(--space-2); color: var(--color-yellow); content: "✦"; }
.guides-genres__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-5); }
.guides-genre { width: 100%; min-width: 0; }
.guides-genre__media { display: block; width: 100%; overflow: hidden; aspect-ratio: 4 / 3; background: var(--color-canvas-deep); }
.guides-genre__media img { width: 100%; height: 100%; object-position: center; }
.guides-genre__body { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: var(--space-3); padding: var(--space-5); }
.guides-genre__body > * { margin: 0; }
.guides-genre__body > p { font-size: var(--text-small); line-height: var(--leading-small); }
.guides-genre__body > div { display: flex; min-width: 0; flex-wrap: wrap; gap: var(--space-2); }
.guides-genre__body > a { min-height: 2.75rem; padding-top: var(--space-2); font-size: var(--text-small); font-weight: 700; }

.guides-community { background: var(--color-surface); }
.guides-community__panel { display: flex; min-width: 0; flex-direction: column; gap: var(--space-5); width: calc(100% - 16.6667%); margin-inline: auto; padding: var(--space-6); }
.guides-community__intro { max-width: 38.75rem; }
.guides-community__records { display: grid; gap: 0; }
.guides-community__record { display: grid; grid-template-columns: minmax(7rem, .6fr) minmax(0, 3fr) max-content; gap: var(--space-4); min-width: 0; align-items: start; border-top: var(--border-default); padding: var(--space-4) 0; }
.guides-community__marker { display: inline-flex; width: fit-content; min-height: 1.75rem; align-items: center; border-radius: var(--radius-small); background: var(--color-yellow); padding: var(--space-1) var(--space-2); color: var(--color-ink); font-size: var(--text-meta); font-weight: 700; line-height: var(--leading-meta); }
.guides-community__content { min-width: 0; }
.guides-community__content h3 { margin-bottom: var(--space-2); font-size: var(--text-lead); }
.guides-community__content p { margin-bottom: var(--space-2); font-size: var(--text-small); line-height: var(--leading-small); }
.guides-community__content p:last-child { margin-bottom: 0; }
.guides-community__action { min-width: 6.5rem; min-height: 2.75rem; padding-top: var(--space-2); font-size: var(--text-small); font-weight: 700; text-align: right; }
.guides-community__footer { display: flex; min-width: 0; flex-wrap: wrap; align-items: center; gap: var(--space-4); }
.guides-community__footer p { flex: 1 1 20rem; margin: 0; color: var(--color-muted); font-size: var(--text-small); }

.guides-guidecraft { position: relative; isolation: isolate; }
.guides-guidecraft__splash { top: 8%; right: -4%; background: var(--color-cyan); }
.guides-guidecraft__intro { position: relative; z-index: 1; max-width: 37.5rem; }
.guides-guidecraft__grid { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; border-top: var(--border-default); border-left: var(--border-default); }
.guides-guidecraft__principle { display: grid; grid-template-columns: 2.75rem minmax(0, 1fr); gap: var(--space-3); min-width: 0; border-right: var(--border-default); border-bottom: var(--border-default); padding: var(--space-5); }
.guides-guidecraft__principle > span { display: flex; width: 2.25rem; height: 2.25rem; align-items: center; justify-content: center; border-radius: var(--radius-small); background: var(--color-ink); color: var(--color-surface); font-family: var(--font-heading); font-size: var(--text-small); font-weight: 800; font-variant-numeric: tabular-nums; }
.guides-guidecraft__principle div { min-width: 0; }
.guides-guidecraft__principle h3 { margin-bottom: var(--space-2); }
.guides-guidecraft__principle p { margin-bottom: 0; }

.guides-signup__panel { position: relative; display: flex; min-width: 0; flex-direction: column; align-items: center; gap: var(--space-4); width: calc(100% - 16.6667%); margin-inline: auto; overflow: hidden; padding: clamp(1.5rem, 4vw, 3rem); text-align: center; }
.guides-signup__copy { position: relative; z-index: 1; max-width: 38.75rem; margin-inline: auto; }
.guides-signup__copy > * { margin-bottom: var(--space-3); }
.guides-signup__copy > :last-child { margin-bottom: 0; }
.guides-signup__splash { top: -4rem; right: -3rem; z-index: 0; width: 12rem; opacity: .17; }
.guides-signup__spark { position: absolute; right: 14%; bottom: 14%; z-index: 0; color: var(--color-yellow); font-size: 2rem; }
.guides-signup__form { position: relative; z-index: 1; display: flex; width: min(100%, 42.5rem); min-width: 0; align-items: flex-end; gap: var(--space-3); text-align: left; }
.guides-signup__field { flex: 1 1 auto; min-width: 0; }
.guides-signup__field label { display: block; }
.guides-signup__error { min-height: 1.25rem; margin: var(--space-1) 0 0; color: var(--color-action-dark); font-size: var(--text-small); line-height: var(--leading-small); }
.guides-signup__form .button-primary { flex: 0 0 auto; }
.guides-signup__note, .guides-signup__success { position: relative; z-index: 1; max-width: 38.75rem; margin: 0; color: var(--color-muted); font-size: var(--text-small); line-height: var(--leading-small); }
.guides-signup__success { color: var(--color-ink); font-weight: 700; }

@media (max-width: 74.9375rem) {
  .guides-missions__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 59.9375rem) {
  .guides-hero__copy { grid-column: 1 / span 8; }
  .guides-hero__splash { right: -4rem; opacity: .13; }
  .guides-feature__layout { grid-template-columns: repeat(8, minmax(0, 1fr)); }
  .guides-feature__media, .guides-feature__dossier { grid-column: 1 / -1; }
  .guides-feature__dossier { max-width: none; }
  .guides-categories__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .guides-missions__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .guides-worlds__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .guides-patches__layout { grid-template-columns: repeat(8, minmax(0, 1fr)); }
  .guides-patches__intro, .guides-patches__console { grid-column: 1 / -1; }
}

@media (max-width: 49.9375rem) {
  .guides-genres__grid { grid-template-columns: 1fr; }
  .guides-community__record { grid-template-columns: minmax(0, 1fr); gap: var(--space-2); }
  .guides-community__action { min-width: 0; text-align: left; }
  .guides-guidecraft__grid { grid-template-columns: 1fr; }
}

@media (max-width: 44.9375rem) {
  .guides-signup__form { flex-direction: column; align-items: stretch; }
  .guides-signup__form .button-primary { width: 100%; }
}

@media (max-width: 39.9375rem) {
  .guides-hero { padding-top: var(--space-6); }
  .guides-hero__panel { grid-template-columns: repeat(4, minmax(0, 1fr)); padding: var(--space-5); }
  .guides-hero__copy { grid-column: 1 / -1; max-width: none; }
  .guides-hero__copy h1 { font-size: clamp(2.375rem, 10vw, 2.625rem); line-height: 1.08; }
  .guides-hero__lead { max-width: none; font-size: var(--text-body); line-height: var(--leading-body); }
  .guides-hero__actions { display: grid; grid-template-columns: 1fr; width: 100%; }
  .guides-hero__actions > * { width: 100%; }
  .guides-hero__splash { top: -3rem; right: -3rem; width: 10rem; }
  .guides-hero__spark { display: none; }
  .guides-feature__layout { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-4); }
  .guides-feature__media { aspect-ratio: 4 / 3; }
  .guides-feature__dossier { padding: var(--space-5); }
  .guides-feature__facts { grid-template-columns: 1fr; }
  .guides-feature__coverage .button-primary { width: 100%; }
  .guides-categories__grid, .guides-missions__grid, .guides-worlds__grid, .guides-genres__grid { grid-template-columns: 1fr; }
  .guides-category__body, .guides-world__body, .guides-genre__body { padding: var(--space-4); }
  .guides-latest__action { align-items: stretch; justify-content: flex-start; }
  .guides-latest__action p { max-width: none; text-align: left; }
  .guides-latest__action .button-secondary { width: 100%; }
  .guides-patches__layout { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-4); }
  .guides-patches__console { padding: var(--space-4); }
  .guides-patch-row { grid-template-columns: 1fr; gap: var(--space-2); }
  .guides-patch-row__content h3 { font-size: var(--text-body); }
  .guides-community__panel, .guides-signup__panel { width: 100%; padding: var(--space-5); }
  .guides-community__footer { align-items: stretch; }
  .guides-community__footer .button-secondary { width: 100%; }
  .guides-guidecraft__principle { padding: var(--space-4); }
  .guides-signup__spark { right: 8%; bottom: 4%; }
}

@media (prefers-reduced-motion: reduce) {
  .guides-hero__splash { transform: none; }
}