:root {
  color-scheme: light dark;
  --au-paper: #f5f1e8;
  --au-ink: #251f1a;
  --au-muted: #63594f;
  --au-line: #8c7b68;
  --au-panel: #ebe3d6;
  --au-accent: #6a3d23;
  --au-focus: #174d77;
  --au-max: 72rem;
  --au-radius: 0.5rem;
}
@media (prefers-color-scheme: dark) {
  :root {
    --au-paper: #171513;
    --au-ink: #f2ece2;
    --au-muted: #c6b9a8;
    --au-line: #8f806f;
    --au-panel: #221f1b;
    --au-accent: #e1b088;
    --au-focus: #8bc8ff;
  }
}
* { box-sizing: border-box; }
html { background: var(--au-paper); color: var(--au-ink); }
body.au-body { margin: 0; font-family: ui-serif, Georgia, Cambria, "Times New Roman", serif; line-height: 1.58; background-image: radial-gradient(circle at 1px 1px, color-mix(in srgb, var(--au-line) 9%, transparent) .7px, transparent .8px); background-size: 16px 16px; }
a { color: var(--au-accent); text-underline-offset: .18em; }
a:focus-visible, button:focus-visible, summary:focus-visible, input:focus-visible, select:focus-visible, [tabindex]:focus-visible { outline: 3px solid var(--au-focus); outline-offset: 3px; }
.au-skip { position: absolute; left: -9999px; top: 0; }
.au-skip:focus { left: 1rem; top: 1rem; background: var(--au-paper); padding: .6rem; z-index: 10; }
.au-shell { max-width: var(--au-max); margin: 0 auto; padding: 1rem 1.2rem 4rem; }
.au-global-line { display: flex; gap: 1rem; justify-content: space-between; align-items: baseline; border-bottom: 1px solid var(--au-line); padding: .65rem 0 1rem; }
.au-world-mark { font: 700 .82rem/1.2 ui-sans-serif, system-ui, sans-serif; letter-spacing: .12em; text-transform: uppercase; }
.au-foundation-note { font: .78rem/1.3 ui-sans-serif, system-ui, sans-serif; color: var(--au-muted); }
.au-local-nav { margin: 1rem 0 2rem; padding: .85rem; border: 1px solid var(--au-line); border-radius: var(--au-radius); }
.au-local-nav a[aria-current="page"] { font-weight: 800; text-decoration-thickness: .16em; }
.au-local-nav ul { display: flex; flex-wrap: wrap; gap: .55rem 1rem; margin: .45rem 0 0; padding: 0; list-style: none; }
.au-kicker, .au-evidence, .au-currentness { font-family: ui-sans-serif, system-ui, sans-serif; }
.au-kicker { text-transform: uppercase; letter-spacing: .11em; font-size: .76rem; color: var(--au-muted); }
h1 { font-size: clamp(2.4rem, 8vw, 5.4rem); line-height: .95; margin: .35rem 0 1rem; max-width: 14ch; }
.au-dek { font-size: 1.25rem; max-width: 62ch; color: var(--au-muted); }
.au-currentness { border-left: .35rem solid var(--au-line); background: var(--au-panel); padding: .8rem 1rem; margin: 1.5rem 0; }
.au-module { border-top: 1px solid var(--au-line); padding: 1.2rem 0; max-width: 68ch; }
.au-module h2 { margin-bottom: .35rem; }
.au-claim { margin: .6rem 0; }
.au-evidence { margin-top: 2.5rem; padding: 1rem; background: var(--au-panel); border-radius: var(--au-radius); }
.au-evidence ul, .au-related ul { padding-left: 1.2rem; }
.au-related { margin-top: 2rem; }
.au-marker { display: inline-block; min-width: 1.5rem; text-align: center; font-weight: 800; }
.au-methodology { margin-top: 3rem; border-top: 1px solid var(--au-line); padding-top: 1rem; }
.au-methodology summary { cursor: pointer; font-weight: 700; min-height: 44px; display: flex; align-items: center; }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; scroll-behavior: auto !important; }
}

/* AU011 universe-home composition. Color remains ambience, never seasonal evidence. */
.au-home { overflow: clip; }
.au-home-hero { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(15rem, .75fr); gap: clamp(2rem, 6vw, 5rem); align-items: center; min-height: min(72vh, 48rem); padding: clamp(2rem, 6vw, 5rem) 0; border-bottom: 1px solid var(--au-line); }
.au-home-hero h1 { max-width: 10ch; font-size: clamp(3.5rem, 10vw, 8rem); letter-spacing: -.055em; line-height: .82; }
.au-home-hero h1 em { font-weight: 400; color: var(--au-accent); }
.au-home-thesis { max-width: 52ch; font-size: clamp(1.25rem, 2.5vw, 1.8rem); line-height: 1.35; }
.au-home-coverage, .au-small-note { max-width: 68ch; color: var(--au-muted); font-family: ui-sans-serif, system-ui, sans-serif; }
.au-season-field { position: relative; aspect-ratio: 1; min-height: 18rem; overflow: hidden; isolation: isolate; border: 1px solid var(--au-line); border-radius: 50%; background: radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--au-accent) 12%, transparent) 0 9%, transparent 9% 25%, color-mix(in srgb, var(--au-line) 16%, transparent) 25% 27%, transparent 27% 48%, color-mix(in srgb, var(--au-accent) 9%, transparent) 48% 49%, transparent 49%); display: grid; place-items: center; }
.au-season-atmosphere { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; opacity: .92; z-index: 0; }
.au-season-field::before, .au-season-field::after { content: ""; position: absolute; inset: 13%; border: 1px solid var(--au-line); border-radius: 48% 52% 44% 56% / 58% 44% 56% 42%; transform: rotate(24deg); z-index: 2; }
.au-season-field::after { inset: 29%; transform: rotate(-31deg); border-style: dashed; }
.au-season-orbit { position: absolute; z-index: 3; display: block; border-radius: 50%; background: var(--au-accent); }
.au-season-orbit-a { width: .7rem; height: .7rem; top: 16%; left: 48%; }
.au-season-orbit-b { width: .45rem; height: .45rem; bottom: 23%; right: 17%; }
.au-season-mark { position: relative; z-index: 3; color: var(--au-ink); text-shadow: 0 1px 20px var(--au-paper); font: 800 clamp(2.7rem, 8vw, 6rem)/1 ui-sans-serif, system-ui, sans-serif; letter-spacing: -.08em; }
.au-now-preview { display: grid; grid-template-columns: minmax(0, .7fr) minmax(0, 1.3fr); gap: clamp(1.5rem, 5vw, 4rem); padding: clamp(2rem, 5vw, 4rem) 0; border-bottom: 1px solid var(--au-line); }
.au-now-preview h2, .au-section > h2, .au-strange h2 { font-size: clamp(2rem, 5vw, 4rem); line-height: 1; margin-top: .3rem; max-width: 16ch; }
.au-now-preview .au-currentness { margin-top: 0; }
.au-section { padding: clamp(3rem, 7vw, 6rem) 0; border-bottom: 1px solid var(--au-line); }
.au-hemisphere-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border: 1px solid var(--au-line); margin-top: 2rem; }
.au-hemisphere-panel { padding: clamp(1rem, 3vw, 2rem); min-width: 0; }
.au-hemisphere-panel + .au-hemisphere-panel { border-left: 1px solid var(--au-line); }
.au-hemisphere-label { display: flex; align-items: center; gap: .65rem; font: 700 .8rem/1.2 ui-sans-serif, system-ui, sans-serif; text-transform: uppercase; letter-spacing: .08em; }
.au-hemisphere-label span { display: inline-grid; place-items: center; width: 2rem; height: 2rem; border: 1px solid var(--au-line); border-radius: 50%; }
.au-destination-list { list-style: none; padding: 0; margin: 1rem 0 0; }
.au-destination-list li + li { border-top: 1px solid var(--au-line); }
.au-destination-list a { display: grid; gap: .3rem; padding: 1rem 0; text-decoration: none; color: var(--au-ink); }
.au-destination-list a:hover strong { text-decoration: underline; text-underline-offset: .2em; }
.au-destination-list strong { font-size: 1.2rem; }
.au-destination-list span { color: var(--au-muted); font-family: ui-sans-serif, system-ui, sans-serif; font-size: .9rem; }
.au-path-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1px; background: var(--au-line); border: 1px solid var(--au-line); margin-top: 2rem; }
.au-path-card { min-height: 17rem; padding: 1.25rem; background: var(--au-paper); color: var(--au-ink); display: flex; flex-direction: column; gap: .75rem; text-decoration: none; }
.au-path-card:hover strong { text-decoration: underline; text-underline-offset: .2em; }
.au-path-number { color: var(--au-muted); font: .8rem/1 ui-sans-serif, system-ui, sans-serif; }
.au-path-layer { margin-top: auto; color: var(--au-accent); font: 700 .75rem/1 ui-sans-serif, system-ui, sans-serif; text-transform: uppercase; letter-spacing: .1em; }
.au-path-card strong { font-size: 1.3rem; line-height: 1.1; }
.au-path-card > span:last-child { color: var(--au-muted); font-family: ui-sans-serif, system-ui, sans-serif; font-size: .9rem; }
.au-strange { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(2rem, 6vw, 5rem); align-items: stretch; padding: clamp(3rem, 7vw, 6rem) 0; border-bottom: 1px solid var(--au-line); }
.au-strange-link { border: 1px solid var(--au-line); background: var(--au-panel); padding: clamp(1.5rem, 4vw, 3rem); color: var(--au-ink); text-decoration: none; display: flex; flex-direction: column; justify-content: flex-end; gap: .8rem; min-height: 20rem; }
.au-strange-link > span:first-child { color: var(--au-accent); font: 700 .75rem/1 ui-sans-serif, system-ui, sans-serif; text-transform: uppercase; letter-spacing: .1em; }
.au-strange-link strong { font-size: clamp(1.5rem, 3vw, 2.4rem); line-height: 1.05; }
.au-strange-link > span:last-child { color: var(--au-muted); }
.au-scope { max-width: 68rem; }
.au-scope > p:not(.au-kicker), .au-methodology-surface > p:not(.au-kicker) { max-width: 70ch; }
.au-methodology-surface .au-methodology { max-width: 70ch; margin-top: 1.5rem; background: var(--au-panel); border: 1px solid var(--au-line); padding: 1rem 1.25rem; }
.au-methodology dl { display: grid; grid-template-columns: minmax(8rem, .4fr) 1fr; gap: .6rem 1.2rem; }
.au-methodology dt, .au-methodology dd { margin: 0; }
.au-home-footer { display: flex; justify-content: space-between; gap: 2rem; align-items: baseline; padding: 2rem 0 0; color: var(--au-muted); font-family: ui-sans-serif, system-ui, sans-serif; }
@media (max-width: 55rem) {
  .au-home-hero { grid-template-columns: 1fr; min-height: auto; }
  .au-season-field { max-width: 24rem; width: 78vw; justify-self: center; }
  .au-now-preview, .au-strange { grid-template-columns: 1fr; }
  .au-path-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 38rem) {
  .au-global-line { align-items: flex-start; flex-direction: column; }
  .au-local-nav ul { display: grid; grid-template-columns: 1fr 1fr; }
  .au-hemisphere-grid { grid-template-columns: 1fr; }
  .au-hemisphere-panel + .au-hemisphere-panel { border-left: 0; border-top: 1px solid var(--au-line); }
  .au-path-grid { grid-template-columns: 1fr; }
  .au-path-card { min-height: 12rem; }
  .au-methodology dl { grid-template-columns: 1fr; }
  .au-home-footer { align-items: flex-start; flex-direction: column; }
}


/* AU012 portal shell and substantive portal surfaces. */
.au-portal-launch-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 1px; background: var(--au-line); border: 1px solid var(--au-line); margin-top: 2rem; }
.au-portal-launch { min-height: 10rem; background: var(--au-paper); color: var(--au-ink); text-decoration: none; padding: 1rem; display: flex; flex-direction: column; justify-content: space-between; gap: .75rem; }
.au-portal-launch > span, .au-portal-launch small { color: var(--au-muted); font: .72rem/1.2 ui-sans-serif, system-ui, sans-serif; text-transform: uppercase; letter-spacing: .08em; }
.au-portal-emblem { width: 3rem; height: 3rem; display: block; opacity: .9; }
.au-portal-launch .au-portal-emblem { align-self: flex-end; margin-bottom: auto; }
.au-portal-launch strong { font-size: clamp(1.1rem, 2vw, 1.45rem); }
.au-portal-launch:hover strong { text-decoration: underline; text-underline-offset: .2em; }
.au-emerging-path { max-width: 70ch; margin-top: 1.5rem; padding: .9rem 1rem; border-left: .25rem solid var(--au-accent); background: var(--au-panel); }
.au-portal { overflow: clip; }
.au-portal-hero { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(13rem, .65fr); gap: clamp(2rem, 6vw, 5rem); align-items: end; padding: clamp(3rem, 7vw, 6rem) 0; border-bottom: 1px solid var(--au-line); }
.au-portal-hero h1 { font-size: clamp(3rem, 8vw, 6.5rem); line-height: .9; letter-spacing: -.045em; max-width: 12ch; }
.au-portal-status { min-height: 12rem; border: 1px solid var(--au-line); background: var(--au-panel); padding: 1.25rem; display: flex; flex-direction: column; justify-content: flex-end; gap: .55rem; }
.au-portal-status > span { font-size: 2rem; color: var(--au-accent); }
.au-portal-emblem-hero { width: 4rem; height: 4rem; margin-bottom: auto; }
.au-portal-status strong { font: 800 .85rem/1 ui-sans-serif, system-ui, sans-serif; text-transform: uppercase; letter-spacing: .08em; }
.au-portal-status small { color: var(--au-muted); }
.au-portal-scope { max-width: 72rem; padding: clamp(2rem, 5vw, 4rem) 0; border-bottom: 1px solid var(--au-line); }
.au-portal-scope h2 { font-size: clamp(1.8rem, 4vw, 3rem); max-width: 18ch; }
.au-currentness-note { max-width: 74ch; border-left: .25rem solid var(--au-accent); padding-left: 1rem; }
.au-portal-card-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; background: var(--au-line); border: 1px solid var(--au-line); margin-top: 2rem; }
.au-portal-card { min-height: 15rem; background: var(--au-paper); color: var(--au-ink); text-decoration: none; padding: 1.25rem; display: flex; flex-direction: column; gap: .7rem; }
.au-portal-card-meta, .au-portal-card small { color: var(--au-muted); font: .72rem/1.3 ui-sans-serif, system-ui, sans-serif; text-transform: uppercase; letter-spacing: .06em; }
.au-portal-card strong { margin-top: auto; font-size: clamp(1.35rem, 2.6vw, 2rem); line-height: 1.05; }
.au-portal-card > span:not(.au-portal-card-meta) { color: var(--au-muted); }
.au-portal-card:hover strong { text-decoration: underline; text-underline-offset: .2em; }
.au-embedded-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; margin-top: 2rem; }
.au-embedded-card { border: 1px solid var(--au-line); padding: 1.25rem; background: var(--au-panel); }
.au-embedded-card > span, .au-embedded-card small { color: var(--au-muted); font: .72rem/1.3 ui-sans-serif, system-ui, sans-serif; text-transform: uppercase; letter-spacing: .06em; }
.au-embedded-card h3 { font-size: 1.45rem; margin-bottom: .4rem; }
@media (max-width: 58rem) { .au-portal-launch-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .au-portal-hero { grid-template-columns: 1fr; } }
@media (max-width: 38rem) { .au-portal-launch-grid, .au-portal-card-grid, .au-embedded-grid { grid-template-columns: 1fr; } .au-portal-launch { min-height: 8rem; } }

/* AU013 Field Guide foundation */
.au-field-guide { overflow: clip; }
.au-field-guide-hero { display: grid; grid-template-columns: minmax(0,1.2fr) minmax(16rem,.8fr); gap: clamp(2rem,6vw,5rem); align-items: end; padding: clamp(3rem,7vw,6rem) 0; border-bottom: 1px solid var(--au-line); }
.au-field-guide-hero h1 { font-size: clamp(3rem,8vw,6.5rem); line-height: .9; letter-spacing: -.045em; max-width: 10ch; }
.au-field-guide-counts { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); border: 1px solid var(--au-line); background: var(--au-panel); margin: 0; }
.au-field-guide-counts div { padding: 1rem; border-right: 1px solid var(--au-line); }
.au-field-guide-counts div:last-child { border-right: 0; }
.au-field-guide-counts dt { color: var(--au-muted); font: .7rem/1.3 ui-sans-serif,system-ui,sans-serif; text-transform: uppercase; letter-spacing: .06em; }
.au-field-guide-counts dd { margin: .35rem 0 0; font-size: clamp(1.8rem,4vw,3.2rem); line-height: 1; }
.au-field-guide-jump { display: flex; flex-wrap: wrap; gap: .65rem; padding: 1.25rem 0; border-bottom: 1px solid var(--au-line); }
.au-field-guide-jump a { display: inline-flex; min-height: 44px; align-items: center; padding: .65rem .8rem; border: 1px solid var(--au-line); text-decoration: none; background: var(--au-panel); }
.au-field-guide-jump a:hover { text-decoration: underline; text-underline-offset: .2em; }
.au-specimen-grid { display: grid; grid-template-columns: minmax(0,1fr); gap: 1rem; margin-top: 2rem; }
.au-specimen-card { border: 1px solid var(--au-line); background: var(--au-paper); }
.au-specimen-card > header, .au-specimen-card > section, .au-specimen-card > details { padding: clamp(1rem,3vw,1.5rem); border-bottom: 1px solid var(--au-line); }
.au-specimen-card > :last-child { border-bottom: 0; }
.au-specimen-card h3 { font-size: clamp(2rem,5vw,3.6rem); line-height: .95; margin: .3rem 0 .7rem; }
.au-specimen-card h4 { font-size: clamp(1.3rem,2.5vw,1.8rem); margin: .25rem 0 .6rem; }
.au-specimen-meta, .au-specimen-scientific, .au-specimen-paths small { color: var(--au-muted); }
.au-specimen-meta { font: .72rem/1.3 ui-sans-serif,system-ui,sans-serif; text-transform: uppercase; letter-spacing: .06em; }
.au-specimen-meta span { display: inline-grid; width: 1.7rem; height: 1.7rem; place-items: center; border: 1px solid var(--au-line); margin-right: .35rem; color: var(--au-accent); }
.au-leaf-profile { background: var(--au-panel); }
.au-phenology-note { border-left: .3rem solid var(--au-accent); }
.au-specimen-paths ul, .au-specimen-sources ul { padding-left: 1.2rem; }
.au-specimen-sources summary { cursor: pointer; min-height: 44px; display: flex; align-items: center; font-weight: 700; }
.au-field-guide-reading { border-top: 1px solid var(--au-line); }
@media (max-width: 55rem) { .au-field-guide-hero { grid-template-columns: 1fr; } }
@media (max-width: 38rem) { .au-field-guide-counts { grid-template-columns: 1fr; } .au-field-guide-counts div { border-right: 0; border-bottom: 1px solid var(--au-line); } .au-field-guide-counts div:last-child { border-bottom: 0; } .au-field-guide-jump { display: grid; } }

/* AU014 list-first Seasonal Atlas foundation */
.au-atlas { overflow: clip; }
.au-atlas-hero { display: grid; grid-template-columns: minmax(0,1.2fr) minmax(16rem,.8fr); gap: clamp(2rem,6vw,5rem); align-items: end; padding: clamp(3rem,7vw,6rem) 0; border-bottom: 1px solid var(--au-line); }
.au-atlas-hero h1 { font-size: clamp(3rem,8vw,6.5rem); line-height: .9; letter-spacing: -.045em; max-width: 11ch; }
.au-atlas-map-contract { max-width: 72rem; padding: clamp(2rem,5vw,4rem) 0; border-bottom: 1px solid var(--au-line); }
.au-atlas-map-contract h2 { font-size: clamp(1.8rem,4vw,3rem); max-width: 18ch; }
.au-atlas-map-contract ul { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1px; padding: 1px; list-style: none; background: var(--au-line); border: 1px solid var(--au-line); }
.au-atlas-map-contract li { background: var(--au-panel); padding: .9rem 1rem; font-family: ui-sans-serif,system-ui,sans-serif; }
.au-atlas-grid { display: grid; grid-template-columns: minmax(0,1fr); gap: 1rem; margin-top: 2rem; }
.au-atlas-place { border: 1px solid var(--au-line); background: var(--au-paper); }
.au-atlas-place > header, .au-atlas-place > section, .au-atlas-place > details { padding: clamp(1rem,3vw,1.5rem); border-bottom: 1px solid var(--au-line); }
.au-atlas-place > :last-child { border-bottom: 0; }
.au-atlas-place h3 { font-size: clamp(2rem,5vw,3.6rem); line-height: .95; margin: .3rem 0 .7rem; }
.au-atlas-place h4 { font-size: clamp(1.25rem,2.5vw,1.75rem); margin: .25rem 0 .6rem; }
.au-atlas-lane { background: var(--au-panel); }
.au-atlas-lane + .au-atlas-lane { background: var(--au-paper); }
.au-atlas-lane ul, .au-atlas-network ul { padding-left: 1.2rem; }
.au-claim-scope { display: inline-block; margin-right: .4rem; color: var(--au-muted); font: 700 .68rem/1.2 ui-sans-serif,system-ui,sans-serif; text-transform: uppercase; letter-spacing: .06em; }
.au-atlas-network small { color: var(--au-muted); }
.au-atlas-network li > p { margin: .35rem 0 .9rem; color: var(--au-muted); }
@media (max-width: 55rem) { .au-atlas-hero { grid-template-columns: 1fr; } }
@media (max-width: 38rem) { .au-atlas-map-contract ul { grid-template-columns: 1fr; } }

/* AU015 deterministic Autumn Now / Season Lens prototype */
.au-autumn-now { overflow: clip; }
.au-now-hero { display: grid; grid-template-columns: minmax(0,1.2fr) minmax(17rem,.8fr); gap: clamp(2rem,6vw,5rem); align-items: end; padding: clamp(3rem,7vw,6rem) 0; border-bottom: 1px solid var(--au-line); }
.au-now-hero h1 { font-size: clamp(3.4rem,10vw,8rem); line-height: .82; letter-spacing: -.055em; max-width: 8ch; }
.au-now-hero h1 em { color: var(--au-accent); font-weight: 500; }
.au-now-truth-card { min-height: 15rem; border: 1px solid var(--au-line); background: var(--au-panel); padding: 1.35rem; display: flex; flex-direction: column; justify-content: flex-end; gap: .7rem; }
.au-now-truth-card > span { font-size: 2.3rem; color: var(--au-accent); }
.au-now-default, .au-now-boundary { max-width: 72rem; padding: clamp(2rem,5vw,4rem) 0; border-bottom: 1px solid var(--au-line); }
.au-now-default h2, .au-now-boundary h2, .au-now-calculator h2 { font-size: clamp(1.8rem,4vw,3.2rem); max-width: 18ch; }
.au-now-calculator { display: grid; grid-template-columns: minmax(0,.85fr) minmax(18rem,1.15fr); gap: clamp(1.5rem,5vw,4rem); padding: clamp(2rem,5vw,4rem) 0; border-bottom: 1px solid var(--au-line); align-items: start; }
.au-lens-form { display: grid; gap: 1rem; border: 1px solid var(--au-line); background: var(--au-panel); padding: 1.25rem; }
.au-lens-form > div { display: grid; gap: .4rem; }
.au-lens-form label { font: 800 .78rem/1.2 ui-sans-serif,system-ui,sans-serif; text-transform: uppercase; letter-spacing: .06em; }
.au-lens-form input, .au-lens-form select, .au-lens-form button { min-height: 44px; width: 100%; border: 1px solid var(--au-line); border-radius: 0; background: var(--au-paper); color: var(--au-ink); padding: .7rem .75rem; font: inherit; }
.au-lens-form button { background: var(--au-ink); color: var(--au-paper); cursor: pointer; font-weight: 800; }
.au-lens-form small { color: var(--au-muted); }
.au-lens-output { grid-column: 2; border: 1px solid var(--au-line); border-top: 0; padding: 1.25rem; background: var(--au-paper); }
.au-lens-output h3 { font-size: clamp(1.4rem,3vw,2.2rem); margin: .35rem 0 1rem; }
.au-lens-output dl, .au-lens-scenario-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1px; background: var(--au-line); border: 1px solid var(--au-line); }
.au-lens-output dl div, .au-lens-scenario-grid div { background: var(--au-panel); padding: .85rem; }
.au-lens-output dt, .au-lens-scenario-grid dt { color: var(--au-muted); font: .7rem/1.3 ui-sans-serif,system-ui,sans-serif; text-transform: uppercase; letter-spacing: .06em; }
.au-lens-output dd, .au-lens-scenario-grid dd { margin: .35rem 0 0; }
.au-now-noscript { grid-column: 1 / -1; border-left: .3rem solid var(--au-accent); padding-left: 1rem; }
.au-now-mode-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1px; background: var(--au-line); border: 1px solid var(--au-line); margin-top: 2rem; }
.au-now-mode-grid article { background: var(--au-paper); padding: 1.1rem; }
.au-now-mode-grid h3 { font-size: 1.3rem; }
.au-lens-scenario-list { display: grid; gap: 1rem; margin-top: 2rem; }
.au-lens-scenario { border: 1px solid var(--au-line); background: var(--au-paper); }
.au-lens-scenario > header, .au-lens-scenario > dl, .au-lens-scenario > p { margin: 0; padding: 1.1rem; border-bottom: 1px solid var(--au-line); }
.au-lens-scenario > :last-child { border-bottom: 0; }
.au-lens-scenario h3 { font-size: clamp(1.6rem,3vw,2.4rem); margin: .3rem 0 .55rem; }
.au-lens-capability { background: var(--au-panel); }
.au-lens-capability > span { color: var(--au-accent); margin-right: .45rem; }
.au-now-boundary ul { padding-left: 1.25rem; max-width: 74ch; }
.au-inline-action { display: inline-flex; min-height: 44px; align-items: center; border: 1px solid var(--au-line); padding: .65rem .85rem; text-decoration: none; font-weight: 800; }
.au-inline-action:hover { text-decoration: underline; text-underline-offset: .2em; }
@media (max-width: 55rem) { .au-now-hero, .au-now-calculator { grid-template-columns: 1fr; } .au-lens-output { grid-column: 1; } .au-now-mode-grid { grid-template-columns: 1fr; } }
@media (max-width: 38rem) { .au-lens-output dl, .au-lens-scenario-grid { grid-template-columns: 1fr; } }


/* AU017 original visual incorporation. Documentary/specimen/place slots remain intentionally unfilled. */
.au-now-truth-schematic { margin: 0; padding: clamp(1.25rem, 3vw, 2rem) 0 clamp(2rem, 5vw, 4rem); border-bottom: 1px solid var(--au-line); }
.au-now-truth-schematic picture { display: block; }
.au-now-truth-schematic img { display: block; width: 100%; height: auto; border: 1px solid var(--au-line); background: #f5efe4; }
.au-now-truth-schematic figcaption { max-width: 74ch; margin-top: .7rem; color: var(--au-muted); font: .78rem/1.45 ui-sans-serif, system-ui, sans-serif; }
@media (prefers-color-scheme: dark) { .au-now-truth-schematic img { outline: 1px solid color-mix(in srgb, var(--au-line) 35%, transparent); } }

/* AU018 first useful tool + playable graph interaction */
.au-interactive-hero { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(15rem,.55fr); gap:clamp(2rem,6vw,5rem); align-items:end; padding:clamp(3rem,7vw,6rem) 0; border-bottom:1px solid var(--au-line); }
.au-interactive-hero h1 { font-size:clamp(3.4rem,9vw,7rem); max-width:9ch; letter-spacing:-.05em; line-height:.84; }
.au-interactive-hero h1 em { color:var(--au-accent); font-weight:500; }
.au-interactive-status { border:1px solid var(--au-line); background:var(--au-panel); padding:1.25rem; display:grid; gap:.25rem; font-family:ui-sans-serif,system-ui,sans-serif; }
.au-interactive-status strong { font:700 clamp(2.8rem,7vw,5.2rem)/.9 ui-serif,Georgia,serif; color:var(--au-accent); }
.au-interactive-status span { font-weight:800; }
.au-interactive-status small { color:var(--au-muted); }
.au-tool-grid,.au-game-wrap { display:grid; grid-template-columns:minmax(0,.75fr) minmax(20rem,1.25fr); gap:clamp(1.5rem,5vw,4rem); padding:clamp(2rem,5vw,4rem) 0; border-bottom:1px solid var(--au-line); align-items:start; }
.au-tool-form { display:grid; gap:1rem; border:1px solid var(--au-line); background:var(--au-panel); padding:1.25rem; }
.au-tool-form label { display:grid; gap:.4rem; font:800 .78rem/1.3 ui-sans-serif,system-ui,sans-serif; text-transform:uppercase; letter-spacing:.05em; }
.au-tool-form select,.au-tool-form button,.au-game-actions button,.au-game-feedback button,.au-game-stage > button { min-height:44px; border:1px solid var(--au-line); border-radius:0; padding:.7rem .8rem; font:inherit; background:var(--au-paper); color:var(--au-ink); }
.au-tool-form button,.au-game-actions button,.au-game-feedback button,.au-game-stage > button { cursor:pointer; background:var(--au-ink); color:var(--au-paper); font-weight:800; }
.au-tool-form small { color:var(--au-muted); text-transform:none; letter-spacing:0; font-weight:400; }
.au-tool-output { grid-column:2; border:1px solid var(--au-line); background:var(--au-paper); padding:1.25rem; min-height:8rem; }
.au-tool-output:focus { outline:3px solid var(--au-focus); outline-offset:3px; }
.au-tool-results { list-style:none; padding:0; margin:1rem 0 0; display:grid; gap:1px; background:var(--au-line); border:1px solid var(--au-line); }
.au-tool-results li { background:var(--au-paper); }
.au-tool-results a { display:grid; gap:.35rem; min-height:44px; padding:1rem; text-decoration:none; }
.au-tool-results a:hover strong { text-decoration:underline; text-underline-offset:.2em; }
.au-tool-results span,.au-tool-results small { color:var(--au-muted); }
.au-tool-fallback-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1px; padding:1px; background:var(--au-line); }
.au-tool-fallback-grid section { background:var(--au-paper); padding:1rem; }
.au-tool-fallback-grid ul { padding-left:1.1rem; }
.au-tool-fallback-grid li { margin:.7rem 0; }
.au-tool-fallback-grid small { display:block; color:var(--au-muted); }
.au-game-score { display:inline-flex; min-height:44px; align-items:center; border:1px solid var(--au-line); background:var(--au-panel); padding:.6rem .85rem; font-family:ui-sans-serif,system-ui,sans-serif; font-weight:800; }
.au-game-stage { border:1px solid var(--au-line); background:var(--au-paper); padding:clamp(1rem,3vw,1.6rem); min-height:24rem; }
.au-game-round { color:var(--au-muted); font:800 .75rem/1.3 ui-sans-serif,system-ui,sans-serif; text-transform:uppercase; letter-spacing:.08em; }
.au-game-stage h2 { font-size:clamp(1.8rem,4vw,3.2rem); max-width:18ch; }
.au-game-stage fieldset { border:0; padding:0; margin:1.5rem 0; display:grid; gap:.65rem; }
.au-game-stage legend { font:800 .75rem/1.3 ui-sans-serif,system-ui,sans-serif; text-transform:uppercase; letter-spacing:.06em; margin-bottom:.65rem; }
.au-game-choice { display:grid; grid-template-columns:auto 1fr; gap:.75rem; min-height:52px; align-items:center; border:1px solid var(--au-line); background:var(--au-panel); padding:.7rem .85rem; cursor:pointer; }
.au-game-choice input { width:1.2rem; height:1.2rem; }
.au-game-choice:has(input:focus-visible) { outline:3px solid var(--au-focus); outline-offset:2px; }
.au-game-choice span strong { display:inline-grid; place-items:center; width:1.7rem; height:1.7rem; border:1px solid var(--au-line); margin-right:.4rem; }
.au-game-feedback { margin-top:1rem; border-left:.3rem solid var(--au-accent); background:var(--au-panel); padding:1rem; }
.au-game-feedback:empty { display:none; }
.au-game-feedback button { margin-top:.5rem; }
.au-study-trail { display:grid; gap:1px; background:var(--au-line); border:1px solid var(--au-line); list-style:none; padding:1px; }
.au-study-trail li { background:var(--au-paper); padding:1rem; display:grid; gap:.35rem; }
.au-study-trail span,.au-study-trail small { color:var(--au-muted); }
@media(max-width:55rem){ .au-interactive-hero,.au-tool-grid,.au-game-wrap{grid-template-columns:1fr}.au-tool-output{grid-column:1}.au-tool-fallback-grid{grid-template-columns:1fr} }


/* VIS-0193 Autumn studio release */
.au-studio-nav{margin:-1rem 0 2rem;padding:.75rem .85rem;border:1px dashed var(--au-line);font: .82rem/1.4 ui-sans-serif,system-ui,sans-serif}.au-studio-nav strong{letter-spacing:.08em;text-transform:uppercase}.au-studio-nav ul{display:flex;flex-wrap:wrap;gap:.35rem .9rem;list-style:none;margin:.5rem 0 0;padding:0}.au-studio-nav a[aria-current="page"]{font-weight:800;text-decoration-thickness:.16em}.au-studio-page{overflow:clip}.au-studio-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(14rem,.65fr);gap:clamp(2rem,6vw,5rem);align-items:end;padding:clamp(3rem,7vw,6rem) 0;border-bottom:1px solid var(--au-line)}.au-studio-hero h1{font-size:clamp(3.4rem,9vw,7.6rem);line-height:.84;letter-spacing:-.055em;max-width:10ch}.au-studio-hero h1 em{font-weight:500;color:var(--au-accent)}.au-studio-status{border:1px solid var(--au-line);background:var(--au-panel);padding:1.25rem;display:grid;gap:.3rem;font-family:ui-sans-serif,system-ui,sans-serif}.au-studio-status strong{font:800 clamp(2.7rem,7vw,5rem)/.9 ui-serif,Georgia,serif;color:var(--au-accent)}.au-studio-status span{font-weight:800}.au-studio-status small{color:var(--au-muted)}.au-filter-bar,.au-scale-buttons,.au-form-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.au-filter-bar button,.au-scale-buttons button,.au-form-actions button,.au-compare-controls button{min-height:44px;border:1px solid var(--au-line);background:var(--au-paper);color:var(--au-ink);padding:.65rem .85rem;font:700 .84rem/1.2 ui-sans-serif,system-ui,sans-serif;cursor:pointer}.au-filter-bar button[aria-pressed="true"],.au-scale-buttons button[aria-pressed="true"]{background:var(--au-ink);color:var(--au-paper)}.au-atlas-grid,.au-representation-grid,.au-source-grid,.au-connection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--au-line);border:1px solid var(--au-line);margin-top:1.5rem}.au-atlas-card,.au-representation-grid article,.au-source-card,.au-connection-grid article{background:var(--au-paper);padding:1.15rem;min-width:0}.au-atlas-card[hidden]{display:none}.au-atlas-card h3,.au-representation-grid h3,.au-source-card h3,.au-connection-grid h3{font-size:1.35rem;margin:.3rem 0}.au-atlas-card dl,.au-representation-grid dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--au-line);margin-top:1rem}.au-atlas-card dl div,.au-representation-grid dl div{background:var(--au-panel);padding:.65rem}.au-atlas-card dt,.au-representation-grid dt{color:var(--au-muted);font:.7rem/1.2 ui-sans-serif,system-ui,sans-serif;text-transform:uppercase;letter-spacing:.06em}.au-atlas-card dd,.au-representation-grid dd{margin:.25rem 0 0}.au-empty-state{border-left:.35rem solid var(--au-accent);padding:1rem;background:var(--au-panel)}.au-axis-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--au-line);border:1px solid var(--au-line);margin-top:1.5rem}.au-axis-grid article{background:var(--au-paper);padding:1rem}.au-axis-grid strong{font-size:1.12rem}.au-boundary-panel{background:linear-gradient(90deg,color-mix(in srgb,var(--au-accent) 7%,transparent),transparent 55%);padding-left:clamp(1rem,3vw,2rem)}.au-process-flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;background:var(--au-line);border:1px solid var(--au-line);margin:clamp(2rem,5vw,4rem) 0}.au-process-flow article{background:var(--au-paper);padding:1rem}.au-process-flow span{color:var(--au-accent);font:800 .75rem/1 ui-sans-serif,system-ui,sans-serif}.au-process-flow h2{font-size:1.4rem;line-height:1.05}.au-process-flow small{color:var(--au-muted)}.au-source-inline{display:flex;flex-wrap:wrap;gap:.5rem}.au-source-inline a{display:inline-flex;min-height:44px;align-items:center;border:1px solid var(--au-line);padding:.6rem .8rem}.au-scale-explorer{display:grid;grid-template-columns:minmax(0,.8fr) minmax(20rem,1.2fr);gap:clamp(1.5rem,5vw,4rem);padding:clamp(2rem,5vw,4rem) 0;border-bottom:1px solid var(--au-line)}.au-scale-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.au-scale-output{border:1px solid var(--au-line);background:var(--au-panel);padding:1.4rem;min-height:18rem}.au-scale-output h3{font-size:clamp(2rem,5vw,4rem);margin:.35rem 0}.au-scale-output dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--au-line);margin-top:1.5rem}.au-scale-output dl div{background:var(--au-paper);padding:.8rem}.au-scale-output dt{font:.72rem/1.2 ui-sans-serif,system-ui,sans-serif;text-transform:uppercase;color:var(--au-muted)}.au-scale-output dd{margin:.3rem 0 0}.au-compare,.au-observation-lab{padding:clamp(2rem,5vw,4rem) 0;border-bottom:1px solid var(--au-line)}.au-compare-controls{display:grid;grid-template-columns:1fr 1fr auto;gap:1rem;align-items:end;margin-bottom:1rem}.au-compare-controls div{display:grid;gap:.35rem}.au-compare-controls label,.au-observation-form label{font:800 .78rem/1.3 ui-sans-serif,system-ui,sans-serif;text-transform:uppercase;letter-spacing:.05em}.au-compare-controls select,.au-observation-form select,.au-observation-form textarea{width:100%;min-height:44px;border:1px solid var(--au-line);background:var(--au-paper);color:var(--au-ink);padding:.7rem;font:inherit}.au-compare-output,.au-observation-output{border:1px solid var(--au-line);background:var(--au-panel);padding:1.2rem}.au-table-wrap{overflow-x:auto;border:1px solid var(--au-line)}.au-table-wrap table{width:100%;border-collapse:collapse;min-width:42rem;background:var(--au-paper)}.au-table-wrap th,.au-table-wrap td{text-align:left;vertical-align:top;padding:.7rem;border-bottom:1px solid var(--au-line);border-right:1px solid var(--au-line)}.au-table-wrap tr:last-child th,.au-table-wrap tr:last-child td{border-bottom:0}.au-compare-summaries{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}.au-noscript{margin-top:1rem;border-left:.35rem solid var(--au-accent);padding:1rem;background:var(--au-panel)}.au-observation-lab{display:grid;grid-template-columns:minmax(18rem,.85fr) minmax(20rem,1.15fr);gap:clamp(1.5rem,5vw,4rem);align-items:start}.au-observation-form{display:grid;gap:1rem;border:1px solid var(--au-line);background:var(--au-panel);padding:1.2rem}.au-observation-form label{display:grid;gap:.4rem}.au-observation-form small{color:var(--au-muted);text-transform:none;letter-spacing:0;font-weight:400}.au-form-actions button:first-child{background:var(--au-ink);color:var(--au-paper)}.au-observation-output{min-height:20rem}.au-observation-output h3{font-size:clamp(1.6rem,4vw,2.8rem)}.au-case-pair{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,5vw,4rem)}.au-ledger-state{display:inline-block;border:1px solid var(--au-line);padding:.25rem .45rem;font:800 .72rem/1.1 ui-sans-serif,system-ui,sans-serif;text-transform:uppercase;letter-spacing:.05em}.au-stoplist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;list-style:none;padding:1px;background:var(--au-line);border:1px solid var(--au-line)}.au-stoplist li{background:var(--au-paper);padding:1rem}.au-source-boundary{border-left:.4rem solid var(--au-accent);padding-left:clamp(1rem,3vw,2rem)}code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.9em}.au-source-card a,.au-connection-grid a{overflow-wrap:anywhere}@media(max-width:60rem){.au-axis-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.au-process-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.au-process-flow article:last-child{grid-column:1/-1}.au-compare-controls{grid-template-columns:1fr 1fr}.au-compare-controls button{grid-column:1/-1}}@media(max-width:55rem){.au-studio-hero,.au-scale-explorer,.au-observation-lab,.au-case-pair{grid-template-columns:1fr}.au-atlas-grid,.au-representation-grid,.au-source-grid,.au-connection-grid{grid-template-columns:1fr}.au-atlas-card dl,.au-representation-grid dl{grid-template-columns:1fr}.au-compare-summaries{grid-template-columns:1fr}}@media(max-width:38rem){.au-axis-grid,.au-process-flow,.au-stoplist,.au-compare-controls{grid-template-columns:1fr}.au-process-flow article:last-child,.au-compare-controls button{grid-column:auto}.au-scale-buttons{grid-template-columns:1fr}.au-scale-output dl{grid-template-columns:1fr}}
