:where(.beu-root) {
  --beu-ink: #18130E;
  --beu-paper: #F5ECD8;
  --beu-foam: #FFF8E9;
  --beu-straw: #E8C76A;
  --beu-amber: #C87524;
  --beu-copper: #7B3D1F;
  --beu-malt: #5A2F1D;
  --beu-stout: #1E1713;
  --beu-bottle: #315340;
  --beu-muted: #6B5A49;
  --beu-rule: #CDBB96;
  --beu-paper-deep: #E7D8B9;
  --beu-font-display: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;
  --beu-font-body: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --beu-font-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
  --beu-content-max: 76rem;
  --beu-text-max: 46rem;
  --beu-radius-sm: .5rem;
  --beu-radius-md: .875rem;
  --beu-radius-lg: 1.25rem;
  --beu-shadow-instrument: 0 1.1rem 3rem rgba(24, 19, 14, .14);
  --beu-motion-fast: 120ms;
  --beu-motion-standard: 220ms;
  --beu-ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  color: var(--beu-ink);
  background: var(--beu-paper);
  font-family: var(--beu-font-body);
  line-height: 1.6;
  color-scheme: light;
}

.beu-root, .beu-root * { box-sizing: border-box; }
.beu-root a { color: inherit; text-underline-offset: .18em; }
.beu-root img, .beu-root svg { max-width: 100%; }
.beu-root :focus-visible { outline: 3px solid var(--beu-straw); outline-offset: 3px; border-radius: .2rem; }
.beu-root h1, .beu-root h2, .beu-root h3 { font-family: var(--beu-font-display); letter-spacing: -.025em; line-height: 1.04; text-wrap: balance; }
.beu-root h1 { font-size: clamp(2.6rem, 8vw, 6.6rem); margin: .15em 0 .25em; font-weight: 600; }
.beu-root h2 { font-size: clamp(1.8rem, 4vw, 3rem); }
.beu-root p { text-wrap: pretty; }
.beu-root code, .beu-root .beu-mono { font-family: var(--beu-font-mono); }

.beu-skip-link { position: fixed; inset: .75rem auto auto .75rem; z-index: 1000; transform: translateY(-180%); padding: .65rem .9rem; background: var(--beu-stout); color: var(--beu-foam); border-radius: var(--beu-radius-sm); }
.beu-skip-link:focus { transform: translateY(0); }

.beu-shell {
  min-height: 100vh;
  background:
    radial-gradient(circle at 12% 8%, rgba(232,199,106,.24) 0 .22rem, transparent .24rem) 0 0/2.4rem 2.4rem,
    linear-gradient(90deg, rgba(123,61,31,.035) 1px, transparent 1px) 0 0/3rem 3rem,
    var(--beu-paper);
}
.beu-shell__frame { width: min(calc(100% - 1.5rem), var(--beu-content-max)); margin-inline: auto; }
.beu-shell__main { padding: clamp(1.25rem, 4vw, 3rem) 0 clamp(4rem, 9vw, 8rem); }
.beu-shell__content { display: grid; gap: clamp(1.25rem, 3vw, 2.5rem); }

.beu-host-bridge { min-height: 2.9rem; display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .6rem max(.75rem, calc((100vw - var(--beu-content-max))/2)); background: var(--beu-stout); color: var(--beu-foam); font-size: .82rem; letter-spacing: .045em; }
.beu-host-bridge a { text-decoration: none; }
.beu-host-bridge__link { color: var(--beu-straw) !important; }

.beu-universe-header { background: rgba(245,236,216,.96); border-bottom: 1px solid var(--beu-rule); }
.beu-universe-header__identity { width: min(calc(100% - 1.5rem), var(--beu-content-max)); margin-inline: auto; display: grid; grid-template-columns: 1fr; gap: .7rem; padding: 1.1rem 0 .9rem; }
.beu-universe-header__mark { display: inline-flex; width: fit-content; align-items: center; gap: .8rem; text-decoration: none; }
.beu-universe-header__kicker { display: block; font-family: var(--beu-font-mono); text-transform: uppercase; letter-spacing: .13em; font-size: .66rem; color: var(--beu-muted); }
.beu-universe-header__name { display: block; font-family: var(--beu-font-display); font-size: clamp(1.55rem, 4vw, 2rem); line-height: 1; }
.beu-universe-header__tagline { margin: 0; max-width: 42rem; color: var(--beu-muted); font-size: .92rem; }

.beu-observatory-mark { position: relative; width: 2.7rem; aspect-ratio: 1; display: inline-grid; place-items: center; border: 1px solid var(--beu-copper); border-radius: 50%; box-shadow: inset 0 0 0 .32rem rgba(200,117,36,.12); }
.beu-observatory-mark::before, .beu-observatory-mark::after { content: ""; position: absolute; background: var(--beu-copper); opacity: .7; }
.beu-observatory-mark::before { width: 1px; height: 118%; }
.beu-observatory-mark::after { height: 1px; width: 118%; }
.beu-observatory-mark span { position: absolute; border-radius: 50%; background: var(--beu-amber); width: .32rem; height: .32rem; }
.beu-observatory-mark span:nth-child(1) { transform: translate(-.64rem,-.4rem); }
.beu-observatory-mark span:nth-child(2) { transform: translate(.55rem,-.7rem); width: .2rem; height: .2rem; }
.beu-observatory-mark span:nth-child(3) { transform: translate(.4rem,.62rem); width: .44rem; height: .44rem; }

.beu-subnav { border-top: 1px solid var(--beu-rule); overflow-x: auto; scrollbar-width: thin; }
.beu-subnav__list { width: min(calc(100% - 1.5rem), var(--beu-content-max)); margin: 0 auto; padding: 0; list-style: none; display: flex; gap: .15rem; min-width: max-content; }
.beu-subnav__link { position: relative; display: block; padding: .7rem .8rem .75rem; text-decoration: none; font-size: .85rem; font-weight: 650; }
.beu-subnav__link:hover { background: rgba(232,199,106,.2); }
.beu-subnav__link[aria-current="page"]::after { content: ""; position: absolute; inset: auto .75rem 0; height: 3px; background: var(--beu-copper); border-radius: 3px 3px 0 0; }

.beu-breadcrumbs { margin-bottom: clamp(1rem, 2vw, 1.6rem); color: var(--beu-muted); font-size: .8rem; }
.beu-breadcrumbs ol { list-style: none; display: flex; flex-wrap: wrap; gap: .45rem; padding: 0; margin: 0; }
.beu-breadcrumbs li + li::before { content: "/"; margin-right: .45rem; color: var(--beu-copper); }
.beu-breadcrumbs a { text-decoration-thickness: 1px; }

.beu-page-intro { max-width: 66rem; padding: clamp(1rem, 3vw, 2rem) 0 clamp(1rem, 3vw, 2rem); }
.beu-page-intro__summary { max-width: var(--beu-text-max); font-size: clamp(1.05rem, 2vw, 1.35rem); color: var(--beu-muted); margin: 0; }
.beu-eyebrow { margin: 0 0 .5rem; font-family: var(--beu-font-mono); text-transform: uppercase; letter-spacing: .15em; font-size: .68rem; font-weight: 700; color: var(--beu-copper); }
.beu-meta-row { list-style: none; display: flex; flex-wrap: wrap; gap: .5rem; margin: 1.25rem 0 0; padding: 0; }
.beu-meta-row li { padding: .28rem .55rem; border: 1px solid var(--beu-rule); border-radius: 999px; background: rgba(255,248,233,.55); font-family: var(--beu-font-mono); font-size: .7rem; }

.beu-grid { display: grid; gap: clamp(1rem, 2vw, 1.5rem); grid-template-columns: repeat(auto-fit, minmax(min(100%, 17rem), 1fr)); }
.beu-panel { position: relative; overflow: hidden; padding: clamp(1.1rem, 3vw, 2rem); border: 1px solid var(--beu-rule); border-radius: var(--beu-radius-lg); }
.beu-panel--paper { background: rgba(255,248,233,.72); }
.beu-panel--instrument { background: linear-gradient(145deg, rgba(255,248,233,.94), rgba(231,216,185,.72)); box-shadow: var(--beu-shadow-instrument); }
.beu-panel--dark { color: var(--beu-foam); background: radial-gradient(circle at 88% 12%, rgba(232,199,106,.14), transparent 30%), var(--beu-stout); border-color: rgba(232,199,106,.32); }
.beu-panel--dark .beu-eyebrow { color: var(--beu-straw); }
.beu-panel__title { margin: 0 0 .65rem; font-size: clamp(1.45rem, 3vw, 2.25rem); }
.beu-prose { max-width: var(--beu-text-max); }
.beu-prose > :first-child { margin-top: 0; }
.beu-prose > :last-child { margin-bottom: 0; }

.beu-data-band { display: grid; grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr)); margin: 0; border: 1px solid var(--beu-rule); border-radius: var(--beu-radius-md); overflow: hidden; background: rgba(255,248,233,.72); }
.beu-data-band__item { min-width: 0; padding: .9rem 1rem; border-bottom: 1px solid var(--beu-rule); }
.beu-data-band dt { color: var(--beu-muted); font-family: var(--beu-font-mono); text-transform: uppercase; letter-spacing: .1em; font-size: .62rem; }
.beu-data-band dd { margin: .12rem 0 0; font-family: var(--beu-font-display); font-size: 1.5rem; font-variant-numeric: tabular-nums; }
.beu-data-band__item span { display: block; margin-top: .1rem; color: var(--beu-muted); font-size: .72rem; }

.beu-instrument-rule { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: .75rem; font-family: var(--beu-font-mono); font-size: .68rem; text-transform: uppercase; letter-spacing: .12em; color: var(--beu-muted); }
.beu-instrument-rule::before, .beu-instrument-rule::after { content: ""; height: 1px; background: linear-gradient(90deg, transparent, var(--beu-rule)); }
.beu-instrument-rule::after { background: linear-gradient(90deg, var(--beu-rule), transparent); }

.beu-series-key { display: flex; flex-wrap: wrap; gap: .55rem .9rem; padding: 0; list-style: none; }
.beu-series-key li { display: inline-flex; align-items: center; gap: .4rem; font-size: .76rem; }
.beu-series-key__swatch { width: .9rem; height: .9rem; border: 1px solid currentColor; border-radius: .15rem; background: var(--series-color, var(--beu-amber)); }
.beu-series-key__swatch[data-pattern="diagonal"] { background: repeating-linear-gradient(45deg, var(--series-color), var(--series-color) 3px, transparent 3px, transparent 6px); }
.beu-series-key__swatch[data-pattern="crosshatch"] { background: repeating-linear-gradient(45deg, var(--series-color), var(--series-color) 2px, transparent 2px, transparent 5px), repeating-linear-gradient(-45deg, transparent, transparent 3px, var(--series-color) 3px, var(--series-color) 4px); }
.beu-series-key__swatch[data-pattern="dots"] { background: radial-gradient(var(--series-color) 35%, transparent 38%) 0 0/5px 5px; }
.beu-series-key__swatch[data-pattern="horizontal"] { background: repeating-linear-gradient(0deg, var(--series-color), var(--series-color) 2px, transparent 2px, transparent 5px); }
.beu-series-key__swatch[data-pattern="dense"] { background: repeating-linear-gradient(90deg, var(--series-color), var(--series-color) 1px, transparent 1px, transparent 3px), repeating-linear-gradient(0deg, transparent, transparent 2px, var(--series-color) 2px, var(--series-color) 3px); }

.beu-universe-footer { margin-top: clamp(4rem, 8vw, 7rem); padding: 1.4rem 0 2rem; border-top: 1px solid var(--beu-rule); color: var(--beu-muted); display: flex; flex-wrap: wrap; justify-content: space-between; gap: 1rem; font-size: .8rem; }
.beu-universe-footer a { color: var(--beu-ink); }


.beu-observatory-hero { position: relative; display: grid; gap: clamp(1.5rem, 5vw, 4rem); align-items: center; min-height: min(46rem, 78vh); padding: clamp(2rem, 7vw, 6.5rem) 0; }
.beu-observatory-hero::before { content: ""; position: absolute; inset: 7% auto auto -14vw; width: 34vw; aspect-ratio: 1; border: 1px solid rgba(123,61,31,.12); border-radius: 50%; pointer-events: none; }
.beu-observatory-hero__copy { position: relative; z-index: 1; max-width: 47rem; }
.beu-observatory-hero__lede { margin: 0; max-width: 44rem; color: var(--beu-muted); font-size: clamp(1.08rem, 2.1vw, 1.42rem); }
.beu-observatory-hero__actions { display: flex; flex-wrap: wrap; gap: .65rem; margin-top: 1.5rem; }
.beu-action { display: inline-flex; align-items: center; min-height: 2.8rem; padding: .65rem .9rem; border: 1px solid var(--beu-copper); border-radius: 999px; text-decoration: none; font-weight: 750; background: rgba(255,248,233,.72); }
.beu-action:hover { background: rgba(232,199,106,.24); }
.beu-action--primary { color: var(--beu-foam) !important; background: var(--beu-stout); border-color: var(--beu-stout); }
.beu-action--primary:hover { background: var(--beu-malt); }
.beu-observatory-hero__note { margin: 1.5rem 0 0; padding-left: .8rem; border-left: 2px solid var(--beu-copper); color: var(--beu-muted); font-size: .82rem; }
.beu-observatory-hero__instrument { margin: 0; min-width: 0; }
.beu-observatory-hero__instrument figcaption { max-width: 30rem; margin: .8rem auto 0; color: var(--beu-muted); font-size: .72rem; text-align: center; }
.beu-observatory-orbit { position: relative; width: min(100%, 31rem); aspect-ratio: 1; margin-inline: auto; border: 1px solid rgba(123,61,31,.28); border-radius: 50%; background: radial-gradient(circle at center, rgba(232,199,106,.2), transparent 11%), repeating-radial-gradient(circle at center, transparent 0 19%, rgba(123,61,31,.1) 19.1% 19.4%, transparent 19.5% 29%); box-shadow: inset 0 0 4rem rgba(99,75,51,.05); }
.beu-observatory-orbit::before, .beu-observatory-orbit::after { content: ""; position: absolute; inset: 50% 4%; height: 1px; background: rgba(123,61,31,.2); transform-origin: center; }
.beu-observatory-orbit::after { transform: rotate(90deg); }
.beu-observatory-orbit__core { position: absolute; inset: 50% auto auto 50%; translate: -50% -50%; display: grid; place-items: center; width: 4.5rem; aspect-ratio: 1; border-radius: 50%; background: var(--beu-stout); color: var(--beu-foam); font-family: var(--beu-font-mono); letter-spacing: .14em; box-shadow: 0 0 0 .55rem rgba(200,117,36,.13); }
.beu-observatory-orbit__node { position: absolute; display: grid; place-items: center; width: 5.6rem; min-height: 2.8rem; padding: .35rem; border: 1px solid var(--beu-rule); border-radius: 999px; background: rgba(255,248,233,.94); font-family: var(--beu-font-mono); font-size: .55rem; line-height: 1.15; text-align: center; box-shadow: 0 .4rem 1.1rem rgba(24,19,14,.08); }
.beu-observatory-orbit__node[data-orbit="1"] { inset: 5% auto auto 50%; translate: -50% 0; }
.beu-observatory-orbit__node[data-orbit="2"] { inset: 20% 3% auto auto; }
.beu-observatory-orbit__node[data-orbit="3"] { inset: 50% 0 auto auto; translate: 0 -50%; }
.beu-observatory-orbit__node[data-orbit="4"] { inset: auto 6% 19% auto; }
.beu-observatory-orbit__node[data-orbit="5"] { inset: auto auto 4% 50%; translate: -50% 0; }
.beu-observatory-orbit__node[data-orbit="6"] { inset: auto auto 19% 6%; }
.beu-observatory-orbit__node[data-orbit="7"] { inset: 50% auto auto 0; translate: 0 -50%; }
.beu-observatory-orbit__node[data-orbit="8"] { inset: 20% auto auto 3%; }
.beu-observatory-section { display: grid; gap: clamp(1.25rem, 3vw, 2.3rem); padding: clamp(2rem, 5vw, 4.5rem) 0; border-top: 1px solid var(--beu-rule); }
.beu-observatory-section--dark { margin-inline: calc(50% - 50vw); padding-inline: max(.75rem, calc((100vw - var(--beu-content-max))/2)); color: var(--beu-foam); background: radial-gradient(circle at 15% 15%, rgba(232,199,106,.1), transparent 28%), var(--beu-stout); border-top-color: rgba(232,199,106,.24); }
.beu-observatory-section--dark .beu-section-heading > p { color: #d8cdb7; }
.beu-observatory-section--dark .beu-eyebrow { color: var(--beu-straw); }
.beu-section-heading { display: grid; gap: .75rem; align-items: end; }
.beu-section-heading h2 { margin: 0; }
.beu-section-heading > p { max-width: 40rem; margin: 0; color: var(--beu-muted); }
.beu-world-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 17rem), 1fr)); gap: .8rem; }
.beu-world-card { position: relative; min-height: 20rem; padding: 1.15rem; border: 1px solid var(--beu-rule); border-radius: var(--beu-radius-md); background: rgba(255,248,233,.68); }
.beu-world-card__index { position: absolute; inset: .9rem .9rem auto auto; color: rgba(99,75,51,.55); font-family: var(--beu-font-mono); font-size: .68rem; }
.beu-world-card h3 { margin: .35rem 2.3rem .7rem 0; font-size: 1.55rem; }
.beu-world-card h3 a { text-decoration: none; }
.beu-world-card h3 a::after { content: ""; position: absolute; inset: 0; }
.beu-world-card p { color: var(--beu-muted); }
.beu-world-card__cue { margin-top: 1.1rem; font-family: var(--beu-font-mono); font-size: .67rem; letter-spacing: .03em; }
.beu-world-card__phase { position: absolute; inset: auto 1.15rem 1rem; margin: 0; font-size: .64rem; }
.beu-start-grid { display: grid; gap: .65rem; }
.beu-start-card { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.3fr) auto; align-items: center; gap: 1rem; padding: .85rem 1rem; border: 1px solid rgba(232,199,106,.28); border-radius: var(--beu-radius-sm); text-decoration: none; background: rgba(255,248,233,.04); }
.beu-start-card:hover { background: rgba(232,199,106,.09); }
.beu-start-card > span:first-child { color: #d8cdb7; font-size: .83rem; }
.beu-start-card strong { color: var(--beu-foam); }
.beu-start-card > span:last-child { color: var(--beu-straw); font-size: 1.2rem; }
.beu-connection-grid, .beu-mode-grid { display: grid; gap: 1rem; grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr)); }
.beu-connection-card, .beu-mode-grid article { padding: 1.2rem; border-left: 3px solid var(--beu-copper); background: rgba(255,248,233,.62); }
.beu-connection-card h3, .beu-mode-grid h3 { margin: .2rem 0 .55rem; font-size: 1.45rem; }
.beu-connection-card p, .beu-mode-grid p { color: var(--beu-muted); }
.beu-connection-card ul { display: flex; flex-wrap: wrap; gap: .5rem; padding: 0; list-style: none; }
.beu-connection-card li a { display: inline-block; padding: .3rem .55rem; border: 1px solid var(--beu-rule); border-radius: 999px; font-size: .75rem; }
.beu-mode-grid__glyph { display: grid; place-items: center; width: 2rem; aspect-ratio: 1; border: 1px solid var(--beu-copper); border-radius: 50%; color: var(--beu-copper); font-family: var(--beu-font-mono); font-size: .7rem; }
.beu-surprise { display: grid; gap: 1rem; align-items: center; padding: clamp(1.3rem, 4vw, 2.4rem); border: 1px solid var(--beu-copper); border-radius: var(--beu-radius-lg); background: linear-gradient(135deg, rgba(232,199,106,.18), rgba(255,248,233,.72)); }
.beu-surprise h2 { margin: 0; }
.beu-surprise p { max-width: 42rem; color: var(--beu-muted); }
.beu-surprise__target { display: grid; grid-template-columns: 1fr auto; gap: .2rem .8rem; padding: 1rem; border-radius: var(--beu-radius-md); text-decoration: none; background: var(--beu-stout); color: var(--beu-foam) !important; }
.beu-surprise__target > span:first-child { grid-column: 1 / -1; color: var(--beu-straw); font-family: var(--beu-font-mono); font-size: .62rem; text-transform: uppercase; letter-spacing: .1em; }
.beu-surprise__target strong { font-family: var(--beu-font-display); font-size: 1.5rem; }

@media (min-width: 52rem) {
  .beu-observatory-hero { grid-template-columns: minmax(0,1.05fr) minmax(24rem,.95fr); }
  .beu-section-heading { grid-template-columns: minmax(0,1fr) minmax(18rem,34rem); }
  .beu-section-heading > p { justify-self: end; text-align: right; }
  .beu-surprise { grid-template-columns: minmax(0,1.3fr) minmax(18rem,.7fr); }
  .beu-universe-header__identity { grid-template-columns: minmax(0,1fr) minmax(18rem, 32rem); align-items: center; }
  .beu-universe-header__tagline { justify-self: end; text-align: right; }
  .beu-data-band__item { border-bottom: 0; border-right: 1px solid var(--beu-rule); }
  .beu-data-band__item:last-child { border-right: 0; }
}

@media (prefers-reduced-motion: no-preference) {
  .beu-subnav__link, .beu-panel, .beu-observatory-mark { transition: background-color var(--beu-motion-fast) var(--beu-ease), transform var(--beu-motion-standard) var(--beu-ease), box-shadow var(--beu-motion-standard) var(--beu-ease); }
  .beu-panel--instrument:hover { transform: translateY(-2px); }
}

@media (prefers-reduced-motion: reduce) {
  .beu-root *, .beu-root *::before, .beu-root *::after { scroll-behavior: auto !important; animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; }
}

@media (forced-colors: active) {
  .beu-root { forced-color-adjust: auto; }
  .beu-observatory-mark, .beu-panel, .beu-data-band { border: 1px solid CanvasText; }
}


/* BEU005 — Style Constellation */
.beu-style-family-grid, .beu-style-node-grid, .beu-style-neighbor-grid { display: grid; gap: 1rem; grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr)); }
.beu-style-family-card, .beu-style-node { position: relative; padding: 1.15rem; border: 1px solid var(--beu-rule); border-radius: var(--beu-radius-md); background: rgba(255,248,233,.72); }
.beu-style-family-card__index { position: absolute; inset: .85rem .9rem auto auto; color: rgba(99,75,51,.48); font-family: var(--beu-font-mono); font-size: .68rem; }
.beu-style-family-card h3, .beu-style-node h3, .beu-style-neighbor-grid h3 { margin: .2rem 0 .65rem; font-size: 1.4rem; }
.beu-style-family-card h3 a, .beu-style-node h3 a, .beu-style-neighbor-grid h3 a { text-decoration-thickness: .08em; text-underline-offset: .16em; }
.beu-style-family-card p, .beu-style-node p, .beu-style-neighbor-grid p { color: var(--beu-muted); }
.beu-style-family-card ul { display: flex; flex-wrap: wrap; gap: .45rem; margin: 1rem 0 0; padding: 0; list-style: none; }
.beu-style-family-card li a { display: inline-block; padding: .28rem .48rem; border: 1px solid var(--beu-rule); border-radius: 999px; font-size: .72rem; }
.beu-style-node__family { font-family: var(--beu-font-mono); font-size: .68rem; }
.beu-observatory-section--dark .beu-style-node { border-color: rgba(232,199,106,.28); background: rgba(255,248,233,.055); }
.beu-observatory-section--dark .beu-style-node p { color: #d8cdb7; }
.beu-observatory-section--dark .beu-style-node a { color: var(--beu-foam); }
.beu-style-signals { display: grid; gap: .65rem; margin-top: 1rem; }
.beu-style-signal { display: grid; gap: .28rem; }
.beu-style-signal__label { display: flex; justify-content: space-between; gap: .8rem; color: var(--beu-muted); font-family: var(--beu-font-mono); font-size: .67rem; }
.beu-style-signal__label strong { color: var(--beu-ink); }
.beu-style-signal meter { width: 100%; height: .55rem; accent-color: var(--beu-copper); }
.beu-style-signal--compact:nth-child(n+5) { display: none; }
.beu-observatory-section--dark .beu-style-signal__label { color: #d8cdb7; }
.beu-observatory-section--dark .beu-style-signal__label strong { color: var(--beu-foam); }
.beu-style-compare-demo { display: grid; gap: 1.2rem; padding: clamp(1.2rem,3vw,2rem); border: 1px solid var(--beu-copper); border-radius: var(--beu-radius-lg); background: linear-gradient(135deg,rgba(232,199,106,.16),rgba(255,248,233,.65)); }
.beu-style-compare-demo h3 { margin: .1rem 0 .5rem; font-size: clamp(1.45rem,3vw,2.1rem); }
.beu-style-compare-demo p { color: var(--beu-muted); }
.beu-style-compare-demo__deltas { display: flex; flex-wrap: wrap; align-content: start; gap: .5rem; }
.beu-style-compare-demo__deltas span { padding: .45rem .6rem; border: 1px solid var(--beu-rule); border-radius: 999px; font-family: var(--beu-font-mono); font-size: .7rem; background: rgba(255,248,233,.8); }
.beu-style-method-note { margin: clamp(2rem,5vw,4rem) 0; padding: clamp(1.2rem,3vw,2rem); border-left: 4px solid var(--beu-copper); background: rgba(123,61,31,.065); }
.beu-style-method-note h2 { margin: .2rem 0 .6rem; }
.beu-style-method-note p { max-width: 52rem; color: var(--beu-muted); }
.beu-style-identity-grid { display: grid; gap: 1.2rem; padding: clamp(1.4rem,4vw,2.5rem) 0 clamp(2rem,5vw,4rem); }
.beu-style-profile-card { padding: 1.1rem; border: 1px solid var(--beu-rule); border-radius: var(--beu-radius-md); background: rgba(255,248,233,.7); }
.beu-style-facts { display: grid; gap: .65rem; margin: 1rem 0 0; }
.beu-style-facts > div { display: grid; grid-template-columns: minmax(9rem,.7fr) minmax(0,1.3fr); gap: 1rem; padding: .55rem 0; border-bottom: 1px solid var(--beu-rule); }
.beu-style-facts dt { color: var(--beu-muted); font-family: var(--beu-font-mono); font-size: .7rem; }
.beu-style-facts dd { margin: 0; }
.beu-table-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.beu-style-mapping-table { width: 100%; min-width: 42rem; border-collapse: collapse; font-size: .86rem; }
.beu-style-mapping-table caption { padding: 0 0 .7rem; color: var(--beu-muted); text-align: left; }
.beu-style-mapping-table th, .beu-style-mapping-table td { padding: .7rem .75rem; border-bottom: 1px solid var(--beu-rule); text-align: left; vertical-align: top; }
.beu-style-mapping-table thead th { color: var(--beu-muted); font-family: var(--beu-font-mono); font-size: .68rem; text-transform: uppercase; letter-spacing: .06em; }
.beu-code { display: inline-block; padding: .12rem .28rem; border: 1px solid var(--beu-rule); border-radius: .2rem; font-family: var(--beu-font-mono); font-size: .72rem; }
.beu-style-neighbor-grid article { padding: 1rem; border: 1px solid rgba(232,199,106,.28); border-radius: var(--beu-radius-md); background: rgba(255,248,233,.05); }
.beu-style-neighbor-grid article p { color: #d8cdb7; }
.beu-style-neighbor-grid article a { color: var(--beu-foam); }
.beu-muted-copy { color: var(--beu-muted); }

@media (min-width: 54rem) {
  .beu-style-compare-demo { grid-template-columns: minmax(0,1.3fr) minmax(18rem,.7fr); }
  .beu-style-identity-grid { grid-template-columns: minmax(0,.9fr) minmax(22rem,1.1fr); align-items: start; }
}

@media (forced-colors: active) {
  .beu-style-family-card, .beu-style-node, .beu-style-profile-card, .beu-style-method-note, .beu-style-neighbor-grid article { border: 1px solid CanvasText; }
}


/* BEU006 — Ingredient Genome */
.beu-ingredient-grid,.beu-ingredient-thread-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));}
.beu-ingredient-card{padding:1.15rem;border:1px solid var(--beu-rule);border-radius:var(--beu-radius-md);background:rgba(255,248,233,.72);}
.beu-ingredient-card h3,.beu-ingredient-thread-grid h3{margin:.2rem 0 .65rem;font-size:1.35rem;}
.beu-ingredient-card p{color:var(--beu-muted);}
.beu-ingredient-card__meta{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.8rem;}
.beu-ingredient-card__meta span{padding:.25rem .45rem;border:1px solid var(--beu-rule);border-radius:999px;font-family:var(--beu-font-mono);font-size:.65rem;}
.beu-ingredient-card__styles{font-size:.8rem;}
.beu-ingredient-thread-grid article{padding:1rem;border:1px solid var(--beu-rule);border-radius:var(--beu-radius-md);background:rgba(255,248,233,.62);}
.beu-observatory-section--dark .beu-ingredient-thread-grid article{border-color:rgba(232,199,106,.28);background:rgba(255,248,233,.055);}
.beu-observatory-section--dark .beu-ingredient-thread-grid p{color:#d8cdb7;}

/* BEU007 — Process & Fermentation */
.beu-process-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));}
.beu-process-card{position:relative;padding:1.15rem;border:1px solid var(--beu-rule);border-radius:var(--beu-radius-md);background:rgba(255,248,233,.72);}
.beu-process-card__order{position:absolute;inset:.8rem .9rem auto auto;color:rgba(99,75,51,.46);font-family:var(--beu-font-mono);font-size:.66rem;}
.beu-process-card h3{margin:.2rem 2rem .65rem 0;font-size:1.35rem;}
.beu-process-card p{color:var(--beu-muted);}
.beu-process-card__meta{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.8rem;}
.beu-process-card__meta span{padding:.25rem .45rem;border:1px solid var(--beu-rule);border-radius:999px;font-family:var(--beu-font-mono);font-size:.65rem;}
.beu-process-thread{display:flex;flex-wrap:wrap;gap:.55rem;align-items:center;}
.beu-process-thread span{display:inline-flex;align-items:center;gap:.55rem;color:var(--beu-foam);font-family:var(--beu-font-mono);font-size:.72rem;}
.beu-process-thread span:not(:last-child)::after{content:"→";color:var(--beu-straw);}
.beu-process-position-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));}
.beu-process-position-grid article{padding:1rem;border:1px solid var(--beu-rule);border-radius:var(--beu-radius-md);background:rgba(255,248,233,.62);}
.beu-process-position-grid h3{margin:.3rem 0 0;font-size:1.05rem;line-height:1.55;}
@media (forced-colors:active){.beu-process-card,.beu-process-position-grid article{border:1px solid CanvasText;}}

/* BEU008 — Flavor Compass */
.beu-flavor-grid,.beu-flavor-causal-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));}
.beu-flavor-card{padding:1.15rem;border:1px solid var(--beu-rule);border-radius:var(--beu-radius-md);background:rgba(255,248,233,.72);}
.beu-flavor-card h3,.beu-flavor-causal-grid h3{margin:.2rem 0 .65rem;font-size:1.35rem;}
.beu-flavor-card p,.beu-flavor-causal-grid p{color:var(--beu-muted);}
.beu-flavor-card__meta{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.8rem;}
.beu-flavor-card__meta span{padding:.25rem .45rem;border:1px solid var(--beu-rule);border-radius:999px;font-family:var(--beu-font-mono);font-size:.65rem;}
.beu-flavor-causal-grid article{padding:1rem;border:1px solid var(--beu-rule);border-radius:var(--beu-radius-md);background:rgba(255,248,233,.62);}
.beu-observatory-section--dark .beu-flavor-causal-grid article{border-color:rgba(232,199,106,.28);background:rgba(255,248,233,.055);}
.beu-observatory-section--dark .beu-flavor-causal-grid p{color:#d8cdb7;}
.beu-observatory-section--dark .beu-flavor-causal-grid a{color:var(--beu-foam);}
@media (forced-colors:active){.beu-flavor-card,.beu-flavor-causal-grid article{border:1px solid CanvasText;}}

/* BEU009 — Time Cellar */
.beu-history-era-grid,.beu-history-event-grid,.beu-history-tier-grid,.beu-history-context-grid,.beu-history-source-grid,.beu-history-claim-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));}
.beu-history-era-grid article,.beu-history-event-card,.beu-history-tier-grid article,.beu-history-context-grid article,.beu-history-source-card,.beu-history-claim-grid article{position:relative;padding:1.05rem;border:1px solid var(--beu-rule);border-radius:var(--beu-radius-md);background:rgba(255,248,233,.7);}
.beu-observatory-section--dark .beu-history-era-grid article,.beu-observatory-section--dark .beu-history-tier-grid article,.beu-observatory-section--dark .beu-history-context-grid article{border-color:rgba(232,199,106,.28);background:rgba(255,248,233,.055);}
.beu-observatory-section--dark .beu-history-era-grid p,.beu-observatory-section--dark .beu-history-tier-grid p,.beu-observatory-section--dark .beu-history-context-grid p{color:#d8cdb7;}
.beu-observatory-section--dark .beu-history-era-grid a,.beu-observatory-section--dark .beu-history-context-grid a{color:var(--beu-foam);}
.beu-history-era-index,.beu-history-tier{position:absolute;inset:.75rem .85rem auto auto;color:rgba(99,75,51,.5);font-family:var(--beu-font-mono);font-size:.72rem;}
.beu-observatory-section--dark .beu-history-era-index,.beu-observatory-section--dark .beu-history-tier{color:var(--beu-straw);}
.beu-history-event-card h3,.beu-history-era-grid h3,.beu-history-tier-grid h3,.beu-history-source-card h3,.beu-history-context-grid h3,.beu-history-claim-grid h3{margin:.25rem 0 .65rem;font-size:1.25rem;}
.beu-history-event-card p,.beu-history-source-card p,.beu-history-claim-grid p{color:var(--beu-muted);}
.beu-history-chip-row{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.8rem}.beu-history-chip-row span{padding:.25rem .45rem;border:1px solid var(--beu-rule);border-radius:999px;font-family:var(--beu-font-mono);font-size:.64rem;}
.beu-history-event-card[data-history-status="contested"]{border-left:4px solid var(--beu-copper);}
.beu-history-more{margin-top:1.1rem;font-weight:700}.beu-history-rights{font-family:var(--beu-font-mono);font-size:.68rem;}
.beu-history-timeline{display:grid;gap:0;margin:2rem 0 4rem;padding:0;list-style:none}.beu-history-timeline>li{display:grid;grid-template-columns:3.2rem minmax(0,1fr);gap:1rem;position:relative;padding:0 0 1.5rem}.beu-history-timeline>li:not(:last-child)::before{content:"";position:absolute;left:1.55rem;top:2rem;bottom:0;border-left:1px solid var(--beu-copper)}.beu-history-timeline__marker{z-index:1;display:grid;place-items:center;align-self:start;width:3.1rem;height:3.1rem;border:1px solid var(--beu-copper);border-radius:50%;background:var(--beu-paper);font-family:var(--beu-font-mono);font-size:.68rem}.beu-history-timeline article{padding:.2rem 0 1rem}.beu-history-timeline h2{margin:.2rem 0 .55rem;font-size:clamp(1.25rem,3vw,1.8rem)}.beu-history-timeline p{max-width:58rem;color:var(--beu-muted)}.beu-history-boundary{padding-left:.75rem;border-left:2px solid var(--beu-rule);font-size:.86rem}.beu-history-source-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));}
@media (forced-colors:active){.beu-history-era-grid article,.beu-history-event-card,.beu-history-tier-grid article,.beu-history-context-grid article,.beu-history-source-card,.beu-history-claim-grid article,.beu-history-timeline__marker{border:1px solid CanvasText;}}



/* BEU010 — Beer Atlas */
.beu-atlas-place-grid,.beu-atlas-tradition-grid,.beu-atlas-designation-grid,.beu-atlas-link-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));}
.beu-atlas-place-card,.beu-atlas-tradition-card,.beu-atlas-designation-card,.beu-atlas-link-grid article{padding:1.05rem;border:1px solid var(--beu-rule);border-radius:var(--beu-radius-md);background:rgba(255,248,233,.7);}
.beu-atlas-place-card h3,.beu-atlas-tradition-card h3,.beu-atlas-designation-card h3,.beu-atlas-link-grid h3{margin:.25rem 0 .65rem;font-size:1.25rem;}
.beu-atlas-place-card p,.beu-atlas-tradition-card p,.beu-atlas-designation-card p{color:var(--beu-muted);}
.beu-atlas-chip-row{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.8rem;}
.beu-atlas-chip-row span{padding:.25rem .45rem;border:1px solid var(--beu-rule);border-radius:999px;font-family:var(--beu-font-mono);font-size:.64rem;}
.beu-atlas-card-meta{font-family:var(--beu-font-mono);font-size:.7rem;line-height:1.6;}
.beu-atlas-coordinate-field{margin:clamp(1.6rem,4vw,3rem) 0;padding:clamp(.8rem,2vw,1.2rem);border:1px solid var(--beu-rule);border-radius:var(--beu-radius-lg);background:linear-gradient(180deg,rgba(27,26,23,.97),rgba(52,43,33,.97));color:var(--beu-foam);overflow:hidden;}
.beu-atlas-coordinate-field svg{display:block;width:100%;height:auto;min-height:18rem;}
.beu-atlas-graticule{fill:none;stroke:rgba(232,199,106,.22);stroke-width:1;vector-effect:non-scaling-stroke;}
.beu-atlas-point circle{fill:var(--beu-straw);stroke:var(--beu-stout);stroke-width:1;vector-effect:non-scaling-stroke;}
.beu-atlas-point text{fill:var(--beu-foam);font-family:var(--beu-font-mono);font-size:8px;paint-order:stroke;stroke:rgba(27,26,23,.95);stroke-width:2px;stroke-linejoin:round;}
.beu-atlas-coordinate-field figcaption{margin-top:.8rem;color:#d8cdb7;font-size:.82rem;}
.beu-observatory-section--dark .beu-atlas-tradition-card,.beu-observatory-section--dark .beu-atlas-link-grid article{border-color:rgba(232,199,106,.28);background:rgba(255,248,233,.055);}
.beu-observatory-section--dark .beu-atlas-tradition-card p,.beu-observatory-section--dark .beu-atlas-link-grid h3{color:#d8cdb7;}
.beu-observatory-section--dark .beu-atlas-tradition-card a,.beu-observatory-section--dark .beu-atlas-link-grid a{color:var(--beu-foam);}
@media (max-width:42rem){.beu-atlas-coordinate-field svg{min-height:14rem}.beu-atlas-point text{font-size:10px}.beu-atlas-coordinate-field{overflow-x:auto}.beu-atlas-coordinate-field svg{min-width:42rem}}
@media (forced-colors:active){.beu-atlas-place-card,.beu-atlas-tradition-card,.beu-atlas-designation-card,.beu-atlas-link-grid article,.beu-atlas-coordinate-field{border:1px solid CanvasText}.beu-atlas-point circle{fill:CanvasText;stroke:Canvas}.beu-atlas-point text{fill:CanvasText;stroke:Canvas}.beu-atlas-graticule{stroke:CanvasText}}


/* BEU011 — Breweries / People / Institutions */
.beu-actor-grid,.beu-actor-relationship-grid,.beu-actor-source-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));}
.beu-actor-card,.beu-actor-relationship-grid article,.beu-actor-source-card{padding:1.05rem;border:1px solid var(--beu-rule);border-radius:var(--beu-radius-md);background:rgba(255,248,233,.72);}
.beu-actor-card h3,.beu-actor-relationship-grid h3,.beu-actor-source-card h3{margin:.25rem 0 .65rem;font-size:1.25rem;}
.beu-actor-card p,.beu-actor-relationship-grid p,.beu-actor-source-card p{color:var(--beu-muted);}
.beu-actor-meta,.beu-actor-rights{font-family:var(--beu-font-mono);font-size:.7rem;line-height:1.6;}
.beu-observatory-section--dark .beu-actor-relationship-grid article{border-color:rgba(232,199,106,.28);background:rgba(255,248,233,.055);}
.beu-observatory-section--dark .beu-actor-relationship-grid p{color:#d8cdb7}.beu-observatory-section--dark .beu-actor-relationship-grid a{color:var(--beu-foam)}
@media (forced-colors:active){.beu-actor-card,.beu-actor-relationship-grid article,.beu-actor-source-card{border:1px solid CanvasText}}

/* BEU012 — Design & Material Culture */
.beu-design-grid,.beu-design-relation-grid,.beu-design-source-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));}
.beu-design-card,.beu-design-relation-grid article,.beu-design-source-card,.beu-design-rights{padding:1.05rem;border:1px solid var(--beu-rule);border-radius:var(--beu-radius-md);background:rgba(255,248,233,.72);}
.beu-design-card h3,.beu-design-relation-grid h3,.beu-design-source-card h3,.beu-design-rights h3{margin:.25rem 0 .65rem;font-size:1.22rem;}
.beu-design-card p,.beu-design-relation-grid p,.beu-design-source-card p,.beu-design-rights p{color:var(--beu-muted);}
.beu-design-chip-row{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.8rem;}.beu-design-chip-row span{padding:.25rem .45rem;border:1px solid var(--beu-rule);border-radius:999px;font-family:var(--beu-font-mono);font-size:.64rem;}
.beu-design-jump{display:flex;flex-wrap:wrap;gap:.55rem;margin:1.2rem 0 2.2rem;padding:.85rem;border:1px solid var(--beu-rule);border-radius:var(--beu-radius-md);background:rgba(255,248,233,.55)}.beu-design-jump a{padding:.45rem .65rem;border:1px solid var(--beu-rule);border-radius:999px;font-family:var(--beu-font-mono);font-size:.7rem;text-decoration:none}.beu-design-jump a:hover{text-decoration:underline}
.beu-design-boundary{margin:1.25rem 0 2rem;padding:1.05rem 1.2rem;border-left:4px solid var(--beu-copper);background:rgba(123,61,31,.07)}.beu-design-boundary h2{margin:.2rem 0 .6rem}.beu-design-boundary p{max-width:62rem;color:var(--beu-muted)}
.beu-design-rights[data-rights-status="citation_only"],.beu-design-rights[data-rights-status="permission_required"],.beu-design-rights[data-rights-status="unknown"],.beu-design-rights[data-rights-status="institution_specific_terms"]{border-left:4px solid var(--beu-copper)}
.beu-design-notes{display:grid;gap:.65rem;max-width:58rem;padding-left:1.2rem}.beu-design-notes li{padding-left:.35rem;color:var(--beu-muted)}
.beu-design-source-meta{font-family:var(--beu-font-mono);font-size:.7rem;line-height:1.6}.beu-observatory-section--dark .beu-design-card,.beu-observatory-section--dark .beu-design-relation-grid article{border-color:rgba(232,199,106,.28);background:rgba(255,248,233,.055)}.beu-observatory-section--dark .beu-design-card p,.beu-observatory-section--dark .beu-design-relation-grid p{color:#d8cdb7}.beu-observatory-section--dark .beu-design-card a,.beu-observatory-section--dark .beu-design-relation-grid a{color:var(--beu-foam)}
@media (forced-colors:active){.beu-design-card,.beu-design-relation-grid article,.beu-design-source-card,.beu-design-rights,.beu-design-jump{border:1px solid CanvasText}}


/* BEU014 — Graph Discovery Engine */
.beu-discovery-grid,.beu-discovery-path-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));}
.beu-discovery-card,.beu-discovery-path,.beu-discovery-context{padding:1.05rem;border:1px solid var(--beu-rule);border-radius:var(--beu-radius-md);background:rgba(255,248,233,.72);}
.beu-discovery-card h3,.beu-discovery-path h3{margin:.25rem 0 .65rem;font-size:1.2rem}.beu-discovery-card p,.beu-discovery-path p,.beu-discovery-context p{color:var(--beu-muted)}
.beu-discovery-explanation{margin-top:.8rem;padding:.8rem;border-left:3px solid var(--beu-copper);background:rgba(123,61,31,.06)}.beu-discovery-explanation code{font-family:var(--beu-font-mono);font-size:.72rem}.beu-discovery-explanation p{margin:.35rem 0}
.beu-discovery-path ol{display:grid;gap:.8rem;padding-left:1.4rem}.beu-discovery-path li>div{margin:.45rem 0 1rem}.beu-discovery-journey{display:grid;gap:1rem;list-style:none;padding:0;counter-reset:journey}.beu-discovery-journey li{padding:1rem;border:1px solid var(--beu-rule);border-radius:var(--beu-radius-md);background:rgba(255,248,233,.65)}
.beu-observatory-section--dark .beu-discovery-card,.beu-observatory-section--dark .beu-discovery-path{border-color:rgba(232,199,106,.28);background:rgba(255,248,233,.055)}.beu-observatory-section--dark .beu-discovery-card p,.beu-observatory-section--dark .beu-discovery-path p,.beu-observatory-section--dark .beu-discovery-explanation p{color:#d8cdb7}.beu-observatory-section--dark .beu-discovery-card a,.beu-observatory-section--dark .beu-discovery-path a{color:var(--beu-foam)}
@media (forced-colors:active){.beu-discovery-card,.beu-discovery-path,.beu-discovery-context,.beu-discovery-journey li{border:1px solid CanvasText}.beu-discovery-explanation{border-left:3px solid CanvasText}}

/* BEU015 — Learning Paths */
.beu-learning-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));}
.beu-learning-card,.beu-learning-contract,.beu-learning-context,.beu-learning-completion,.beu-learning-pivot{padding:1.05rem;border:1px solid var(--beu-rule);border-radius:var(--beu-radius-md);background:rgba(255,248,233,.72);}
.beu-learning-card h3{margin:.25rem 0 .65rem;font-size:1.22rem}.beu-learning-card p,.beu-learning-contract p,.beu-learning-completion p,.beu-learning-pivot p{color:var(--beu-muted)}
.beu-learning-meta{font-family:var(--beu-font-mono);font-size:.7rem}.beu-learning-objectives{display:grid;gap:.7rem;max-width:64rem}.beu-learning-objectives li{padding-left:.3rem}
.beu-learning-steps{display:grid;gap:1.1rem;list-style:none;padding:0;counter-reset:learning-step}.beu-learning-steps>li>article{padding:clamp(1rem,3vw,1.4rem);border:1px solid var(--beu-rule);border-radius:var(--beu-radius-lg);background:rgba(255,248,233,.62)}
.beu-learning-steps h2{margin:.25rem 0 .7rem;font-size:clamp(1.25rem,3vw,1.75rem)}.beu-learning-refs ul,.beu-learning-pivot ul{display:grid;gap:.4rem;padding-left:1.2rem}.beu-learning-refs span,.beu-learning-pivot span{font-family:var(--beu-font-mono);font-size:.68rem;color:var(--beu-muted)}
.beu-learning-pivot{margin-top:1rem;border-left:4px solid var(--beu-copper)}.beu-learning-completion{margin:2rem 0;border-left:4px solid var(--beu-bottle)}
.beu-observatory-section--dark .beu-learning-card{border-color:rgba(232,199,106,.28);background:rgba(255,248,233,.055)}.beu-observatory-section--dark .beu-learning-card p{color:#d8cdb7}.beu-observatory-section--dark .beu-learning-card a{color:var(--beu-foam)}
@media (forced-colors:active){.beu-learning-card,.beu-learning-contract,.beu-learning-context,.beu-learning-completion,.beu-learning-pivot,.beu-learning-steps>li>article{border:1px solid CanvasText}}


/* BEU020 — Fermentation Theater */
.beu-theater-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr))}
.beu-theater-card,.beu-theater-stage,.beu-theater-network-card,.beu-theater-static{padding:1.05rem;border:1px solid var(--beu-rule);border-radius:var(--beu-radius-md);background:rgba(255,248,233,.72)}
.beu-theater-card h3,.beu-theater-network-card h3{margin:.25rem 0 .65rem}
.beu-theater-card p,.beu-theater-stage p,.beu-theater-network-card p{color:var(--beu-muted)}
.beu-theater-vessel{position:relative;min-height:13rem;overflow:hidden;border:1px solid var(--beu-rule);border-radius:1.2rem 1.2rem .7rem .7rem;background:linear-gradient(to top,rgba(200,117,36,.34),rgba(232,199,106,.16) 68%,rgba(255,248,233,.6));box-shadow:inset 0 0 2rem rgba(70,39,22,.08)}
.beu-theater-vessel::before,.beu-theater-vessel::after{content:"";position:absolute;bottom:10%;left:24%;width:.75rem;height:.75rem;border:1px solid var(--beu-copper);border-radius:50%;animation:beu-ferment-bubble 3.8s linear infinite}
.beu-theater-vessel::after{left:68%;width:.45rem;height:.45rem;animation-duration:2.9s;animation-delay:-1.1s}
.beu-theater-vessel__label{position:absolute;inset:auto 1rem 1rem;font-family:var(--beu-font-mono);font-size:.72rem;color:var(--beu-muted)}
.beu-theater-signal-grid{display:grid;gap:.65rem;margin-top:1rem}
.beu-theater-signal{display:grid;grid-template-columns:minmax(9rem,1fr) 2fr auto;gap:.7rem;align-items:center}
.beu-theater-meter{height:.65rem;border-radius:999px;background:rgba(123,61,31,.1);overflow:hidden;border:1px solid var(--beu-rule)}
.beu-theater-meter>span{display:block;height:100%;width:var(--beu-theater-value);background:linear-gradient(90deg,var(--beu-copper),var(--beu-straw));transition:width var(--beu-motion-standard) var(--beu-ease)}
.beu-theater-signal output{font-family:var(--beu-font-mono);font-size:.7rem}
.beu-theater-flow{display:flex;flex-wrap:wrap;gap:.55rem;align-items:center;padding:1rem;border:1px solid var(--beu-rule);border-radius:var(--beu-radius-md);background:rgba(255,248,233,.62)}
.beu-theater-flow span{padding:.45rem .65rem;border:1px solid var(--beu-rule);border-radius:999px;background:var(--beu-paper)}
.beu-theater-flow i{font-style:normal;color:var(--beu-copper)}
.beu-theater-network{display:grid;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr))}
.beu-theater-network-card code{font-size:.68rem}
@keyframes beu-ferment-bubble{0%{transform:translateY(0) scale(.7);opacity:0}15%{opacity:.8}80%{opacity:.65}100%{transform:translateY(-10rem) scale(1.25);opacity:0}}
@media (prefers-reduced-motion:reduce){
  .beu-theater-vessel::before,.beu-theater-vessel::after{animation:none;display:none}
  .beu-theater-meter>span{transition:none}
}
@media (forced-colors:active){.beu-theater-card,.beu-theater-stage,.beu-theater-network-card,.beu-theater-static,.beu-theater-vessel,.beu-theater-flow{border:1px solid CanvasText}.beu-theater-meter{border:1px solid CanvasText}}


/* BEU027 original data/CSS visual system */
.beu-data-visual{margin:1.4rem 0;padding:1.1rem;border:1px solid var(--beu-rule);border-radius:var(--beu-radius-lg);background:linear-gradient(145deg,rgba(255,248,233,.92),rgba(232,199,106,.09));overflow:hidden}
.beu-data-visual figcaption h2{margin:.15rem 0 .9rem}.beu-data-visual details{margin-top:1rem}.beu-orbit,.beu-mini-graph,.beu-compass-wheel{position:relative;min-height:20rem;max-width:42rem;margin:auto;border:1px dashed var(--beu-rule);border-radius:50%;background:radial-gradient(circle,rgba(232,199,106,.22),transparent 58%)}
.beu-orbit__core,.beu-mini-graph>b,.beu-compass-wheel>b{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:5.4rem;height:5.4rem;border-radius:50%;background:var(--beu-ink);color:var(--beu-paper);font-family:var(--beu-font-mono);letter-spacing:.08em}
.beu-orbit>i,.beu-mini-graph>span,.beu-compass-wheel>span{position:absolute;left:50%;top:50%;transform:rotate(calc(360deg/var(--n)*var(--i))) translateY(-8.3rem) rotate(calc(-360deg/var(--n)*var(--i))) translate(-50%,-50%);font-style:normal;padding:.35rem .55rem;border:1px solid var(--beu-rule);border-radius:999px;background:var(--beu-paper);font-size:.72rem}
.beu-signal-bars{display:grid;gap:.55rem}.beu-signal-bars span{display:grid;grid-template-columns:7rem 1fr;gap:.7rem;align-items:center}.beu-signal-bars i{height:.7rem;border-radius:999px;background:linear-gradient(90deg,var(--beu-copper) var(--v),rgba(123,61,31,.1) var(--v));border:1px solid var(--beu-rule)}
.beu-layer-stack{display:grid;gap:.5rem}.beu-layer-stack span{margin-inline-start:calc(var(--depth)*1rem);padding:.65rem .8rem;border:1px solid var(--beu-rule);border-radius:.45rem;background:rgba(255,255,255,.45)}
.beu-flow-ribbon,.beu-time-ribbon{display:flex;gap:.35rem;overflow-x:auto;padding:.5rem}.beu-flow-ribbon span,.beu-time-ribbon span{min-width:8rem;padding:.7rem;border:1px solid var(--beu-rule);border-radius:.5rem;background:var(--beu-paper)}.beu-flow-ribbon span:not(:last-child)::after{content:"→";float:right;margin-right:-1rem;color:var(--beu-copper)}.beu-time-ribbon small{display:block;margin-top:.3rem}
.beu-atlas-field{position:relative;min-height:19rem;border:1px solid var(--beu-rule);border-radius:.7rem;background:repeating-linear-gradient(0deg,transparent 0 24%,rgba(123,61,31,.09) 25%),repeating-linear-gradient(90deg,transparent 0 24%,rgba(123,61,31,.09) 25%),radial-gradient(ellipse at center,rgba(232,199,106,.16),transparent 70%)}.beu-atlas-field i{position:absolute;width:.7rem;height:.7rem;border-radius:50%;background:var(--beu-copper);border:2px solid var(--beu-paper);transform:translate(-50%,-50%);box-shadow:0 0 0 1px var(--beu-ink)}
.beu-object-shelf{display:grid;grid-template-columns:repeat(auto-fit,minmax(7rem,1fr));gap:.8rem;align-items:end}.beu-object{min-height:9rem;display:grid;place-items:end center;padding:.6rem;border-bottom:3px solid var(--beu-ink)}.beu-object i{display:block;width:3.8rem;height:5.5rem;border:2px solid var(--beu-copper);border-radius:.4rem}.beu-object--1 i{width:2.3rem;border-radius:1rem .9rem .3rem .3rem}.beu-object--2 i{width:3rem;border-radius:.3rem}.beu-object--3 i{width:5rem;height:4rem}.beu-object--4 i{width:3.2rem;height:4.7rem;border-radius:.3rem .3rem 1rem 1rem}.beu-object--5 i{width:5rem;height:6rem}
.beu-glyph-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(4.6rem,1fr));gap:.55rem}.beu-glyph-grid>span{aspect-ratio:1;display:grid;place-items:center;padding:.4rem;border:1px solid var(--beu-rule);border-radius:50%;background:rgba(232,199,106,.12);font-family:var(--beu-font-mono);font-weight:700}.beu-glyph-grid--arcade>span{aspect-ratio:auto;min-height:5.5rem;border-radius:.6rem}.beu-glyph-grid small{display:block;font-weight:400}
.beu-badge-row{display:flex;flex-wrap:wrap;gap:.5rem}.beu-badge-row span{padding:.4rem .6rem;border:1px solid currentColor;border-radius:999px;font-family:var(--beu-font-mono);font-size:.7rem}
@media(max-width:640px){.beu-orbit,.beu-mini-graph,.beu-compass-wheel{min-height:17rem}.beu-orbit>i,.beu-mini-graph>span,.beu-compass-wheel>span{transform:rotate(calc(360deg/var(--n)*var(--i))) translateY(-6.7rem) rotate(calc(-360deg/var(--n)*var(--i))) translate(-50%,-50%);font-size:.62rem}.beu-signal-bars span{grid-template-columns:5.5rem 1fr}}
@media(forced-colors:active){.beu-data-visual,.beu-signal-bars i,.beu-layer-stack span,.beu-flow-ribbon span,.beu-time-ribbon span,.beu-atlas-field,.beu-object i,.beu-glyph-grid>span,.beu-badge-row span{border:1px solid CanvasText}}


/* BEU028 — accessibility / mobile / performance hardening */
.beu-root { overflow-wrap: break-word; }
.beu-root main, .beu-root section, .beu-root article, .beu-root aside, .beu-root figure, .beu-root form { min-width: 0; }
.beu-root a, .beu-root button, .beu-root summary, .beu-root input, .beu-root select { touch-action: manipulation; }
.beu-root button, .beu-root select, .beu-root input:not([type="checkbox"]):not([type="radio"]) { min-height: 2.75rem; font: inherit; }
.beu-root button { cursor: pointer; padding: .58rem .8rem; border: 1px solid var(--beu-copper); border-radius: .5rem; color: var(--beu-ink); background: var(--beu-paper); }
.beu-root summary { cursor: pointer; width: fit-content; min-height: 2.75rem; display: flex; align-items: center; }
.beu-root :target { scroll-margin-top: 1rem; }
.beu-root pre, .beu-root code { overflow-wrap: anywhere; }
.beu-root .beu-table-wrap, .beu-root .beu-table-scroll { max-width: 100%; overflow-x: auto; overscroll-behavior-inline: contain; -webkit-overflow-scrolling: touch; }
.beu-root table { max-width: 100%; }
.beu-root td, .beu-root th { overflow-wrap: anywhere; }
.beu-subnav { overscroll-behavior-inline: contain; }
.beu-subnav__link { min-height: 2.75rem; display: flex; align-items: center; }
.beu-world-card h3 a, .beu-action { min-height: 2.75rem; }
.beu-data-visual { contain: layout style; }
.beu-atlas-field, .beu-orbit, .beu-mini-graph, .beu-compass-wheel { max-width: 100%; }
.beu-flow-ribbon, .beu-time-ribbon { scrollbar-gutter: stable; overscroll-behavior-inline: contain; }
.beu-data-visual details > :not(summary) { max-width: 100%; }
@media (max-width: 42rem) {
  .beu-root h1 { font-size: clamp(2.25rem, 14vw, 4.2rem); overflow-wrap: anywhere; }
  .beu-shell__frame, .beu-universe-header__identity { width: min(calc(100% - 1rem), var(--beu-content-max)); }
  .beu-host-bridge { align-items: flex-start; flex-direction: column; gap: .25rem; padding-inline: .75rem; }
  .beu-subnav__link { padding-inline: .72rem; }
  .beu-start-card { grid-template-columns: 1fr auto; }
  .beu-start-card > span:first-child { grid-column: 1 / -1; }
  .beu-observatory-hero { min-height: auto; }
  .beu-world-card { min-height: 0; }
  .beu-observatory-section--dark { margin-inline: calc(50% - 50vw); }
  .beu-layer-stack span { margin-inline-start: min(calc(var(--depth) * .45rem), 1.8rem); }
  .beu-flow-ribbon span, .beu-time-ribbon span { min-width: 7rem; }
  .beu-atlas-field { min-height: 15rem; }
  .beu-glyph-grid { grid-template-columns: repeat(auto-fit,minmax(4rem,1fr)); }
  .beu-theater-signal { grid-template-columns: 1fr auto; }
  .beu-theater-meter { grid-column: 1 / -1; }
  .beu-root input, .beu-root select, .beu-root textarea { font-size: 1rem; max-width: 100%; }
}
@media (prefers-reduced-data: reduce) {
  .beu-shell, .beu-panel--instrument, .beu-observatory-section--dark, .beu-data-visual, .beu-atlas-field { background-image: none !important; }
  .beu-shadow-instrument { box-shadow: none; }
}
@media (forced-colors: active) {
  .beu-root :focus-visible { outline-color: Highlight; }
  .beu-root button, .beu-root summary, .beu-subnav__link { forced-color-adjust: auto; }
}


/* CSP-safe extraction of source inline style attributes */
.beu-inline-ca17cc7e9e{--beu-theater-value:10%}
.beu-inline-a6ce3787ee{--beu-theater-value:100%}
.beu-inline-15df752645{--beu-theater-value:20%}
.beu-inline-c404aa1211{--beu-theater-value:50%}
.beu-inline-76a86c18b0{--beu-theater-value:55%}
.beu-inline-70d5802778{--beu-theater-value:75%}
.beu-inline-a008a1ed52{--depth:0}
.beu-inline-733d243876{--depth:1}
.beu-inline-713a0ad0c3{--depth:2}
.beu-inline-c7c59f5047{--depth:3}
.beu-inline-46efe17b40{--depth:4}
.beu-inline-475d41e346{--i:0;--n:10}
.beu-inline-5356dd6617{--i:0;--n:6}
.beu-inline-679b6fcc34{--i:0;--n:7}
.beu-inline-1accef7482{--i:1;--n:10}
.beu-inline-36630bcf58{--i:1;--n:6}
.beu-inline-6d7ecf97ed{--i:1;--n:7}
.beu-inline-e54956f40c{--i:2;--n:10}
.beu-inline-b3b50e4c87{--i:2;--n:6}
.beu-inline-2c40d84664{--i:2;--n:7}
.beu-inline-ac825c3b9d{--i:3;--n:10}
.beu-inline-4f6cea72ff{--i:3;--n:6}
.beu-inline-c57c961a49{--i:3;--n:7}
.beu-inline-153e5a0f27{--i:4;--n:10}
.beu-inline-1e14bfa0b6{--i:4;--n:6}
.beu-inline-3559bf68c6{--i:4;--n:7}
.beu-inline-8e20b36d8c{--i:5;--n:10}
.beu-inline-b0ae81259f{--i:5;--n:6}
.beu-inline-d838b670fa{--i:5;--n:7}
.beu-inline-4ebd906de1{--i:6;--n:10}
.beu-inline-e3e2e71746{--i:6;--n:7}
.beu-inline-ce0fcb7218{--i:7;--n:10}
.beu-inline-920cfab86d{--i:8;--n:10}
.beu-inline-9b26a81430{--i:9;--n:10}
.beu-inline-2d3b01f1bc{--series-color:#1E1713}
.beu-inline-3aaf4427d7{--series-color:#315340}
.beu-inline-122e3bb280{--series-color:#5A2F1D}
.beu-inline-706a5ee64d{--series-color:#7B3D1F}
.beu-inline-77bd68be76{--series-color:#C87524}
.beu-inline-bad8bc245b{--series-color:#E8C76A}
.beu-inline-2dcdccb578{--v:18%}
.beu-inline-02f904ba2b{--v:28%}
.beu-inline-e0f9e30b3b{--v:55%}
.beu-inline-f91e125bb5{--v:68%}
.beu-inline-c15a67c9b2{--v:72%}
.beu-inline-51377a917e{grid-column:1/-1}
.beu-inline-ccba06864a{left:15.76%;top:25.24%}
.beu-inline-ff028681c5{left:47.78%;top:20.56%}
.beu-inline-249fa4a3c1{left:48.26%;top:20.37%}
.beu-inline-f305917f0f{left:51.21%;top:21.75%}
.beu-inline-6b6824da7c{left:51.93%;top:21.70%}
.beu-inline-b8c01b6fee{left:52.92%;top:21.39%}
.beu-inline-8127665825{left:53.22%;top:23.26%}
.beu-inline-40563a0d38{left:53.70%;top:23.70%}
.beu-inline-86b9da13d1{left:53.72%;top:22.36%}
.beu-inline-11d721f720{left:53.73%;top:20.82%}
.beu-inline-ab6e17f340{left:54.55%;top:23.22%}