:root {
  --cafe-paper: #f4efe3;
  --cafe-paper-deep: #fbf7ee;
  --cafe-ink: #151310;
  --cafe-dark: #050708;
  --cafe-dark-2: #070a0c;
  --cafe-muted: #6d685f;
  --cafe-cyan: #7bd5dd;
  --cafe-blue: #307c8d;
  --cafe-violet: #6b539d;
  --cafe-blue-ink: #164b8f;
  --cafe-violet-ink: #56387f;
  --cafe-cyan-ink: #07545e;
  --cafe-brief-consensus: #164b8f;
  --cafe-brief-national: #1f5a2d;
  --cafe-brief-ain: #87351a;
  --cafe-gold: #a65331;
  --cafe-warm: #e5b85d;
  --cafe-line: rgba(21, 19, 16, .2);
  --cafe-dark-surface: #050708;
  --cafe-on-dark: #eef6f4;
  --cafe-on-dark-muted: rgba(225, 235, 232, .62);
  --cafe-dark-border: rgba(123, 213, 221, .28);
  --cafe-dark-divider: rgba(123, 213, 221, .18);
  --cafe-section-inset: 1.5rem;
  --cafe-frame-width: min(100%, 1440px);
  --cafe-serif: "Cormorant Garamond", Georgia, serif;
  --cafe-sans: Inter, Arial, sans-serif;
  --cafe-mono: ui-monospace, SFMono-Regular, Menlo, monospace;
}

.cafe-preview-page { min-width: 0; }

.cafe-preview,
.cafe-preview *,
.cafe-preview *::before,
.cafe-preview *::after,
.site-header.cafe-preview-header,
.site-header.cafe-preview-header * { box-sizing: border-box; }

.site-header.cafe-preview-header {
  position: relative;
  inset: auto;
  z-index: 40;
  width: 100%;
  min-height: 4rem;
  height: auto;
  transform: none;
  display: grid;
  grid-template-columns: auto minmax(20rem, 1fr) auto;
  gap: clamp(1rem, 2vw, 2rem);
  align-items: center;
  padding: .42rem max(1rem, calc((100vw - 1360px) / 2));
  background: var(--cafe-paper);
  border-bottom: 1px solid var(--cafe-ink);
  color: var(--cafe-ink);
}
.site-header.cafe-preview-header .brand { position: static; display: inline-flex; align-items: center; gap: .85rem; min-height: 44px; color: inherit; text-decoration: none; }
.site-header.cafe-preview-header .brand-mark { width: 2rem; height: 2rem; }
.site-header.cafe-preview-header .brand span { font: 700 .73rem/1 var(--cafe-sans); letter-spacing: .22em; white-space: nowrap; }
.cafe-header-welcome { min-width: 0; padding-left: 1.75rem; border-left: 1px solid rgba(21,20,17,.4); }
.cafe-header-welcome p { margin: 0; color: var(--cafe-ink); font: 500 1rem/1.25 var(--cafe-serif); white-space: nowrap; }
.site-header.cafe-preview-header nav { position: static; display: flex; align-items: center; gap: clamp(.85rem, 1.4vw, 1.35rem); padding: 0; visibility: visible; opacity: 1; transform: none; pointer-events: auto; }
.site-header.cafe-preview-header nav a { min-height: 44px; display: inline-flex; align-items: center; color: var(--cafe-muted); font: 600 .69rem/1 var(--cafe-sans); letter-spacing: .1em; text-decoration: none; text-transform: uppercase; white-space: nowrap; }
.site-header.cafe-preview-header nav a:hover { color: var(--cafe-ink); }

.cafe-preview {
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0;
  overflow: clip;
  background: var(--cafe-paper);
  color: var(--cafe-ink);
}
.cafe-preview__shell {
  display: grid;
  gap: 1rem;
  width: var(--cafe-frame-width);
  margin: 0 auto;
  padding: 1.5rem 0 0;
}
.cafe-preview .cafe-main-heading,
.cafe-preview-live-band .cafe-main-heading {
  margin: 0;
  font-family: var(--cafe-sans);
  font-size: 2rem;
  font-weight: 700;
  font-style: normal;
  line-height: 2.25rem;
  letter-spacing: -.025em;
  color: var(--cafe-ink);
}
.cafe-preview .cafe-acronym-expansion {
  font-family: var(--cafe-sans);
  font-size: 1rem;
  font-weight: 600;
  font-style: normal;
  line-height: 1.5rem;
  letter-spacing: 0;
}
.cafe-preview .cafe-editorial-byline,
.cafe-preview-live-band .cafe-editorial-byline {
  color: var(--cafe-ink);
  font-family: var(--cafe-sans);
  font-size: 1rem;
  font-weight: 400;
  font-style: normal;
  line-height: 1.5rem;
  letter-spacing: 0;
  opacity: 1;
}
.cafe-preview .cafe-dark-surface,
.cafe-preview-live-band .cafe-dark-surface {
  border-color: var(--cafe-dark-border);
  background: var(--cafe-dark-surface);
  color: var(--cafe-on-dark);
}
.cafe-preview .cafe-dark-surface .cafe-main-heading,
.cafe-preview-live-band .cafe-dark-surface .cafe-main-heading { color: var(--cafe-on-dark); }
.cafe-preview .cafe-dark-surface .cafe-editorial-byline,
.cafe-preview-live-band .cafe-dark-surface .cafe-editorial-byline { color: var(--cafe-on-dark-muted); }
.cafe-preview h1,
.cafe-preview h2,
.cafe-preview h3,
.cafe-preview p { text-wrap: pretty; }
.cafe-preview a:focus-visible,
.cafe-preview button:focus-visible,
.tone-chart__point:focus-visible { outline: 3px solid var(--cafe-cyan); outline-offset: 3px; }

.cafe-instrument-strip {
  position: relative;
  display: grid;
  grid-template-columns: 13.5rem 21rem minmax(0, 1fr);
  grid-template-rows: 2.25rem 7.5rem 2.5rem;
  align-items: baseline;
  height: 13.5rem;
  margin: 0;
  padding-block: .75rem .5rem;
  overflow: hidden;
  border-radius: .45rem;
  background: var(--cafe-dark-surface);
  color: var(--cafe-on-dark);
}
.cafe-strip-heading {
  min-width: 0;
  padding-inline: 1.5rem;
  align-self: baseline;
}
.cafe-identity {
  grid-column: 1;
  grid-row: 1;
  border-right: 1px solid var(--cafe-dark-divider);
}
.cafe-identity__reading {
  grid-column: 1;
  grid-row: 2 / 4;
  min-width: 0;
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: space-between;
  padding: .25rem 1.5rem;
  border-right: 1px solid var(--cafe-dark-divider);
  align-self: stretch;
}
.cafe-identity__expansion {
  max-width: 13rem;
  margin: 0;
  color: var(--cafe-cyan);
}
.cafe-identity__alcove {
  position: relative;
  isolation: isolate;
  width: min(10.375rem, 100%);
  aspect-ratio: 507 / 259;
  overflow: hidden;
  contain: layout paint;
}
.cafe-identity__alcove img {
  position: relative;
  z-index: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  opacity: 0;
  transition: opacity .18s ease;
}
.cafe-identity__alcove[data-alcove-ready="true"] img {
  opacity: 1;
}
.cafe-alcove-ambient {
  position: absolute;
  z-index: 1;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  opacity: 0;
  transition: opacity .18s ease;
  contain: paint;
}
.cafe-identity__alcove[data-alcove-ready="true"] .cafe-alcove-ambient { opacity: 1; }
.cafe-alcove-steam {
  --steam-drift: .16rem;
  --steam-mid-drift: .07rem;
  position: absolute;
  top: 35%;
  left: 64.55%;
  width: 2.1%;
  height: 10.5%;
  opacity: 0;
  transform-origin: 50% 100%;
  will-change: transform, opacity;
}
.cafe-alcove-steam::before {
  position: absolute;
  inset: 0;
  border-left: 1px solid rgba(229, 239, 236, .31);
  border-radius: 50%;
  filter: blur(.3px);
  content: "";
  transform: skewX(-8deg);
}
.cafe-alcove-steam--one {
  animation: cafe-alcove-steam-rise 7.7s cubic-bezier(.34,.02,.38,1) -2.1s infinite;
}
.cafe-alcove-steam--two {
  --steam-drift: -.13rem;
  --steam-mid-drift: -.06rem;
  left: 65.25%;
  height: 12%;
  animation: cafe-alcove-steam-rise 8.9s cubic-bezier(.32,.01,.4,1) -6.2s infinite;
}
.cafe-alcove-steam--three {
  --steam-drift: .09rem;
  --steam-mid-drift: .04rem;
  top: 36%;
  left: 64.9%;
  height: 9.5%;
  animation: cafe-alcove-steam-rise 6.8s cubic-bezier(.36,.04,.42,1) -4.4s infinite;
}
.cafe-alcove-display-life {
  position: absolute;
  top: 13.2%;
  left: 68.55%;
  width: 20.2%;
  height: 21.7%;
  border-radius: 2%;
  background: linear-gradient(180deg, transparent 0 43%, rgba(123,213,221,.2) 50%, transparent 57%);
  mix-blend-mode: screen;
  opacity: 0;
  transform: translate3d(0,-46%,0);
  will-change: transform, opacity;
  animation: cafe-alcove-display-scan 41s linear 5.5s infinite;
}
.cafe-alcove-indicator {
  position: absolute;
  width: .125rem;
  height: .125rem;
  border-radius: 50%;
  background: rgba(229,184,93,.82);
  box-shadow: 0 0 .18rem rgba(229,184,93,.28);
  opacity: 0;
  will-change: opacity;
}
.cafe-alcove-indicator--one {
  top: 31.5%;
  left: 53.1%;
  animation: cafe-alcove-indicator-one 23s linear 2.7s infinite;
}
.cafe-alcove-indicator--two {
  top: 39.5%;
  left: 56.5%;
  background: rgba(123,213,221,.66);
  box-shadow: 0 0 .16rem rgba(123,213,221,.22);
  animation: cafe-alcove-indicator-two 37s linear 11.3s infinite;
}

@keyframes cafe-alcove-steam-rise {
  0%, 14% { opacity: 0; transform: translate3d(0,.08rem,0) scaleX(.82); }
  28% { opacity: .1; }
  50% { opacity: .26; transform: translate3d(var(--steam-mid-drift),-.28rem,0) scaleX(1.05); }
  76% { opacity: .11; }
  100% { opacity: 0; transform: translate3d(var(--steam-drift),-.72rem,0) scaleX(.78); }
}
@keyframes cafe-alcove-display-scan {
  0%, 13% { opacity: 0; transform: translate3d(0,-46%,0); }
  16% { opacity: .07; }
  23% { opacity: .035; }
  29% { opacity: 0; transform: translate3d(0,48%,0); }
  30%, 72% { opacity: 0; transform: translate3d(0,-42%,0); }
  74% { opacity: .055; }
  79% { opacity: .02; }
  83%, 100% { opacity: 0; transform: translate3d(0,44%,0); }
}
@keyframes cafe-alcove-indicator-one {
  0%, 33%, 35%, 37%, 100% { opacity: 0; }
  34%, 36% { opacity: .52; }
}
@keyframes cafe-alcove-indicator-two {
  0%, 67%, 70%, 100% { opacity: 0; }
  68% { opacity: .38; }
  69% { opacity: .12; }
}

.press-oracle__heading {
  grid-column: 2;
  grid-row: 1;
  text-align: center;
  border-right: 1px solid var(--cafe-dark-divider);
}
.press-oracle {
  grid-column: 2;
  grid-row: 2 / 4;
  position: relative;
  display: grid;
  grid-template-rows: 7.5rem 2.5rem;
  min-width: 0;
  min-height: 0;
  padding-inline: 1.5rem;
  border-right: 1px solid var(--cafe-dark-divider);
  align-self: stretch;
}
.press-oracle__primary {
  display: grid;
  grid-template-columns: 7rem minmax(0, 1fr);
  gap: 1rem;
  align-items: center;
  min-width: 0;
}
.press-oracle__instrument {
  --oracle-gas-a: #a65331;
  --oracle-gas-b: #e5b85d;
  --oracle-gas-c: #c98d59;
  --oracle-glow-rgb: 201, 141, 89;
  position: relative;
  width: 7rem;
  aspect-ratio: 1;
  min-height: 7rem;
  margin: 0 auto;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: inherit;
  cursor: pointer;
  isolation: isolate;
  perspective: 14rem;
  filter: drop-shadow(0 .55rem .7rem rgba(0,0,0,.52));
}
.press-oracle__instrument::before,
.press-oracle__instrument::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 4;
  border-radius: 50%;
  pointer-events: none;
}
.press-oracle__instrument::before {
  background:
    radial-gradient(ellipse at 29% 18%, rgba(255,255,255,.38) 0 2%, rgba(231,247,246,.15) 8%, rgba(255,255,255,.035) 22%, transparent 39%),
    radial-gradient(ellipse at 72% 79%, transparent 51%, rgba(0,0,0,.38) 75%, rgba(0,0,0,.7) 100%),
    linear-gradient(132deg, rgba(255,255,255,.095), transparent 31%, rgba(0,0,0,.18) 68%, rgba(255,255,255,.045));
  box-shadow:
    inset .3rem .42rem .7rem rgba(255,255,255,.09),
    inset -.72rem -.82rem 1.15rem rgba(0,0,0,.68);
  mix-blend-mode: screen;
}
.press-oracle__instrument::after {
  z-index: 5;
  border: 1px solid color-mix(in srgb, var(--oracle-gas-b) 52%, rgba(255,255,255,.24));
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.055),
    inset .12rem .18rem .22rem rgba(255,255,255,.2),
    inset -.18rem -.24rem .4rem rgba(0,0,0,.78),
    0 0 1.4rem rgba(var(--oracle-glow-rgb),.2);
}
.press-oracle__sphere {
  position: absolute;
  inset: 0;
  overflow: hidden;
  border-radius: 50%;
  border: 1px solid color-mix(in srgb, var(--oracle-gas-b) 42%, transparent);
  background:
    radial-gradient(ellipse at 23% 30%, color-mix(in srgb, var(--oracle-gas-a) 48%, transparent) 0 5%, rgba(73,55,43,.08) 24%, transparent 40%),
    radial-gradient(ellipse at 66% 21%, color-mix(in srgb, var(--oracle-gas-b) 44%, transparent) 0 8%, transparent 31%),
    radial-gradient(ellipse at 76% 67%, color-mix(in srgb, var(--oracle-gas-c) 40%, transparent) 0 7%, transparent 33%),
    radial-gradient(ellipse at 37% 75%, color-mix(in srgb, var(--oracle-gas-a) 44%, transparent) 0 9%, transparent 35%),
    conic-gradient(from 214deg at 52% 46%, #090c0d, #46362c 11%, #101718 23%, #7c4c32 34%, #182022 47%, #3b2b25 59%, #0b1011 72%, #5c3e2e 84%, #090c0d);
  box-shadow:
    0 0 1.35rem rgba(var(--oracle-glow-rgb),.3),
    inset .75rem .45rem 1.2rem rgba(255,255,255,.055),
    inset 1.1rem .4rem 1.6rem rgba(4,7,8,.56),
    inset -.9rem -1rem 1.4rem rgba(0,0,0,.82);
  pointer-events: none;
  transform: translateZ(-.15rem);
}
.press-oracle__sphere::before,
.press-oracle__sphere::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  filter: blur(.55rem);
  opacity: .86;
}
.press-oracle__sphere::before { inset: 13% 19% 42% 9%; background: radial-gradient(ellipse, color-mix(in srgb, var(--oracle-gas-b) 58%, transparent), color-mix(in srgb, var(--oracle-gas-c) 34%, transparent) 44%, transparent 73%); transform: rotate(-32deg); animation: oracle-cloud-drift-a 17s ease-in-out infinite alternate; }
.press-oracle__sphere::after { inset: 45% 6% 9% 34%; background: radial-gradient(ellipse, color-mix(in srgb, var(--oracle-gas-a) 62%, transparent), color-mix(in srgb, var(--oracle-gas-c) 28%, transparent) 54%, transparent 76%); transform: rotate(24deg); animation: oracle-cloud-drift-b 19s ease-in-out infinite alternate; }
.press-oracle__gas { position: absolute; border-radius: 46% 54% 63% 37%; filter: blur(.55rem); mix-blend-mode: screen; opacity: .56; transform-origin: 50% 50%; will-change: transform, border-radius, opacity; }
.press-oracle__gas--one { inset: 19% 18% 48% 22%; background: linear-gradient(118deg, transparent, var(--oracle-gas-a) 36%, var(--oracle-gas-c) 67%, transparent); transform: rotate(-24deg); animation: oracle-gas-swirl-a 13s ease-in-out infinite alternate; }
.press-oracle__gas--two { inset: 48% 39% 12% 8%; background: linear-gradient(41deg, transparent, var(--oracle-gas-c) 35%, var(--oracle-gas-b) 72%, transparent); transform: rotate(18deg); animation: oracle-gas-swirl-b 16s ease-in-out infinite alternate; }
.press-oracle__gas--three { inset: 31% 7% 31% 49%; background: linear-gradient(151deg, transparent, var(--oracle-gas-b) 38%, var(--oracle-gas-a) 73%, transparent); transform: rotate(-8deg); animation: oracle-gas-swirl-c 11s ease-in-out infinite alternate; }
.press-oracle__word {
  position: absolute;
  inset: 0;
  z-index: 3;
  display: grid;
  place-items: center;
  padding: .5rem;
  text-align: center;
  color: #f3f0e7;
  font: 650 1.125rem/1.5rem var(--cafe-sans);
  letter-spacing: .015em;
  -webkit-text-stroke: .18px rgba(255,255,255,.32);
  text-shadow:
    0 1px 0 rgba(255,255,255,.2),
    0 2px 0 rgba(0,0,0,.9),
    0 4px .24rem rgba(0,0,0,.95),
    0 0 .7rem rgba(var(--oracle-glow-rgb),.42);
  transform: translateY(.06rem) translateZ(.2rem) scale(.985);
}
@keyframes oracle-cloud-drift-a {
  0% { transform: translate(-5%,-2%) rotate(-38deg) scale(.92); opacity: .66; }
  48% { transform: translate(11%,7%) rotate(34deg) scale(1.2); opacity: .92; }
  100% { transform: translate(-1%,15%) rotate(91deg) scale(1.04); opacity: .72; }
}
@keyframes oracle-cloud-drift-b {
  0% { transform: translate(8%,9%) rotate(32deg) scale(.9); opacity: .7; }
  55% { transform: translate(-14%,-5%) rotate(-46deg) scale(1.18); opacity: .94; }
  100% { transform: translate(2%,-15%) rotate(-101deg) scale(1.02); opacity: .74; }
}
@keyframes oracle-gas-swirl-a {
  0% { transform: translate(-10%,-4%) rotate(-28deg) scale(.88,1.12); border-radius: 41% 59% 67% 33%; opacity: .45; }
  52% { transform: translate(18%,19%) rotate(78deg) scale(1.26,.82); border-radius: 63% 37% 42% 58%; opacity: .72; }
  100% { transform: translate(-2%,34%) rotate(154deg) scale(.98,1.18); border-radius: 52% 48% 69% 31%; opacity: .52; }
}
@keyframes oracle-gas-swirl-b {
  0% { transform: translate(7%,18%) rotate(24deg) scale(1.08,.9); border-radius: 58% 42% 38% 62%; opacity: .5; }
  50% { transform: translate(27%,-14%) rotate(-83deg) scale(.84,1.27); border-radius: 37% 63% 61% 39%; opacity: .7; }
  100% { transform: translate(-18%,-24%) rotate(-168deg) scale(1.2,.94); border-radius: 67% 33% 49% 51%; opacity: .54; }
}
@keyframes oracle-gas-swirl-c {
  0% { transform: translate(14%,-12%) rotate(-14deg) scale(.9,1.14); border-radius: 44% 56% 71% 29%; opacity: .46; }
  47% { transform: translate(-22%,16%) rotate(103deg) scale(1.25,.88); border-radius: 66% 34% 45% 55%; opacity: .68; }
  100% { transform: translate(9%,27%) rotate(196deg) scale(1.05,1.2); border-radius: 35% 65% 58% 42%; opacity: .5; }
}
.press-oracle__score-wrap {
  position: relative;
  display: grid;
  grid-template-rows: auto auto;
  height: 100%;
  min-width: 0;
  align-content: center;
  justify-items: center;
  row-gap: .125rem;
}
.press-oracle__score-readout { display: inline-grid; width: 100%; min-width: 0; place-items: center; }
.press-oracle__heading h2,
.tone-chart__heading h2 {
  margin: 0;
  color: var(--cafe-on-dark);
  font: 600 1.25rem/1.5rem var(--cafe-sans);
  letter-spacing: -.015em;
}
.press-oracle__score { display: block; margin: 0; color: var(--cafe-cyan); font: 700 3rem/3.25rem var(--cafe-mono); font-variant-numeric: tabular-nums; letter-spacing: -.035em; }
.press-oracle__score.press-oracle__score--message {
  max-width: 8.25rem;
  color: var(--cafe-on-dark-muted);
  font: 500 1.125rem/1.375rem var(--cafe-sans);
  font-variant-numeric: normal;
  letter-spacing: 0;
  text-align: center;
  white-space: normal;
}
.press-oracle__status {
  position: static;
  width: 100%;
  max-width: 100%;
  color: var(--cafe-warm);
  font: 600 .75rem/1rem var(--cafe-sans);
  letter-spacing: .025em;
  text-align: center;
  white-space: normal;
}
.press-oracle__status[hidden] { display: none; }
.press-oracle__method-link {
  grid-row: 2;
  align-self: start;
  display: inline-flex;
  align-items: center;
  width: max-content;
  max-width: 100%;
  min-height: 2rem;
  margin: 0;
  color: var(--cafe-cyan);
  font: 500 .75rem/1rem var(--cafe-sans);
  text-decoration: underline;
  text-underline-offset: .18em;
}
.press-oracle__method-link:focus-visible { outline: 2px solid var(--cafe-cyan); outline-offset: 2px; }
.press-oracle__reading {
  position: absolute;
  z-index: 5;
  left: 1rem;
  right: 1rem;
  bottom: 1rem;
  padding: .5rem .75rem;
  border: 1px solid var(--cafe-dark-border);
  background: rgba(7,11,12,.96);
  color: var(--cafe-on-dark-muted);
  font: 400 .875rem/1.25rem var(--cafe-sans);
  box-shadow: 0 .6rem 1.5rem rgba(0,0,0,.3);
}
.press-oracle__reading p { margin: 0 0 .25rem; }
.press-oracle__reading p:last-child { margin-bottom: 0; }
.press-oracle__reading p:first-child { display: flex; justify-content: space-between; gap: 1rem; }
.press-oracle__reading strong { color: var(--cafe-on-dark); }

.tone-chart {
  grid-column: 3;
  grid-row: 2 / 4;
  display: grid;
  grid-template-rows: 7.5rem auto;
  min-width: 0;
  min-height: 0;
  padding-inline: 1.5rem;
  align-self: stretch;
}
.tone-chart__heading {
  grid-column: 3;
  grid-row: 1;
  display: grid;
  grid-template-columns: auto minmax(0,1fr) auto;
  gap: 1rem;
  align-items: baseline;
}
.tone-chart__description {
  margin: 0;
  color: var(--cafe-warm) !important;
  font: 400 1rem/1.5rem var(--cafe-sans);
  white-space: nowrap;
}
.tone-chart__links { align-self: baseline; justify-self: end; margin: 0; color: var(--cafe-on-dark-muted); font: 500 .75rem/1rem var(--cafe-sans); letter-spacing: 0; text-transform: none; }
.tone-chart__links a { min-height: 32px; display: inline-flex; align-items: center; color: var(--cafe-cyan); text-decoration: underline; text-underline-offset: .18em; }
.tone-chart__plot { position: relative; min-width: 0; height: 7.5rem; margin: 0; }
.tone-chart__loading,
.cafe-preview__loading { color: var(--cafe-on-dark-muted); font: 400 .875rem/1.25rem var(--cafe-sans); }
.tone-chart__svg { position: absolute; inset: .25rem 0 auto; display: block; width: 100%; min-width: 0; height: 7rem; overflow: visible; }
.tone-chart__dates { position: absolute; inset: auto 0 0; height: 1rem; color: var(--cafe-on-dark-muted); font: 500 .75rem/1rem var(--cafe-sans); }
.tone-chart__dates span { position: absolute; top: 0; white-space: nowrap; transform: translateX(-50%); }
.tone-chart__dates .is-first { transform: none; }
.tone-chart__dates .is-last { transform: translateX(-100%); }
.tone-chart__grid { stroke: rgba(123,213,221,.12); stroke-width: 1; vector-effect: non-scaling-stroke; }
.tone-chart__grid.is-zero { stroke: rgba(123,213,221,.5); stroke-width: 1.35; }
.tone-chart__axis-label,
.tone-chart__date-label { fill: var(--cafe-on-dark-muted); font: 500 12px/16px var(--cafe-sans); }
.tone-chart__line { fill: none; stroke: var(--cafe-cyan); stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
.tone-chart__line.is-estimated { stroke: var(--cafe-gold); stroke-width: 1.7; stroke-dasharray: 3 5; opacity: .9; }
.tone-chart__line.is-illustrative { stroke: var(--cafe-gold); stroke-width: 1.7; stroke-dasharray: 3 4; opacity: .86; }
.tone-chart__line.is-transition { stroke: var(--cafe-cyan); stroke-width: 2; stroke-dasharray: 2 4; opacity: .82; }
.tone-chart__point { stroke: var(--cafe-dark-2); stroke-width: 1.4; cursor: pointer; transform-box: fill-box; transform-origin: center; }
.tone-chart__point:hover,
.tone-chart__point:focus { transform: scale(1.6); }
.tone-chart__point.is-observed { fill: var(--cafe-cyan); }
.tone-chart__point.is-estimated { fill: var(--cafe-gold); opacity: .5; }
.tone-chart__point.is-illustrative { fill: var(--cafe-gold); opacity: .72; }
.tone-chart__meta { min-width: 0; }
.tone-chart__legend { display: flex; flex-wrap: wrap; gap: .25rem .75rem; margin: 0; padding: 0; list-style: none; color: var(--cafe-on-dark-muted); font: 400 .75rem/1rem var(--cafe-sans); }
.tone-chart__legend li { display: inline-flex; align-items: center; gap: .25rem; }
.tone-chart__legend i { width: .8rem; border-top: 2px solid var(--cafe-cyan); }
.tone-chart__legend i.is-unmeasured { border-color: var(--cafe-gold); border-top-style: dashed; }
.tone-chart__inspector {
  position: absolute;
  z-index: 4;
  right: .25rem;
  bottom: 1.15rem;
  max-width: min(21rem,calc(100% - 2.5rem));
  padding: .35rem .5rem;
  border: 1px solid var(--cafe-dark-border);
  background: rgba(7,11,12,.96);
  color: var(--cafe-on-dark-muted);
  font: 400 .75rem/1rem var(--cafe-sans);
  box-shadow: 0 .35rem 1rem rgba(0,0,0,.3);
  pointer-events: none;
}
.tone-chart__inspector strong { display: block; color: var(--cafe-on-dark); }
.tone-chart__inspector span { display: block; }
.tone-chart__inspector[hidden] { display: none; }

.cafe-brief {
  padding: 1.5rem;
  background: var(--cafe-paper);
  color: var(--cafe-ink);
}
.cafe-brief__head {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 1rem;
  align-items: end;
  padding-bottom: .75rem;
  border-bottom: 1px solid var(--cafe-ink);
}
.cafe-brief__heading { display: flex; align-items: baseline; gap: .75rem; }
.cafe-brief__heading p { margin: 0; }
.cafe-brief__date { margin: 0; color: var(--cafe-muted); font: 400 .875rem/1.25rem var(--cafe-sans); letter-spacing: 0; white-space: nowrap; }
.cafe-brief__selection.is-consensus { color: var(--cafe-brief-consensus); }
.cafe-brief__selection.is-ain { color: var(--cafe-brief-ain); }
.cafe-brief__selection.is-national { color: var(--cafe-brief-national); }
.cafe-brief__columns { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 2rem; }
.cafe-brief__list { margin: 0; padding: 0; list-style: none; }
.cafe-brief__item {
  display: grid;
  grid-template-columns: 2.3rem minmax(0,1fr);
  gap: .75rem;
  align-content: start;
  min-width: 0;
  padding: .68rem 0 .72rem;
  border-bottom: 1px solid rgba(21,20,17,.18);
}
.cafe-brief__number { padding-top: .25rem; color: var(--cafe-blue); font: 500 .75rem/1rem var(--cafe-mono); }
.cafe-brief__story { min-width: 0; }
.cafe-brief__headline { color: var(--cafe-ink); font: 600 1.25rem/1.75rem var(--cafe-sans); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .12em; }
.cafe-brief__headline:hover { text-decoration-thickness: 2px; }
.cafe-brief__meta { display: flex; flex-wrap: wrap; gap: .15rem .5rem; align-items: baseline; margin: .2rem 0 0; }
.cafe-brief__source { color: #6c604e; font: 400 .875rem/1.25rem var(--cafe-sans); text-decoration: none; }
.cafe-brief__source:hover { text-decoration: underline; text-underline-offset: .12em; }
.cafe-brief__selection { font: 600 .875rem/1.25rem var(--cafe-sans); letter-spacing: .025em; text-transform: uppercase; }
.cafe-brief__selection.is-other { color: var(--cafe-muted); }
.cafe-brief__columns--more:first-child { margin-top: .5rem; border-top: 1px solid rgba(21,20,17,.38); }
.cafe-brief__item.is-more { padding-block: .58rem .62rem; }
.cafe-brief__item.is-more .cafe-brief__number { color: rgba(23,111,126,.72); }
.cafe-brief__item.is-more .cafe-brief__headline { font-size: 1.0625rem; line-height: 1.45rem; font-weight: 560; }
.cafe-brief__deck {
  display: -webkit-box;
  margin: .2rem 0 0;
  overflow: hidden;
  color: var(--cafe-muted);
  font: 400 .8125rem/1.2rem var(--cafe-sans);
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.cafe-brief__time { color: var(--cafe-muted); font: 400 .8125rem/1.2rem var(--cafe-sans); }
.cafe-brief__more-control { padding-top: 1rem; text-align: center; }
.cafe-brief__more-control[hidden] { display: none; }
.cafe-brief__more-button {
  appearance: none;
  min-height: 2.75rem;
  padding: .65rem 1.1rem;
  border: 1px solid rgba(21,20,17,.55);
  background: transparent;
  color: var(--cafe-ink);
  font: 650 .75rem/1rem var(--cafe-sans);
  letter-spacing: .09em;
  cursor: pointer;
}
.cafe-brief__more-button:hover { background: rgba(21,20,17,.06); }
.cafe-brief__more-button:focus-visible { outline: 2px solid var(--cafe-blue); outline-offset: 3px; }
.cafe-brief__more-button:disabled { cursor: wait; opacity: .65; }
.cafe-brief__more-status { min-height: 1rem; margin: .4rem 0 0; color: var(--cafe-muted); font: 400 .75rem/1rem var(--cafe-sans); }

.cafe-rabbit {
  position: relative;
  margin: 0;
  padding: var(--cafe-section-inset);
  overflow: hidden;
  border-radius: .45rem .45rem 0 0;
  color: var(--cafe-on-dark);
}
.cafe-rabbit__head {
  display: grid;
  grid-template-columns: auto max-content minmax(0, 1fr);
  gap: 1.25rem;
  align-items: baseline;
  margin-bottom: 1rem;
}
.cafe-rabbit__head .cafe-main-heading { display: inline-flex; align-items: center; gap: .22em; }
.cafe-rabbit__glyph { display: block; width: .8em; height: .8em; flex: 0 0 auto; filter: brightness(0) invert(1); }
.cafe-rabbit__head p {
  margin: 0;
  padding: 0;
  border: 0;
  color: var(--cafe-on-dark-muted);
}
.cafe-rabbit__head .cafe-rabbit__expansion {
  color: var(--cafe-cyan);
  white-space: nowrap;
}
.cafe-preview .cafe-rabbit__head .cafe-rabbit__intro {
  color: var(--cafe-warm);
  font-size: .875rem;
  line-height: 1.25rem;
  white-space: nowrap;
}
.cafe-rabbit__cards { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); grid-auto-rows: 1fr; gap: 1rem; align-items: stretch; }
.cafe-rabbit-card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 1rem;
  border: 1px solid var(--cafe-dark-border);
  background: rgba(0,0,0,.19);
}
.cafe-rabbit-card--empty {
  align-items: center;
  justify-content: center;
  min-height: 13rem;
  background: rgba(0,0,0,.08);
  text-align: center;
}
.cafe-rabbit-card--empty p {
  max-width: 18ch;
  margin: 0;
  color: var(--cafe-on-dark-muted);
  font: 500 .875rem/1.25rem var(--cafe-sans);
}
.cafe-rabbit-card.is-slot-1 { border-color: var(--cafe-blue); }
.cafe-rabbit-card.is-slot-2 { border-color: var(--cafe-violet); }
.cafe-rabbit-card.is-slot-3 { border-color: var(--cafe-cyan); }
.cafe-rabbit-card__meta { margin: 0 0 .5rem; color: var(--cafe-on-dark-muted); font: 400 .875rem/1.25rem var(--cafe-sans); letter-spacing: 0; text-transform: none; }
.cafe-rabbit-card h3 { max-width: 32ch; margin: 0; color: var(--cafe-on-dark); font: 600 1.25rem/1.75rem var(--cafe-sans); }
.cafe-rabbit-card__dek { margin: .5rem 0 .75rem; color: var(--cafe-on-dark-muted); font: 400 .875rem/1.25rem var(--cafe-sans); }
.cafe-rabbit-card__action { align-self: flex-end; margin: auto 0 0; color: var(--cafe-on-dark); font: 600 .875rem/1.25rem var(--cafe-sans); letter-spacing: .04em; text-decoration: underline; text-underline-offset: .18em; }
.cafe-rabbit__archive { position: relative; z-index: 2; margin: 1rem 0 0; text-align: right; }
.cafe-rabbit__archive a { color: var(--cafe-cyan); font: 600 .75rem/1.25rem var(--cafe-sans); letter-spacing: .08em; text-underline-offset: .2em; }
.cafe-preview-live-band {
  position: relative;
  width: var(--cafe-frame-width);
  margin: 0 auto;
  padding: 0;
  background: var(--cafe-paper);
}
.cafe-preview-live-band__shell {
  position: relative;
  display: block;
  width: 100%;
  margin: 0;
  overflow: visible;
  border: 0;
  background: transparent;
  box-shadow: none;
}
.cafe-preview-live-band__console {
  --vbg: var(--cafe-dark-surface);
  --vp: var(--cafe-dark-2);
  --vt: var(--cafe-on-dark);
  --vm: var(--cafe-on-dark-muted);
  --vl: var(--cafe-dark-border);
  --vls: rgba(204, 227, 226, .085);
  --vi: var(--cafe-paper);
  --cyan: #20e6ff;
  --pink: #ff4fd8;
  --green: #32f08d;
  --amber: #ffc43d;
  width: 100%;
  color: var(--cafe-on-dark);
  background: var(--cafe-dark-surface);
}
.cafe-preview-live-band .v11-press-band {
  margin: 0;
  padding: var(--cafe-section-inset);
  border-top: 1px solid var(--cafe-dark-divider);
}
.cafe-preview-live-band .v11-compact-head {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 1rem;
  align-items: end;
}
.cafe-preview-live-band .v11-compact-head > div {
  display: grid;
  grid-template-columns: auto minmax(0,1fr);
  gap: 1rem;
  align-items: baseline;
}
.cafe-preview-live-band .press-band-subtitle {
  margin: 0;
  color: var(--cafe-warm) !important;
}
.cafe-preview-live-band .v11-compact-head > p {
  color: var(--cafe-on-dark-muted);
  font: 600 .875rem/1.25rem var(--cafe-sans);
  letter-spacing: 0;
}
.cafe-preview-live-band .press-dial {
  min-height: 45rem;
  margin-top: .75rem;
  padding: .75rem 1rem;
}
.cafe-preview-live-band .press-dial-head {
  display: grid;
  grid-template-columns: auto minmax(0,1fr) auto;
  gap: 1rem;
  align-items: baseline;
  color: var(--cafe-on-dark-muted);
  font: 600 .875rem/1.25rem var(--cafe-sans);
  letter-spacing: .04em;
}
.cafe-preview-live-band .press-dial-method {
  color: var(--cafe-warm);
  font-weight: 500;
  letter-spacing: 0;
  text-align: center;
  text-transform: none;
}
.cafe-preview-live-band .press-dial-head strong {
  font: 600 1rem/1.25rem var(--cafe-mono);
}
.cafe-preview-live-band .press-band-scroll-cue { font: 500 .75rem/1rem var(--cafe-sans); }
.cafe-preview-live-band .press-dial-viewport { overflow: visible; }
.cafe-preview-live-band .press-dial-inner {
  height: 42rem;
  margin: .5rem 2.5rem 0;
}
.cafe-preview-live-band .press-dial-zones { top: 15.875rem; }
.cafe-preview-live-band .press-dial-track { top: 16.5rem; }
.cafe-preview-live-band .press-dial-centerline { top: 15.625rem; }
.cafe-preview-live-band .press-dial-scale {
  top: 17.625rem;
  color: var(--cafe-on-dark-muted);
  font: 500 .75rem/1rem var(--cafe-sans);
  letter-spacing: 0;
}
.cafe-preview-live-band .press-dial-average { top: 15.375rem; }
.cafe-preview-live-band .press-dial-average::after { font: 600 .75rem/1rem var(--cafe-sans); }
.cafe-preview-live-band .press-dial-dot { top: 16.3125rem; }
.cafe-preview-live-band .press-dial-source.is-above .press-dial-line {
  top: calc(3.25rem + (var(--lane) * 3.25rem));
  height: calc(13.25rem - (var(--lane) * 3.25rem));
}
.cafe-preview-live-band .press-dial-source.is-below .press-dial-line {
  top: 16.75rem;
  height: calc(1.5rem + (var(--lane) * 3.25rem));
}
.cafe-preview-live-band .press-dial-source.is-above .press-dial-label { top: calc(.125rem + (var(--lane) * 3.25rem)); }
.cafe-preview-live-band .press-dial-source.is-below .press-dial-label { top: calc(18.25rem + (var(--lane) * 3.25rem)); }
.cafe-preview-live-band .press-dial-label {
  width: 11rem;
  padding: .25rem .375rem;
  gap: 0 .5rem;
}
.cafe-preview-live-band .press-dial-label .press-source-link {
  overflow: visible;
  color: var(--cafe-on-dark);
  font: 500 .875rem/1.25rem var(--cafe-sans);
  letter-spacing: 0;
  text-overflow: clip;
  text-transform: none;
  white-space: normal;
}
.cafe-preview-live-band .press-source-link__tail { white-space: nowrap; }
.cafe-preview-live-band .press-score { font: 600 1rem/1.25rem var(--cafe-mono); }
.cafe-preview-live-band .press-channel-meta { display: none; }
.cafe-preview-live-band :is(.press-dial-unavailable,.press-dial-edge-cluster,.press-dial-anchor) {
  font: 600 .75rem/1rem var(--cafe-sans);
  letter-spacing: .02em;
}
.cafe-preview-live-band .press-dial-unavailable > b,
.cafe-preview-live-band .press-dial-edge-cluster > small { font-size: .75rem; }
.cafe-preview-live-band .press-dial-edge-cluster.is-v3-edge-roster {
  right: 0;
  bottom: .5rem;
  left: 0;
  display: grid;
  width: auto;
  gap: .5rem;
  padding: .75rem 1rem;
  border: 1px dotted var(--cafe-violet);
  background: rgba(4,10,14,.96);
  color: var(--cafe-on-dark);
}
.cafe-preview-live-band .press-dial-edge-cluster.is-v3-edge-roster > header {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: .35rem 1rem;
  align-items: baseline;
}
.cafe-preview-live-band .press-dial-edge-cluster.is-v3-edge-roster > header strong {
  color: var(--cafe-violet);
  font: 600 .875rem/1.25rem var(--cafe-sans);
}
.cafe-preview-live-band .press-dial-edge-cluster.is-v3-edge-roster > header span,
.cafe-preview-live-band .press-dial-edge-cluster.is-v3-edge-roster > p {
  margin: 0;
  color: var(--cafe-on-dark-muted);
  font: 500 .75rem/1rem var(--cafe-sans);
  letter-spacing: 0;
  text-transform: none;
}
.cafe-preview-live-band .press-dial-edge-cluster.is-v3-edge-roster > ul {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: .35rem 1rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.cafe-preview-live-band .press-dial-edge-cluster.is-v3-edge-roster li {
  display: flex;
  min-width: 0;
  justify-content: space-between;
  gap: .5rem;
  border-bottom: 1px solid var(--cafe-dark-divider);
  font: 500 .75rem/1rem var(--cafe-sans);
}
.cafe-preview-live-band .press-dial-edge-cluster.is-v3-edge-roster a,
.cafe-preview-live-band .press-dial-edge-cluster.is-v3-edge-roster li > span { min-width: 0; color: var(--cafe-on-dark); text-decoration: underline; text-underline-offset: .14em; }
.cafe-preview-live-band .press-dial-edge-cluster.is-v3-edge-roster li > small { color: var(--cafe-on-dark-muted); font: 500 .75rem/1rem var(--cafe-sans); white-space: nowrap; }
.cafe-preview-live-band .v11-provenance { padding-inline: var(--cafe-section-inset); }
.cafe-preview-live-band .v11-final-rule { padding-inline: 1.5rem; }
.entry-one-panel--interactive {
  position: relative;
  z-index: 2;
  height: 100%;
  grid-template-columns: 3rem minmax(0,1fr);
  align-items: start;
  overflow: visible;
}
.entry-one-panel--interactive .section-copy {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 0;
  padding-right: 0;
  text-align: center;
}
.entry-one-panel-wrap {
  --entry-gem-lift: clamp(3.7rem, 5.1vw, 5.1rem);
  position: relative;
  grid-column: 1 / -1;
  margin-top: calc(-1 * var(--entry-gem-lift));
  padding-top: var(--entry-gem-lift);
  overflow: visible;
}
.entry-one-ellipse {
  max-width: 34rem;
  margin-top: 1rem;
}
.entry-one-ellipse__poem {
  align-items: center;
  justify-content: flex-start;
  text-align: center;
}
.entry-one-ellipse .poem-line {
  width: 100%;
  max-width: 20ch;
  margin-right: auto;
  margin-left: auto;
  font-size: clamp(1.15rem,1.55vw,1.65rem);
  line-height: 1.08;
  text-align: center;
}
.entry-one-ellipse .orb {
  margin: 1rem auto 0;
  transform-origin: center;
}
.entry-one-ellipse .orb:disabled { cursor: default; opacity: .82; }
.entry-one-ellipse .orb-instruction { margin-top: .5rem; }
.entry-one-ellipse__link {
  display: inline-flex;
  align-self: center;
  margin-top: 1rem;
}
.entry-one-ellipse__link[hidden] { display: none; }
.entry-one-ellipse .noscript-poem { font-size: 1.35rem; line-height: 1.15; }
.entry-one-gem-eyes {
  position: absolute;
  z-index: 3;
  top: 0;
  right: clamp(1.25rem,2.5vw,2rem);
  width: clamp(8rem,11vw,11rem);
  margin: 0;
  /* The artwork's drawn ledge is 77% down its canvas; register that ledge to the card border. */
  transform: none;
  opacity: .82;
  pointer-events: none;
}
.cafe-preview-page .fragment-selection-grid {
  position: relative;
  z-index: 2;
}
.cafe-preview-page .fragment-triad {
  overflow: visible;
}

.cafe-preview-page .fragment-hub { padding-top: 1rem; }
.cafe-preview-page .fragment-wayfinding { margin: 0 0 1rem; }
.cafe-preview-page .fragment-wayfinding h2 {
  margin: 0;
  color: var(--cafe-ink);
  font: 700 2rem/2.25rem var(--cafe-sans);
  letter-spacing: -.025em;
  text-transform: uppercase;
}
.cafe-preview-page .fragment-wayfinding p {
  margin: .25rem 0 0;
  color: var(--cafe-muted);
  font: 400 1rem/1.5rem var(--cafe-sans);
}

.fragment-hub-top .oracle-content .bay-label,
.fragment-triad .oracle-content .bay-label { text-transform: none !important; letter-spacing: .03em !important; }

.cafe-connected-reader .preview-brand__ain { display: inline-flex; align-items: center; gap: .55rem; }
.cafe-connected-reader .preview-brand__ain img { width: 1.35rem; height: 1.35rem; filter: invert(1); }
.cafe-connected-reader .preview-mast,
.cafe-connected-reader .preview-instruments { background: rgba(21,19,16,.97); }
.cafe-connected-reader .instrument-button,
.cafe-connected-reader .entrance__action,
.cafe-connected-reader .open-control,
.cafe-connected-reader .descend-control,
.cafe-connected-reader .reopen-control { min-height: 44px; font-size: 1rem; }
.cafe-connected-reader .trail-node__eyebrow,
.cafe-connected-reader .trail-node__origin,
.cafe-connected-reader .trail-node__source,
.cafe-connected-reader .reader-context__meta,
.cafe-connected-reader .reader-context__status { font-size: .875rem; }
.cafe-connected-reader .trail-node__body,
.cafe-connected-reader .trail-node__dek { font-size: 1.125rem; line-height: 1.58; }
.cafe-connected-reader .trail-node__source a { min-height: 44px; display: inline-flex; align-items: center; }

@media (max-width: 1100px) {
  .site-header.cafe-preview-header { grid-template-columns: auto 1fr; }
  .site-header.cafe-preview-header nav { grid-column: 1 / -1; justify-content: flex-end; margin-top: -.6rem; }
  .cafe-instrument-strip { grid-template-columns: minmax(17rem,.8fr) minmax(24rem,1.2fr); grid-template-rows: 2.25rem auto auto auto; height: auto; }
  .cafe-identity { grid-column: 1 / -1; grid-row: 1; border-right: 0; }
  .cafe-identity__reading { grid-column: 1 / -1; grid-row: 2; height: auto; padding-bottom: .75rem; border-right: 0; border-bottom: 1px solid var(--cafe-dark-divider); }
  .press-oracle__heading { grid-column: 1; grid-row: 3; }
  .press-oracle { grid-column: 1; grid-row: 4; }
  .tone-chart__heading { grid-column: 2; grid-row: 3; grid-template-columns: auto minmax(0,1fr); gap: .25rem .75rem; }
  .tone-chart__description { grid-column: 2; grid-row: 1; }
  .tone-chart__links { grid-column: 1 / -1; grid-row: 2; justify-self: start; }
  .tone-chart { grid-column: 2; grid-row: 4; }
  .cafe-rabbit__head { gap: 1rem; }
}

@media (min-width: 761px) and (max-width: 1180px) {
  .cafe-rabbit__head { grid-template-columns: auto minmax(0,1fr); align-items: baseline; }
  .cafe-rabbit__head .cafe-rabbit__expansion { white-space: normal; }
  .cafe-preview .cafe-rabbit__head .cafe-rabbit__intro { grid-column: 1 / -1; white-space: normal; }
}

@media (max-width: 760px) {
  .cafe-preview,
  .cafe-preview-live-band { --cafe-section-inset: 1rem; }
  .site-header.cafe-preview-header { grid-template-columns: 1fr; gap: .2rem; padding: .65rem 1rem .45rem; }
  .site-header.cafe-preview-header .brand { justify-self: start; }
  .site-header.cafe-preview-header .brand span { font-size: .64rem; }
  .cafe-header-welcome { padding: .35rem 0 0; border: 0; }
  .cafe-header-welcome p { white-space: normal; font-size: .94rem; }
  .site-header.cafe-preview-header nav { grid-column: auto; justify-content: flex-start; width: 100%; margin: 0; overflow-x: auto; }
  .site-header.cafe-preview-header nav a { min-height: 40px; font-size: .68rem; letter-spacing: .12em; }
  .cafe-preview-page main,
  .cafe-preview-page footer { width: min(1440px, calc(100% - 2rem)); }
  .cafe-preview__shell { padding-top: 1rem; }
  .cafe-preview .cafe-main-heading,
  .cafe-preview-live-band .cafe-main-heading { font-size: 1.75rem; line-height: 2rem; }
  .cafe-instrument-strip {
    grid-template-columns: repeat(2,minmax(0,1fr));
    grid-template-rows: 2rem auto auto auto auto;
    align-items: stretch;
    height: auto;
    margin: 0;
    padding-block: .625rem 0;
    overflow: visible;
  }
  .cafe-strip-heading { padding-inline: .625rem; }
  .cafe-identity { grid-column: 1; grid-row: 1; min-height: 0; border-right: 1px solid var(--cafe-dark-divider); }
  .cafe-identity__reading {
    grid-column: 1;
    grid-row: 2;
    gap: .25rem;
    min-height: 7.25rem;
    height: auto;
    padding: .125rem .625rem .5rem;
    border-right: 1px solid var(--cafe-dark-divider);
    border-bottom: 1px solid var(--cafe-dark-divider);
  }
  .cafe-identity__expansion { max-width: 10rem; font-size: .875rem; line-height: 1.125rem; }
  .cafe-identity__alcove { width: min(8.75rem,100%); margin-top: 0; }
  .cafe-identity__alcove[data-alcove-ready="true"] .cafe-alcove-ambient { opacity: .72; }
  .press-oracle__heading { grid-column: 2; grid-row: 1; padding-top: 0; text-align: left; border-right: 0; }
  .press-oracle {
    grid-column: 2;
    grid-row: 2;
    grid-template-rows: 1fr auto;
    min-height: 7.25rem;
    padding: .125rem .625rem .5rem;
    border-right: 0;
    border-bottom: 1px solid var(--cafe-dark-divider);
  }
  .press-oracle__primary {
    grid-template-columns: 1fr;
    grid-template-rows: 3.75rem 4.25rem;
    align-content: center;
    justify-items: center;
    gap: 0;
  }
  .press-oracle__instrument { width: 3.75rem; min-height: 3.75rem; }
  .press-oracle__score-wrap { width: 100%; height: 4.25rem; }
  .press-oracle__word { padding: .35rem; font-size: .6875rem; line-height: .8rem; }
  .press-oracle__method-link {
    width: auto;
    min-height: 2rem;
    align-self: end;
    overflow-wrap: anywhere;
    transform: translateY(.25rem);
  }
  .tone-chart__heading {
    grid-column: 1 / -1;
    grid-row: 3;
    display: grid;
    grid-template-columns: auto minmax(0,1fr) auto;
    gap: .125rem .625rem;
    padding: .625rem .625rem .25rem;
    border-top: 0;
  }
  .tone-chart__heading h2 { grid-column: 1; grid-row: 1; align-self: baseline; padding: 0; }
  .tone-chart__description { grid-column: 1 / -1; grid-row: 2; margin: 0; white-space: normal; }
  .tone-chart__links { grid-column: 3; grid-row: 1; justify-self: end; margin: 0; }
  .tone-chart {
    grid-column: 1 / -1;
    grid-row: 4;
    grid-template-rows: 9.25rem auto;
    padding: 0 .625rem .5rem;
  }
  .press-oracle__heading h2,
  .tone-chart__heading h2 { font-size: 1.125rem; line-height: 1.5rem; }
  .press-oracle__score { font-size: min(2.25rem,10vw); line-height: 1; }
  .press-oracle__status { font-size: .6875rem; line-height: .875rem; letter-spacing: 0; }
  .press-oracle__reading { position: absolute; left: .5rem; right: .5rem; bottom: .5rem; margin-top: .4rem; }
  .tone-chart__plot { height: 9.25rem; }
  .tone-chart__svg.is-compact { height: 8rem; touch-action: pan-y; }
  .tone-chart__legend { display: flex; min-width: 0; gap: .125rem .5rem; font-size: .6875rem; line-height: .875rem; }
  .tone-chart__legend li { min-width: 0; white-space: normal; }
  .cafe-brief { padding: 1rem; }
  .cafe-brief__head { grid-template-columns: 1fr; gap: .7rem; align-items: start; }
  .cafe-brief__heading { display: block; }
  .cafe-brief__heading p { margin-top: .5rem; }
  .cafe-brief__date { justify-self: start; }
  .cafe-brief__columns { grid-template-columns: 1fr; }
  .cafe-brief__headline { font-size: 1.125rem; line-height: 1.625rem; }
  .cafe-brief__item.is-more .cafe-brief__headline { font-size: 1rem; line-height: 1.4rem; }
  .cafe-rabbit { margin: 0; }
  .cafe-rabbit__head { display: block; }
  .cafe-rabbit__head p { margin-top: .7rem; padding: 0; }
  .cafe-rabbit__head .cafe-rabbit__expansion,
  .cafe-preview .cafe-rabbit__head .cafe-rabbit__intro { white-space: normal; }
  .cafe-rabbit__cards { grid-template-columns: 1fr; }
  .cafe-rabbit__archive { text-align: left; }
  .cafe-rabbit-card h3 { font-size: 1.125rem; line-height: 1.625rem; }
  .cafe-preview-live-band { padding-inline: 0; }
  .cafe-preview-live-band .v11-compact-head,
  .cafe-preview-live-band .v11-compact-head > div { grid-template-columns: 1fr; gap: .35rem; }
  .cafe-preview-live-band .press-dial { min-height: 45rem; padding-inline: .5rem; }
  .cafe-preview-live-band .press-dial-viewport { margin: .5rem -.125rem 0; overflow-x: auto; overflow-y: hidden; }
  .cafe-preview-live-band .press-dial-inner { width: 72rem; height: 42rem; margin: 0 1.5rem; }
  .cafe-preview-live-band .press-dial-edge-cluster.is-v3-edge-roster > ul { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .cafe-preview-page .fragment-wayfinding h2 { font-size: 1.75rem; line-height: 2rem; }
  .entry-one-panel--interactive { grid-template-columns: 1fr; gap: .5rem; }
  .entry-one-panel--interactive .section-copy { padding-right: 0; }
  .entry-one-panel-wrap { --entry-gem-lift: 2.55rem; }
  .entry-one-gem-eyes { right: .5rem; width: 5.5rem; }
}

@media (max-width: 340px) {
  .cafe-instrument-strip { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .cafe-identity__expansion { font-size: .8125rem; line-height: 1rem; }
  .cafe-identity__alcove { width: min(7.5rem,100%); }
  .press-oracle__instrument { width: 3.5rem; min-height: 3.5rem; }
  .press-oracle__score { font-size: min(2rem,10vw); line-height: 1; }
  .tone-chart__heading { grid-template-columns: minmax(0,1fr) auto; }
  .tone-chart__description { grid-column: 1 / -1; }
  .tone-chart__links { grid-column: 2; }
}

@media (max-width: 240px) {
  .cafe-instrument-strip { grid-template-columns: minmax(0,1fr); grid-template-rows: 2rem auto 2rem auto auto auto; }
  .cafe-identity { grid-column: 1; grid-row: 1; border-right: 0; }
  .cafe-identity__reading { grid-column: 1; grid-row: 2; border-right: 0; }
  .press-oracle__heading { grid-column: 1; grid-row: 3; padding-top: .5rem; text-align: left; }
  .press-oracle { grid-column: 1; grid-row: 4; min-height: 8rem; border-right: 0; }
  .tone-chart__heading { grid-column: 1; grid-row: 5; }
  .tone-chart { grid-column: 1; grid-row: 6; }
}

@media (prefers-reduced-motion: reduce) {
  .cafe-preview *,
  .cafe-connected-reader * { scroll-behavior: auto !important; animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; }
  .cafe-alcove-steam { animation: none !important; opacity: .07; transform: translate3d(0,-.12rem,0); }
  .cafe-alcove-display-life,
  .cafe-alcove-indicator { animation: none !important; opacity: 0; }
}