.alien-archive-page {
  position: relative;
  overflow: clip;
  background-image: linear-gradient(rgba(195,199,219,.025) 1px, transparent 1px), radial-gradient(circle at 12% 10%, rgba(168,85,247,.12) 0, transparent 22rem);
  background-size: 100% 5px, auto;
}
.alien-archive-page * { min-width: 0; }
.alien-hero { position: relative; min-height: 38rem; isolation: isolate; display: grid; overflow: hidden; border-bottom: 1px solid var(--border-color); }
.alien-hero__image, .alien-hero__shade { position: absolute; inset: 0; width: 100%; height: 100%; }
.alien-hero__image { object-fit: cover; object-position: center; z-index: -2; }
.alien-hero__shade { z-index: -1; background: linear-gradient(90deg, rgba(15,13,27,.96) 0%, rgba(15,13,27,.84) 47%, rgba(15,13,27,.28) 100%), linear-gradient(0deg, rgba(15,13,27,.9), transparent 50%); }
.alien-hero__layout { display: grid; grid-template-columns: minmax(0, 7fr) minmax(22.5rem, 5fr); align-items: end; gap: var(--space-7); padding-block: var(--space-9); }
.alien-hero__copy { width: 100%; max-width: 42.5rem; display: flex; flex-direction: column; gap: var(--space-4); }
.alien-hero__copy h1, .alien-hero__copy p { margin: 0; }
.alien-hero__copy h1 { font-size: clamp(2.5rem, 5.6vw, 4rem); }
.alien-hero__lead { display: flex; flex-direction: column; gap: var(--space-3); max-width: 40rem; font-size: var(--text-lead); line-height: 1.5; }
.alien-hero__actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-4); margin-top: var(--space-2); }
.alien-hero__actions > * { min-width: 0; }
.alien-hero__continuation { max-width: 17rem; font-size: var(--text-small); }
.alien-hero__meta { justify-self: end; width: min(100%, 18.75rem); padding: var(--space-5); background: rgba(31,27,44,.94); }
.alien-hero__meta p { margin: 0 0 var(--space-4); }
.alien-hero__meta dl { display: flex; flex-direction: column; gap: var(--space-2); margin: 0; }
.alien-hero__meta dl div { display: flex; justify-content: space-between; gap: var(--space-3); border-top: 1px solid var(--border-color); padding-top: var(--space-2); }
.alien-hero__meta dt { color: var(--color-muted-silver); font: 500 var(--text-meta)/var(--leading-meta) var(--font-mono); letter-spacing: .08em; text-transform: uppercase; }
.alien-hero__meta dd { margin: 0; font-size: var(--text-caption); text-align: right; }
.observation-section__grid { display: grid; grid-template-columns: minmax(0, 8fr) minmax(17rem, 4fr); align-items: start; gap: clamp(2rem, 6vw, 4.5rem); }
.observation-section__copy { width: 100%; max-width: 43.75rem; }
.observation-section__warning { display: flex; gap: var(--space-3); align-items: flex-start; margin-top: var(--space-5); border-left: 2px solid var(--color-warning-amber); padding: var(--space-3) var(--space-4); background: rgba(213,168,75,.06); }
.observation-section__warning > span { color: var(--color-warning-amber); line-height: 1.4; }
.observation-section__warning p { margin: 0; font-size: var(--text-small); }
.protocol-panel { width: 100%; max-width: 21.25rem; justify-self: end; display: flex; flex-direction: column; gap: var(--space-4); }
.protocol-panel > p, .protocol-panel__steps { margin: 0; }
.protocol-panel__steps { display: flex; flex-direction: column; gap: var(--space-4); padding: 0; list-style: none; }
.protocol-panel__steps li { display: grid; grid-template-columns: 2rem minmax(0, 1fr); gap: var(--space-3); }
.protocol-panel__steps span { color: var(--color-alien-violet); font: 500 var(--text-meta)/1.5 var(--font-mono); }
.protocol-panel__steps p { margin: 0; font-size: var(--text-small); line-height: 1.55; }
.trace-index { border-top: 1px solid rgba(85,80,109,.6); }
.trace-index__intro { width: 100%; max-width: 45rem; }
.trace-index__intro span { color: var(--color-alien-violet); font-family: var(--font-mono); font-size: var(--text-small); }
.trace-index__tabs { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-3); margin-top: var(--space-6); }
.trace-index__tab { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-end; min-width: 0; min-height: 10.5rem; border: 1px solid var(--border-color); background: var(--surface-panel); padding: var(--space-4); color: var(--color-steel-silver); font: 650 1rem/1.2 var(--font-heading); text-align: left; box-shadow: var(--shadow-inset); }
.trace-index__tab span { margin-bottom: auto; color: var(--color-muted-silver); font: 500 var(--text-meta)/1 var(--font-mono); letter-spacing: .08em; }
.trace-index__tab:hover, .trace-index__tab:focus-visible { border-color: var(--color-alien-violet); }
.trace-index__tab:hover { transform: translate(1px,1px); }
.trace-index__tab.is-active { border-color: var(--color-alien-violet); background: var(--color-violet-deep); }
.trace-index__tab.is-active span { color: var(--color-alien-violet); }
.trace-index__panels { margin-top: var(--space-4); }
.trace-index__panel { display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 9fr); border: 1px solid var(--border-color); background: var(--surface-panel); box-shadow: var(--shadow-inset); }
.trace-index__signal, .trace-index__explanation { min-width: 0; padding: var(--space-5); }
.trace-index__signal { background: rgba(56,32,79,.48); border-right: 1px solid var(--border-color); }
.trace-index__signal p, .trace-index__signal strong, .trace-index__explanation h3, .trace-index__explanation p { margin: 0; }
.trace-index__signal { display: flex; flex-direction: column; gap: var(--space-2); }
.trace-index__signal strong { font-family: var(--font-heading); line-height: 1.2; }
.trace-index__explanation { width: 100%; max-width: 43rem; }
.trace-index__explanation { display: flex; flex-direction: column; gap: var(--space-3); }
.evidence-section__grid { display: grid; grid-template-columns: minmax(0, 7fr) minmax(17rem, 5fr); align-items: start; gap: clamp(2rem, 6vw, 4.5rem); }
.evidence-section__copy { width: 100%; max-width: 42.5rem; }
.archive-note { display: flex; flex-direction: column; gap: var(--space-2); margin: var(--space-5) 0; border-left: 2px solid var(--color-alien-violet); padding: var(--space-3) var(--space-4); background: rgba(31,27,44,.7); }
.archive-note p { margin: 0; }
.archive-note > :last-child { font-size: var(--text-small); }
.visual-questions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; border: 1px solid var(--border-color); background: var(--border-color); }
.visual-questions > div { min-width: 0; background: var(--color-space-canvas); padding: var(--space-4); }
.visual-questions strong { color: var(--color-alien-violet); font: 600 var(--text-small)/1.3 var(--font-mono); }
.visual-questions p { margin: var(--space-2) 0 0; font-size: var(--text-small); line-height: 1.5; }
.evidence-section__figure { width: 100%; max-width: 28.75rem; justify-self: end; overflow: hidden; }
.evidence-section__figure img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; object-position: center; }
.evidence-section__figure figcaption, .trail-section__figure figcaption { padding: var(--space-3) var(--space-4); margin: 0; border-top: 1px solid var(--border-color); }
.evidence-section__figure figcaption span, .trail-section__figure figcaption span { display: block; margin-bottom: var(--space-1); color: var(--color-muted-silver); font: 500 var(--text-meta)/1.3 var(--font-mono); letter-spacing: .08em; text-transform: uppercase; }
.decision-section__intro { width: 100%; max-width: 47.5rem; margin-inline: auto; text-align: center; }
.decision-section__intro p:last-child { margin-bottom: 0; }
.decision-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-5) var(--space-6); margin-top: var(--space-7); }
.decision-grid article { min-width: 0; border-top: 1px solid var(--border-color); padding-top: var(--space-4); }
.decision-grid article > span { display: block; margin-bottom: var(--space-4); color: var(--color-alien-violet); font: 500 var(--text-meta)/1 var(--font-mono); letter-spacing: .08em; }
.decision-grid h3 { margin-bottom: var(--space-2); }
.decision-grid p { margin: 0; font-size: var(--text-small); line-height: 1.6; }
.routes-section__intro { width: 100%; max-width: 42.5rem; }
.route-grid { display: grid; grid-template-columns: minmax(17.5rem, 5fr) minmax(13.75rem, 3fr) minmax(15.625rem, 4fr); align-items: start; gap: var(--space-4); margin-top: var(--space-6); }
.route-panel { width: 100%; display: flex; flex-direction: column; gap: var(--space-3); min-height: 100%; }
.route-panel > * { margin: 0; }
.route-panel p:not(.meta) { font-size: var(--text-small); line-height: 1.6; }
.route-panel a { margin-top: auto; font-size: var(--text-small); font-weight: 600; }
.route-panel--place { margin-top: var(--space-6); }
.route-panel--story .meta { display: inline-block; width: fit-content; background: var(--color-violet-deep); padding: var(--space-2); color: var(--color-steel-silver); }
.trail-section__grid { display: grid; grid-template-columns: minmax(17rem, 5fr) minmax(0, 7fr); align-items: start; gap: clamp(2rem, 6vw, 4.5rem); }
.trail-section__figure { width: 100%; max-width: 30rem; margin: 0; overflow: hidden; }
.trail-section__figure img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; object-position: center; }
.trail-section__copy { width: 100%; max-width: 40rem; padding-top: var(--space-5); }
.return-rule { width: 100%; max-width: 32.5rem; display: flex; flex-direction: column; gap: var(--space-3); margin-top: var(--space-5); }
.return-rule p, .return-rule ol { margin: 0; }
.return-rule ol { display: flex; flex-direction: column; gap: var(--space-2); padding-left: 1.25rem; font-size: var(--text-small); }
.faq-section__top { display: grid; grid-template-columns: minmax(0, 9fr) minmax(15rem, 3fr); align-items: start; gap: var(--space-6); }
.faq-section__intro { width: 100%; max-width: 45rem; }
.spoiler-note { width: 100%; max-width: 18.75rem; justify-self: end; border: 1px solid var(--border-color); background: var(--surface-panel); }
.spoiler-note button, .faq-item button { width: 100%; min-height: 3rem; border: 0; background: transparent; color: var(--color-steel-silver); text-align: left; }
.spoiler-note button { display: flex; justify-content: space-between; align-items: center; gap: var(--space-3); padding: var(--space-3) var(--space-4); font: 600 var(--text-small)/1.2 var(--font-mono); letter-spacing: .05em; text-transform: uppercase; }
.spoiler-note button span:last-child { color: var(--color-alien-violet); font-size: 1.25rem; }
.spoiler-note button[aria-expanded="true"] span:last-child { transform: rotate(45deg); }
.spoiler-note div { border-top: 1px solid var(--border-color); padding: var(--space-3) var(--space-4); }
.spoiler-note p { margin: 0; font-size: var(--text-small); line-height: 1.55; }
.faq-list { width: 100%; max-width: 60rem; display: flex; flex-direction: column; gap: var(--space-3); margin-top: var(--space-6); }
.faq-item { border: 1px solid var(--border-color); background: var(--surface-panel); box-shadow: var(--shadow-inset); }
.faq-item h3 { margin: 0; }
.faq-item button { display: flex; align-items: center; justify-content: space-between; gap: var(--space-4); padding: var(--space-4); font: 600 1.125rem/1.25 var(--font-heading); }
.faq-item button span { color: var(--color-alien-violet); font-family: var(--font-mono); font-size: 1.25rem; }
.faq-item.is-open { border-color: var(--color-alien-violet); }
.faq-item.is-open button span { transform: rotate(45deg); }
.faq-item > div { max-width: 47.5rem; border-top: 1px solid var(--border-color); padding: var(--space-4); }
.faq-item > div p { margin: 0; }
.expedition-section__frame { padding: var(--space-9) var(--space-6); }
.expedition-section__copy { width: 100%; max-width: 45rem; display: flex; flex-direction: column; align-items: center; gap: var(--space-4); margin-inline: auto; text-align: center; }
.expedition-section__copy > * { margin: 0; }
.expedition-section__copy > p:not(.meta):not(.expedition-section__note) { max-width: 38.75rem; }
.expedition-section__copy .button { margin-top: var(--space-2); }
.expedition-section__note { border-top: 1px solid var(--border-color); padding-top: var(--space-3); color: var(--color-muted-silver); font-size: var(--text-caption); }
.editorial-note { padding: 0 0 var(--space-8); }
.editorial-note__copy { width: 100%; max-width: 42.5rem; border-top: 1px solid var(--border-color); padding-top: var(--space-5); }
.editorial-note__copy p:last-child { margin-bottom: 0; }
@media (max-width: 56.25rem) {
  .alien-hero { min-height: 31rem; }
  .alien-hero__layout, .observation-section__grid, .evidence-section__grid, .trail-section__grid, .faq-section__top { grid-template-columns: minmax(0, 1fr); }
  .alien-hero__layout { align-items: start; gap: var(--space-5); padding-block: var(--space-8); }
  .alien-hero__meta, .protocol-panel, .evidence-section__figure, .trail-section__figure, .spoiler-note { justify-self: start; max-width: 100%; }
  .observation-section__copy, .evidence-section__copy, .trail-section__copy { max-width: 100%; }
  .trail-section__copy { padding-top: 0; }
  .trail-section__figure { order: 2; }
  .route-grid { grid-template-columns: minmax(0, 1fr); gap: var(--space-4); }
  .route-panel--place { margin-top: 0; }
  .faq-list { max-width: 100%; }
}
@media (max-width: 51.25rem) {
  .trace-index__tabs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .decision-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 40rem) {
  .alien-hero { min-height: 26.25rem; }
  .alien-hero__image { object-position: 43% center; }
  .alien-hero__shade { background: linear-gradient(90deg, rgba(15,13,27,.95), rgba(15,13,27,.63)), linear-gradient(0deg, rgba(15,13,27,.92), transparent 70%); }
  .alien-hero__layout { padding-block: var(--space-7); }
  .alien-hero__copy h1 { font-size: clamp(2.25rem, 10vw, 2.5rem); }
  .alien-hero__actions { align-items: stretch; flex-direction: column; }
  .alien-hero__continuation { max-width: 100%; }
  .trace-index__panel { grid-template-columns: minmax(0, 1fr); }
  .trace-index__signal { border-right: 0; border-bottom: 1px solid var(--border-color); }
  .visual-questions { grid-template-columns: minmax(0, 1fr); }
  .decision-grid { grid-template-columns: minmax(0, 1fr); gap: var(--space-4); }
  .decision-grid article { display: grid; grid-template-columns: 2.25rem minmax(0, 1fr); column-gap: var(--space-3); }
  .decision-grid article > span { grid-column: 1; grid-row: 1 / span 2; margin: 0; padding-top: .25rem; }
  .decision-grid h3, .decision-grid p { grid-column: 2; }
  .decision-grid h3 { margin-bottom: var(--space-2); }
  .trace-index__tab { min-height: 7.5rem; }
  .expedition-section__frame { padding: var(--space-5) var(--space-4); }
  .editorial-note { padding-bottom: var(--space-7); }
}
@media (max-width: 27.5rem) {
  .trace-index__tabs { grid-template-columns: minmax(0, 1fr); }
  .trace-index__tab { min-height: 4.5rem; flex-direction: row; align-items: center; justify-content: flex-start; gap: var(--space-3); }
  .trace-index__tab span { margin: 0; }
}