@font-face {
  font-family: Poppins;
  src: url("/assets/fonts/poppins-light-dba5a14e51f7.woff2") format("woff2");
  font-weight: 300;
  font-display: swap;
}
@font-face {
  font-family: Poppins;
  src: url("/assets/fonts/poppins-regular-203a23a74011.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}
:root {
  color-scheme: light;
  --bg: #f8fbff;
  --text: #091526;
  --muted: #56647a;
  --line: #dce5ee;
  --surface: #fff;
  --font: Poppins, system-ui, sans-serif;
  /* The app's "Living sky" (wave 1, site A): night for the dark environment band, the four level colours for data,
     the smileys' tints for feelings (FeelingStep.text, ADR-131), ink for buttons and links. The page itself stays light. */
  --night-top: #0c172b;
  --night-bottom: #070d1a;
  --panel: #111d33;
  --text-on-night: #eef2f8;
  --secondary-on-night: #a9b4c6;
  --level-low: #3d8bff;
  --level-typical: #1fd8a4;
  --level-raised: #ffc21a;
  --level-high: #ff4f45;
  --feeling-rough: #80a6eb;
  --feeling-low: #b89cff;
  --feeling-okay: #66ccff;
  --feeling-good: #ffa87a;
  --feeling-great: #ffd666;
  --ink: #0e1a2e;
}
* {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
  scroll-padding-top: 28px;
}
body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font: 400 16px/1.65 var(--font);
  font-synthesis: none;
  -webkit-font-smoothing: antialiased;
}
a {
  color: inherit;
  text-underline-offset: 5px;
}
a:hover {
  color: var(--ink);
}
a:focus-visible,
summary:focus-visible,
.table-scroll:focus-visible {
  outline: 3px solid var(--level-low);
  outline-offset: 6px;
  border-radius: 4px;
}
img {
  display: block;
  max-width: 100%;
  height: auto;
}
h1,
h2,
h3,
p,
figure {
  margin: 0;
}
h1,
h2,
h3 {
  font-weight: 300;
}
h1 {
  font-size: clamp(48px, 4.45vw, 64px);
  line-height: 1.08;
  letter-spacing: -0.052em;
}
h2 {
  font-size: clamp(36px, 3.5vw, 50px);
  line-height: 1.18;
  letter-spacing: -0.047em;
}
h3 {
  font-size: 22px;
  line-height: 1.4;
  letter-spacing: -0.02em;
}
.wrap {
  width: min(1220px, calc(100% - 112px));
  margin-inline: auto;
}
.skip {
  position: absolute;
  left: 20px;
  top: -100px;
  z-index: 10;
  background: #0d2038;
  color: white;
  padding: 12px 20px;
}
.skip:focus {
  top: 10px;
}
.ui-icon {
  width: 22px;
  height: 22px;
  flex-shrink: 0;
}
.site-header {
  height: 104px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  position: relative;
  z-index: 2;
}
.brand {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  text-decoration: none;
  font-size: 22px;
  letter-spacing: -0.045em;
  white-space: nowrap;
}
.brand img {
  border-radius: 24%;
  flex-shrink: 0;
}
.brand-second {
  color: inherit;
}
nav {
  display: flex;
  gap: 30px;
  align-items: center;
}
nav a {
  text-decoration: none;
  font-size: 14px;
  min-height: 44px;
  display: flex;
  align-items: center;
  gap: 12px;
}
.nav-explore {
  border-radius: 40px;
  background: var(--ink);
  color: #fff;
  padding: 10px 20px;
}
@media (hover: hover) {
  .nav-explore:hover {
    background: #16243c;
    color: white;
  }
}
.nav-explore .ui-icon,
.button .ui-icon {
  filter: invert(1);
}
.explore-short {
  display: none;
}
.button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 26px;
  min-height: 54px;
  padding: 13px 28px;
  background: var(--ink);
  color: #fff;
  border-radius: 40px;
  text-decoration: none;
  font-size: 16px;
  transition:
    background 0.18s,
    transform 0.18s;
}
.button {
  -webkit-tap-highlight-color: transparent;
}
@media (hover: hover) {
  .button:hover {
    background: #16243c;
    color: white;
    transform: translateY(-2px);
  }
}
.button:active {
  background: #16243c;
  color: white;
}
.availability {
  font-size: 14px;
  color: #64718a;
  margin-top: 12px;
}
.eyebrow {
  font-size: 11px;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  color: #567b99;
  margin-bottom: 14px;
}
.chapter-heading {
  margin-bottom: 32px;
}
.plans {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  padding: 0 20px;
}
.plan + .plan {
  border-left: 1px solid var(--line);
  padding-left: 60px;
}
.plan h3 {
  font-size: 26px;
}
.plan ul {
  list-style: none;
  padding: 0;
  margin: 12px 0 0;
}
.plan li {
  position: relative;
  padding: 7px 0 7px 30px;
  font-size: 16px;
  color: #4d5f76;
}
.plan li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 11px;
  width: 18px;
  height: 18px;
  background-color: #408e84;
  mask: url("/assets/icons/check2.svg") center/contain no-repeat;
}
.faq-section {
  display: grid;
  grid-template-columns: 1fr 1.6fr;
  gap: 80px;
  padding: 32px 0 30px;
}
.faq-section h2 {
  font-size: 38px;
}
.faq details {
  border-bottom: 1px solid var(--line);
  padding: 14px 0;
}
.faq details:first-child {
  padding-top: 0;
}
.faq summary {
  font-size: 16px;
  cursor: pointer;
  list-style: none;
  display: flex;
  gap: 24px;
  justify-content: space-between;
  min-height: 44px;
  align-items: center;
}
.faq summary::-webkit-details-marker {
  display: none;
}
.faq summary:after {
  content: "";
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  background: url("/assets/icons/plus.svg") center/contain no-repeat;
}
.faq details[open] summary:after {
  background-image: url("/assets/icons/dash.svg");
}
.faq details p {
  font-size: 14px;
  line-height: 1.8;
  color: var(--muted);
  padding: 12px 28px 8px 0;
}
.closing {
  padding: 60px 0 68px;
  text-align: center;
}
.closing-icon {
  border-radius: 24%;
  margin: 0 auto 22px;
}
.closing h2 {
  font-size: 38px;
}
.closing .button {
  margin-top: 25px;
}
.closing .availability {
  font-size: 13px;
}
.site-footer {
  border-top: 1px solid var(--line);
  padding: 28px 0 24px;
}
.footer-top,
.footer-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}
.footer-top .brand {
  font-size: 16px;
}
.footer-top nav {
  gap: 24px;
}
.footer-top nav a {
  font-size: 12px;
}
.footer-email {
  font-size: 12px;
  text-decoration: none;
}
.footer-bottom {
  margin-top: 22px;
  color: #5f7188;
  font-size: 11px;
}
.prose {
  max-width: 800px;
  margin: 45px auto 100px;
  overflow-wrap: anywhere;
}
.prose h1 {
  font-size: clamp(40px, 6vw, 66px);
  margin-bottom: 28px;
}
.prose h2 {
  font-size: 27px;
  margin: 44px 0 16px;
}
.prose h3 {
  font-size: 19px;
  margin: 30px 0 12px;
  font-weight: 400;
}
.prose p,
.prose li {
  color: var(--muted);
  font-size: 15px;
}
.prose p + p {
  margin-top: 18px;
}
.prose ul {
  padding-left: 22px;
}
.prose li {
  margin: 12px 0;
}
.prose strong {
  font-weight: 400;
  color: var(--text);
}
.prose a {
  color: #245a91;
}
.prose hr {
  border: 0;
  border-top: 1px solid var(--line);
  margin: 38px 0;
}
.table-scroll {
  overflow-x: auto;
}
.prose table {
  border-collapse: collapse;
  width: 100%;
  font-size: 13px;
  margin-top: 20px;
  min-width: 500px;
}
.prose th,
.prose td {
  text-align: left;
  vertical-align: top;
  padding: 12px;
  border: 1px solid var(--line);
}
.prose th {
  font-weight: 400;
}
.prose td {
  color: var(--muted);
}
.support-callout {
  padding: 28px;
  border: 1px solid var(--line);
  background: var(--surface);
  border-radius: 20px;
  margin: 24px 0 40px;
}
.support-callout .button {
  margin-top: 20px;
  color: white;
}
.brand-download {
  width: 200px;
  border-radius: 24%;
  margin: 30px 0;
}
.prose .faq {
  margin-top: 30px;
}
.prose .faq summary {
  color: var(--text);
}
.prose .availability {
  margin-top: 24px;
}
.prose .button {
  color: white;
  margin-top: 24px;
}
@media (max-width: 1100px) {
  .wrap {
    width: calc(100% - 64px);
  }
  .site-header {
    height: 92px;
  }
  .brand {
    font-size: 19px;
  }
  nav {
    gap: 20px;
  }
  .footer-top {
    flex-wrap: wrap;
  }
  .footer-email {
    margin-left: auto;
  }
}
@media (max-width: 900px) and (min-width: 721px) {
  .plans {
    gap: 28px;
  }
  .plan + .plan {
    padding-left: 28px;
  }
  .plan li {
    font-size: 14px;
  }
  .faq-section {
    gap: 40px;
  }
}
@media (max-width: 720px) {
  .wrap {
    width: calc(100% - 40px);
  }
  .site-header {
    height: 78px;
    gap: 14px;
  }
  .brand {
    font-size: 17px;
    gap: 10px;
    letter-spacing: -0.04em;
  }
  .brand img {
    width: 34px;
    height: 34px;
  }
  /* Today and Learn keep a gap at every phone width (651–720 px had none since the pill left the phone header). */
  .site-header nav {
    gap: 12px;
  }
  .site-header .nav-section {
    display: none;
  }
  /* Phones keep Today and Learn only: the pill does not fit beside the brand at 430 px and a bare "Explore" is not a button; every page has its own App Store button. */
  .site-header .nav-explore {
    display: none;
  }
  .availability {
    font-size: 12px;
    margin-top: 10px;
  }
  .eyebrow {
    font-size: 10px;
    margin-bottom: 12px;
  }
  h2 {
    font-size: 34px;
    line-height: 1.2;
  }
  .chapter-heading {
    margin-bottom: 27px;
  }
  .plans {
    grid-template-columns: 1fr;
    gap: 26px;
    padding: 0;
  }
  .plan + .plan {
    border-left: 0;
    border-top: 1px solid var(--line);
    padding: 24px 0 0;
  }
  .plan h3 {
    font-size: 24px;
  }
  .plan li {
    font-size: 14px;
  }
  .faq-section {
    grid-template-columns: 1fr;
    gap: 24px;
    padding: 24px 0 16px;
  }
  .faq-section h2 {
    font-size: 31px;
  }
  .faq-section h2 br {
    display: none;
  }
  .faq summary {
    font-size: 14px;
    gap: 18px;
  }
  .faq details p {
    font-size: 13px;
    padding-right: 12px;
  }
  .closing {
    padding: 42px 0 48px;
  }
  .closing-icon {
    width: 60px;
    height: 60px;
    margin-bottom: 20px;
  }
  .closing h2 {
    font-size: 30px;
  }
  .closing .button {
    font-size: 14px;
    min-height: 48px;
    margin-top: 22px;
  }
  .closing .availability {
    font-size: 12px;
  }
  .footer-top,
  .footer-bottom {
    align-items: flex-start;
    flex-direction: column;
    gap: 16px;
  }
  .footer-top nav {
    flex-wrap: wrap;
    gap: 23px;
  }
  .footer-email {
    margin-left: 0;
    font-size: 12px;
  }
  .footer-bottom {
    gap: 7px;
    margin-top: 24px;
    font-size: 10px;
  }
  .site-footer {
    padding-top: 26px;
  }
  .prose {
    margin: 32px auto 64px;
  }
  .prose h1 {
    font-size: 40px;
  }
  .prose p,
  .prose li {
    font-size: 14px;
  }
  .prose h2 {
    font-size: 25px;
  }
  .support-callout {
    padding: 22px;
  }
  .support-callout .button {
    font-size: 13px;
    max-width: 100%;
    padding: 12px 18px;
  }
}
@media (max-width: 380px) {
  .brand {
    font-size: 15px;
    gap: 8px;
  }
  .brand img {
    width: 30px;
    height: 30px;
  }
}
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
  *,
  *:before,
  *:after {
    transition: none !important;
    animation: none !important;
  }
}

/* A full-width lunar closing scene, with links on a quiet dark foundation. */
.home-page .lunar-finale {
  position: relative;
  overflow: clip;
  padding: 82px 0 0;
  margin-top: 48px;
  background: #070d14;
  color: #f3f7fd;
}
.closing-copy { position: relative; z-index: 1; }
.lunar-finale h2 {
  max-width: 850px;
  margin-inline: auto;
  font-size: clamp(38px, 4.6vw, 66px);
  line-height: 1.12;
}
.lunar-finale .button { background: #f0f6ff; color: #101c2c; }
.lunar-finale .button .ui-icon { filter: none; }
.lunar-finale .button:hover { background: #d6e7ff; }
.lunar-finale .availability { color: #aebdce; }
.lunar-stage {
  position: relative;
  height: clamp(340px, 44vw, 660px);
  overflow: clip;
  margin-top: -35px;
}
.lunar-art {
  position: absolute;
  width: 100%;
  max-width: none;
  height: 100%;
  object-fit: cover;
  object-position: center 38%;
  transform-origin: 50% 60%;
  mask-image: linear-gradient(to bottom, transparent, #000 19%, #000 82%, transparent);
}
.home-page .site-footer {
  width: 100%;
  max-width: none;
  margin-top: 0;
  padding: 34px max(28px, calc((100vw - 1220px) / 2)) 28px;
  background: #070d14;
  color: #dbe6f3;
  border-top: 1px solid #ffffff14;
}
.home-page .footer-bottom { color: #a4b3c6; }
.home-page .site-footer a:hover { color: #fff; }
@media (max-width: 720px) {
  .home-page .lunar-finale { padding-top: 56px; margin-top: 34px; }
  .lunar-finale h2 { max-width: 360px; font-size: clamp(34px, 9.2vw, 42px); }
  .lunar-stage { height: 360px; margin-top: -6px; }
  .lunar-art { width: 170%; left: -35%; object-position: 56% center; }
  .home-page .site-footer { padding: 28px 24px 26px; }
}

/* Keep every navigation destination inside narrow tablet widths. */
@media (min-width: 721px) and (max-width: 900px) {
  .site-header { gap: 16px; }
  .site-header nav { gap: 8px; }
  .site-header .explore-full { display: none; }
  .site-header .explore-short { display: inline; }
}

/* Shared assistive text used by every interactive laboratory. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Scroll choreography is an enhancement. The static layout is always the base. */
.home-hero {
  --earth-drift: 210px;
  --earth-zoom: 1.14;
  --phone-lift: -88px;
}

/* JS only selects/scrubs these same keyframes if native timelines are absent. */
@media (prefers-reduced-motion: no-preference) {
  .motion-fallback .home-art > img { animation: earth-depth 1s linear both paused; transform-origin: 50% 100%; }
  .motion-fallback .home-hero-phone .home-phone { animation: phone-depth 1s linear both paused; transform-origin: 50% 80%; }
  .motion-fallback :is(.home-section-copy, .faq-section > div:first-child, .closing-copy) { animation: chapter-arrive 1s linear both paused; }
  .motion-fallback .home-section > .home-shot { animation: surface-arrive 1s linear both paused; transform-origin: 50% 100%; }
  .motion-fallback .home-week img { animation: journal-day-arrive 1s linear both paused; }
  .motion-fallback .lunar-art { animation: moon-rise 1s linear both paused; }
  /* Phones have no art and the hero's phone is the still peek (site premium 3, task 3). */
  @media (max-width: 720px) {
    .motion-fallback .home-hero-phone .home-phone { animation: none; }
    .motion-fallback .home-section > .home-shot { animation-name: surface-arrive-mobile; }
  }
}
@media (prefers-reduced-motion: no-preference) {
  @supports (animation-timeline: view(block)) and
    (animation-timeline: scroll(root block)) and (view-timeline: --scene block)
    and (animation-range: entry 0% cover 30%) and (animation-range: 0px 100vh) {

    /* Root timeline avoids the decorative overflow containers becoming scrollers. */
    .home-art > img {
      animation: earth-depth linear both;
      animation-timeline: scroll(root block);
      animation-range: 0px 1100px;
      transform-origin: 50% 100%;
    }
    .home-hero-phone .home-phone {
      animation: phone-depth linear both;
      animation-timeline: scroll(root block);
      animation-range: 0px 1100px;
      transform-origin: 50% 80%;
    }

    /* Finish each entrance in the lower part of the viewport, before reading. The field guide's chapter headings
       (knowledge pages) share the same entrance. */
    .home-section-copy,
    .chapter-heading,
    .faq-section > div:first-child,
    .closing-copy {
      animation: chapter-arrive linear both;
      animation-timeline: view(block);
      animation-range: entry 0% cover 24%;
    }
    .home-section > .home-shot {
      animation: surface-arrive linear both;
      animation-timeline: view(block);
      animation-range: entry 0% cover 30%;
      transform-origin: 50% 100%;
    }

    .home-week {
      view-timeline: --week block;
    }
    .home-week img {
      animation: journal-day-arrive linear both;
      animation-timeline: --week;
      animation-range: entry 12% entry 65%;
    }
    .home-week li:nth-child(3) img {
      animation-range: entry 20% entry 70%;
    }
    .home-week li:nth-child(4) img {
      animation-range: entry 28% entry 75%;
    }
    .home-week li:nth-child(5) img {
      animation-range: entry 36% entry 80%;
    }
    .home-week li:nth-child(6) img {
      animation-range: entry 44% entry 85%;
    }
    .home-week li:nth-child(7) img {
      animation-range: entry 52% entry 90%;
    }

    .lunar-stage { view-timeline: --lunar block; }
    .lunar-art {
      animation: moon-rise linear both;
      animation-timeline: --lunar;
      animation-range: entry 0% entry 85%;
    }

    /* Keyboard navigation always wins over decorative motion. */
    :is(.home-section-copy, .chapter-heading, .home-shot, .closing-copy):focus-within {
      animation: none;
    }

    /* Phones have no art and the hero's phone is the still peek (site premium 3, task 3). */
    @media (max-width: 720px) {
      .home-hero-phone .home-phone { animation: none; }
      .home-section > .home-shot {
        animation-name: surface-arrive-mobile;
        animation-range: entry 0% cover 26%;
      }
    }
  }
}

@keyframes earth-depth {
  from {
    translate: 0 0;
    scale: 1;
  }
  to {
    translate: 0 var(--earth-drift);
    scale: var(--earth-zoom);
  }
}
@keyframes phone-depth {
  from {
    translate: 0 0;
    scale: 0.94;
    rotate: -1.2deg;
  }
  36% {
    scale: 1;
    rotate: 0deg;
  }
  to {
    translate: 0 var(--phone-lift);
    scale: 1;
    rotate: 0deg;
  }
}
@keyframes chapter-arrive {
  from {
    opacity: 0.28;
    translate: 0 30px;
  }
  to {
    opacity: 1;
    translate: 0 0;
  }
}
@keyframes surface-arrive {
  from {
    opacity: 0.32;
    transform: perspective(1200px) translateY(72px) rotateX(7deg) scale(0.94);
  }
  to {
    opacity: 1;
    transform: perspective(1200px) translateY(0) rotateX(0) scale(1);
  }
}
@keyframes surface-arrive-mobile {
  from {
    opacity: 0.32;
    translate: 0 48px;
    scale: 0.94;
  }
  to {
    opacity: 1;
    translate: 0 0;
    scale: 1;
  }
}
@keyframes journal-day-arrive {
  from {
    opacity: 0.35;
    translate: 0 22px;
    scale: 0.72;
  }
  to {
    opacity: 1;
    translate: 0 0;
    scale: 1;
  }
}
@keyframes moon-rise {
  from { translate: 0 110px; scale: 1.18; }
  to { translate: 0 0; scale: 1; }
}

/* The night home (site premium, Task 7; board docs/qa/site-premium-2026-10-29/board/mocks.html #heroB, #heroBd, #nextB).
   The whole page sits on the app's night; the first screen is the live phrase of the day (src/home-worker.mjs fills
   .home-live) or, without a fresh sky, the static title. Level colours are light: an additive glow, and always a word
   beside them (ADR-128, ADR-020). */
/* The night tokens are shared with the share destinations (night.css: /today, /moon/today, the two observation pages
   and their saved pages), so both read as one night. */
.home-page,
.night-page {
  --home-night: #050a14;
  --home-mist: #c9d4ea;
  --home-dim: #8b99b4;
  --home-head: #e8eef9;
  --storm-g1: #ffe0b2;
  --storm-g2: #ffc078;
  --storm-g3: #ff9a3d;
  --storm-g4: #ff7417;
  --storm-g5: #e8520a;
  --storm-ink: #170a02;
  background: var(--home-night);
  color: #fff;
}
:is(.home-page, .night-page) .site-header { color: #fff; }
:is(.home-page, .night-page) .site-header nav a:hover,
:is(.home-page, .night-page) .site-footer a:hover { color: #fff; }
:is(.home-page, .night-page) .nav-explore { background: #fff; color: var(--ink); }
@media (hover: hover) {
  :is(.home-page, .night-page) .nav-explore:hover { background: #dfe9f8; color: var(--ink); }
}
:is(.home-page, .night-page) .nav-explore .ui-icon { filter: none; }
.home-page a:focus-visible,
.home-page summary:focus-visible { outline-color: #fff; }

/* The home alone is laid out to the screen's edges (viewport-fit=cover, so the app bar can sit on the home indicator's
   inset): in landscape its header, content and footer keep clear of the notch. The insets are 0 everywhere else. */
.home-page {
  padding-left: env(safe-area-inset-left, 0px);
  padding-right: env(safe-area-inset-right, 0px);
  padding-bottom: env(safe-area-inset-bottom, 0px);
}

/* ---------- the hero */
.home-hero {
  position: relative;
  isolation: isolate;
  background: var(--home-night);  /* the Moon's screen blend needs a night of its own to add to */
  overflow: clip;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  column-gap: 48px;
  min-height: max(700px, calc(100svh - 104px));
  padding: 24px max(56px, calc((100% - 1220px) / 2)) 64px;
}
.home-art {
  position: absolute;
  z-index: -2;
  left: 8.4vw;
  top: 106px;
  width: 118vw;
  max-width: none;
}
.home-art img {
  width: 100%;
  max-width: none;
  height: auto;
  filter: brightness(1.1);
}
/* Night over the top (behind the nav) and the left (behind the words), as #heroBd. */
.home-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(180deg, rgb(5 10 20 / .95) 0%, rgb(5 10 20 / .6) 12%, rgb(5 10 20 / 0) 26%),
    linear-gradient(90deg, var(--home-night) 30%, rgb(5 10 20 / .55) 48%, rgb(5 10 20 / 0) 66%),
    linear-gradient(0deg, var(--home-night) 0%, rgb(5 10 20 / 0) 14%);
}
.home-hero-copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 26px;
  max-width: 720px;
}
.home-hero h1 {
  font-size: clamp(48px, 5vw, 72px);
  font-weight: 400;
  line-height: 1.04;
  letter-spacing: -.03em;
  color: #fff;
}
/* Inside the live block the title comes right after the measured line (the reading order of phones); here it is shown
   under the numbers, as a small line. */
.home-live > h1 {
  order: 1;
  font-size: 22px;
  line-height: 1.4;
  letter-spacing: -.01em;
  color: var(--home-head);
  margin-top: 4px;
}
.home-live {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 26px;
}
.home-measured {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--home-mist);
}
.home-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--level-typical);
  box-shadow: 0 0 12px var(--level-typical);
  flex-shrink: 0;
}
.home-late .home-dot { background: var(--home-dim); box-shadow: none; }
.home-phrase {
  font-size: clamp(48px, 5.42vw, 78px);
  line-height: 1.1;
  letter-spacing: -.03em;
  max-width: 13em;
  text-wrap: balance;
}
/* The phrase's key fact on a backing, as the App Store screenshots mark theirs (design/app-store-2026-10-22/opening.css:
   em::before, inset .21em -.13em .09em, radius 9px, dark ink). Here the backing is the mark's own inline background: the
   mark is set at 0.76 of the phrase's size and its words back at the phrase's, so the background — Poppins' content area
   at 0.76× — is the band the App Store inset leaves (.80em above the baseline to .27em below, under the next line's
   reach at the phrase's line height), and the negative margin lets it reach .13em past the words without moving them.
   A mark never wraps (home-worker.mjs keeps every mark to three short words). Colours: the event's set-1 level (spike,
   Schumann and Kp words) or the storm ramp's G step; the ink holds >= 4.5:1 on every one (tests/home-worker.test.cjs). */
.home-mark {
  --mark-ink: #07101f;
  font-size: .76em;
  line-height: 1;
  white-space: nowrap;
  padding: 0 .171em;
  margin: 0 -.171em;
  border-radius: .26em;
  background: var(--mark);
  box-shadow: 0 0 28px color-mix(in srgb, var(--mark) 38%, transparent);
  color: var(--mark-ink);
}
.home-mark > span { font-size: calc(1em / .76); }
.home-mark-end { margin-inline-end: 0; }
.home-mark-low { --mark: var(--level-low); }
.home-mark-typical { --mark: var(--level-typical); }
.home-mark-raised { --mark: var(--level-raised); }
.home-mark-high { --mark: var(--level-high); }
.home-mark-g1 { --mark: var(--storm-g1); }
.home-mark-g2 { --mark: var(--storm-g2); }
.home-mark-g3 { --mark: var(--storm-g3); }
.home-mark-g4 { --mark: var(--storm-g4); }
.home-mark-g5 { --mark: var(--storm-g5); }
/* Three columns whatever the words: a long word (a storm, No recent data) wraps under its number. */
.home-trio {
  display: grid;
  grid-template-columns: repeat(3, fit-content(14em));
  justify-content: start;
  gap: 18px 48px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.home-trio li { min-width: 0; }
.home-num {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 58px;
  font-weight: 300;
  line-height: 1;
  letter-spacing: -.02em;
  font-variant-numeric: tabular-nums;
}
.home-word {
  display: block;
  margin-top: 10px;
  font-size: 15px;
  line-height: 1.35;
  color: var(--home-mist);
  text-shadow: 0 1px 12px rgb(5 10 20 / .85);
}
.home-more, .home-usual { white-space: nowrap; }
.home-level-low .home-num { color: var(--level-low); text-shadow: 0 0 30px rgb(61 139 255 / .6); }
.home-level-typical .home-num { color: var(--level-typical); text-shadow: 0 0 30px rgb(31 216 164 / .55); }
.home-level-raised .home-num { color: var(--level-raised); text-shadow: 0 0 30px rgb(255 194 26 / .5); }
.home-level-high .home-num { color: var(--level-high); text-shadow: 0 0 30px rgb(255 79 69 / .55); }
.home-storm-g1 { --storm: var(--storm-g1); }
.home-storm-g2 { --storm: var(--storm-g2); }
.home-storm-g3 { --storm: var(--storm-g3); }
.home-storm-g4 { --storm: var(--storm-g4); }
.home-storm-g5 { --storm: var(--storm-g5); }
[class*="home-storm-g"] .home-num { color: var(--storm); text-shadow: 0 0 30px color-mix(in srgb, var(--storm) 55%, transparent); }
.home-badge {
  margin-top: .3em;
  padding: 3px 8px;
  border-radius: 7px;
  background: var(--storm);
  color: var(--storm-ink);
  font-size: 17px;
  font-weight: 400;
  line-height: 1.1;
  letter-spacing: 0;
  text-shadow: none;
}
.home-missing .home-num { color: var(--home-mist); }
.home-cta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px 18px;
}
.home-button {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 52px;
  padding: 13px 26px;
  border-radius: 999px;
  background: #fff;
  color: var(--ink);
  font-size: 17px;
  text-decoration: none;
  white-space: nowrap;
  transition: background .18s;
}
.home-button:hover { background: #dfe9f8; color: var(--ink); }
.home-soon { font-size: 15px; color: var(--home-mist); }

/* ---------- phones: the app row and the app bar (site premium 3, task 3; the owner's "A + D", board
   docs/qa/site-premium-2026-10-30/mobile-board/, mocks a-peek.html and d-appbar.html). Both show only at <= 720 px; wider
   screens keep "Explore the app" and the line under it. The bar shows only once src/home-bar.js has marked it ready. */
.home-app,
.home-bar { display: none; }
.home-app-icon {
  flex: none;
  width: 54px;
  height: 54px;
  border-radius: 13px;
  box-shadow: 0 0 0 .5px rgb(255 255 255 / .2), 0 6px 18px rgb(0 0 0 / .4);
}
.home-app-name { flex: 1; min-width: 0; margin: 0; }
.home-app-name > span {
  display: block;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
  color: #fff;
  white-space: nowrap;
}
.home-app-name > .home-app-soon {
  font-size: 13px;
  font-weight: 300;
  line-height: 1.35;
  color: var(--home-mist);
  white-space: normal;
}
.home-get {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 76px;
  height: 40px;
  padding: 0 20px;
  border-radius: 999px;
  background: #fff;
  color: var(--ink);
  font-size: 16px;
  font-weight: 400;
  text-decoration: none;
  transition: background .18s;
}
.home-get:hover { background: #dfe9f8; color: var(--ink); }

/* ---------- the app captures */
.home-shot { margin: 0; }
/* An iPhone around the capture (1320 × 2868, the status bar and the Dynamic Island are in it): a titanium rim, a black
   bezel and the screen at its own proportions, never cropped. Every size is a share of the phone's width (--phone), so
   the corners stay concentric (outer radius = screen radius + bezel + rim) at any width. */
.home-phone {
  --phone: 300px;
  --rim: calc(var(--phone) * .011);
  --bezel: calc(var(--phone) * .027);
  --screen-radius: calc(var(--phone) * .132);
  position: relative;
  width: var(--phone);
  padding: var(--bezel);
  border: var(--rim) solid transparent;
  border-radius: calc(var(--screen-radius) + var(--bezel) + var(--rim));
  background:
    linear-gradient(#020409, #020409) padding-box,
    linear-gradient(118deg, #a3abb8, #3a404b 16%, #7d8594 44%, #2b3039 70%, #959dab) border-box;
  box-shadow: inset 0 0 0 1px rgb(255 255 255 / .05), 0 0 60px rgb(120 170 255 / .22), 0 40px 90px rgb(0 0 0 / .55);
}
/* The side buttons: volume up and down on the left (one drawn, one its shadow), the side button on the right. */
.home-phone::before,
.home-phone::after {
  content: "";
  position: absolute;
  width: 3px;
  border-radius: 2px 0 0 2px;
  background: linear-gradient(90deg, #59606c, #8b93a1);
}
.home-phone::before {
  right: calc(100% + var(--rim) - 1px);
  top: 22%;
  height: 7.5%;
  box-shadow: 0 calc(var(--phone) * .2) 0 #6c7380;
}
.home-phone::after {
  left: calc(100% + var(--rim) - 1px);
  border-radius: 0 2px 2px 0;
  top: 26%;
  height: 11%;
  background: linear-gradient(270deg, #59606c, #8b93a1);
}
.home-phone img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: var(--screen-radius);
}
.home-story {
  width: 330px;
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 0 0 1px rgb(255 255 255 / .14), 0 0 70px rgb(255 140 60 / .18), 0 40px 90px rgb(0 0 0 / .55);
}
.home-widget-set { width: 400px; }
.home-widget-set img { width: 100%; }
.home-hero-phone { position: relative; }

/* ---------- the sections after the hero, each one screen with at most two short lines */
.home-section {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 40px 80px;
  width: min(1220px, calc(100% - 112px));
  margin-inline: auto;
  padding: 104px 0;
}
.home-section + .home-section { border-top: 1px solid rgb(255 255 255 / .07); }
.home-journal > .home-shot,
.home-storms > .home-shot { order: -1; }
.home-section-copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  max-width: 560px;
}
.home-kicker {
  font-size: 12px;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--home-mist);
}
.home-section h2 {
  font-size: clamp(34px, 3.8vw, 54px);
  font-weight: 400;
  line-height: 1.06;
  letter-spacing: -.025em;
  color: #fff;
  text-wrap: balance;
}
/* A title in two parts ("One tap." / "Your day, next to the sky."): each its own balanced line, never a one-word last line. */
.home-section h2 > span { display: block; text-wrap: balance; }
.home-section-copy > p:not(.home-kicker) {
  font-size: 18px;
  line-height: 1.55;
  color: var(--home-mist);
  max-width: 30em;
}
.home-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 8px;
}
.home-chips a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 6px 16px;
  border: 1px solid rgb(255 255 255 / .18);
  border-radius: 999px;
  font-size: 14px;
  color: var(--home-head);
  text-decoration: none;
}
.home-chips a:hover { border-color: rgb(255 255 255 / .5); color: #fff; }
.home-week {
  display: flex;
  justify-content: space-between;
  gap: 6px;
  width: min(100%, 420px);
  margin: 12px 0 0;
  padding: 16px 18px;
  list-style: none;
  border-radius: 22px;
  background: var(--panel);
  box-shadow: inset 0 0 0 1px rgb(255 255 255 / .06);
}
.home-week li {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  color: var(--home-mist);
}
.home-week img { width: 36px; height: 36px; }  /* the -36 export: never resized, so its face line stays the app's */
.home-week-none {
  display: block;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 1.5px dashed rgb(201 212 234 / .45);
}
.home-guides { grid-template-columns: 1fr; }
.home-guide-links {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.home-guide-links a {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 6px;
  height: 100%;
  min-height: 96px;
  padding: 18px 20px;
  border-radius: 18px;
  background: var(--panel);
  box-shadow: inset 0 0 0 1px rgb(255 255 255 / .06);
  font-size: 18px;
  line-height: 1.3;
  color: #fff;
  text-decoration: none;
}
.home-guide-links a:hover { box-shadow: inset 0 0 0 1px rgb(255 255 255 / .3); }
.home-guide-links span { font-size: 14px; color: var(--home-mist); }
.home-page .faq-section {
  grid-template-columns: 1fr 1.6fr;
  align-items: start;
}
.home-page .faq details { border-bottom-color: rgb(255 255 255 / .12); }
.home-page .faq summary { color: #fff; }
.home-page .faq summary:after { filter: invert(1); }
.home-page .faq details p { color: var(--home-mist); }
.home-page .lunar-finale { margin-top: 0; background: var(--home-night); padding-top: 88px; }
.home-page .lunar-finale h2 { font-weight: 400; letter-spacing: -.03em; }
.home-page .closing-copy { display: flex; flex-direction: column; align-items: center; gap: 18px; }
.home-page .closing-icon { margin: 0; }

/* ---------- tablets: the phone beside the words, smaller */
@media (max-width: 1100px) and (min-width: 721px) {
  .home-hero { column-gap: 32px; }
  .home-phone { --phone: 250px; }
  .home-story { width: 280px; }
  .home-widget-set { width: 330px; }
  .home-phrase { font-size: clamp(40px, 5.4vw, 64px); }
  .home-num { font-size: 46px; }
  .home-trio { column-gap: 32px; }
  .home-section { gap: 40px 48px; }
}

/* Narrow tablets: the words beside the phone keep their short form, as on phones. */
@media (max-width: 980px) and (min-width: 721px) {
  .home-more, .home-sep { display: none; }
  .home-usual { display: block; }
  .home-trio { grid-template-columns: repeat(3, auto); column-gap: 28px; }
}

/* ---------- phones (#heroB, #nextB) */
@media (max-width: 720px) {
  /* The first screen (board A): the measured line, the title as a small line, the phrase, three numbers, the app row,
     then the peek. No art: the night alone, as the mock. */
  .home-hero {
    display: block;
    min-height: 0;
    padding: 4px 20px 0;
  }
  .home-art { display: none; }
  .home-hero-copy { gap: 0; }
  /* The live block's parts join the column in their own order: the measured line, the title as a small line, the phrase,
     the numbers. Without a live sky the slot holds the title alone, at its full size. */
  .home-live { display: contents; }
  .home-measured {
    margin-top: 2px;
    gap: 9px;
    font-size: 13px;
    letter-spacing: .01em;
    text-transform: none;
  }
  .home-dot { width: 7px; height: 7px; box-shadow: 0 0 10px var(--level-typical); }
  .home-hero h1 { font-size: clamp(34px, 10vw, 39px); margin-top: 8px; }
  .home-live > h1 {
    order: 0;
    margin-top: 12px;
    font-size: 15px;
    line-height: 1.4;
    letter-spacing: 0;
    color: var(--home-mist);
  }
  /* 30 px at 320: the longest mark ("spike reached 34.8", "humming as usual") stays on one line. */
  .home-phrase { margin-top: 8px; font-size: clamp(30px, 9.4vw, 39px); line-height: 1.12; letter-spacing: -.025em; }
  .home-trio { margin-top: 22px; grid-template-columns: repeat(3, auto); gap: 12px 22px; }
  .home-num { font-size: 36px; gap: 6px; }
  .home-word { margin-top: 6px; font-size: 12px; }
  /* ADR-058: the usual range stays with the Schumann word, on its own line (as the Today v6 card). */
  .home-more, .home-sep { display: none; }
  .home-usual { display: block; }
  .home-badge { font-size: 12px; padding: 2px 6px; border-radius: 5px; }
  .home-button { min-height: 48px; padding: 12px 24px; font-size: 15px; }
  .home-soon { font-size: 13px; }
  /* The app row replaces "Explore the app" and its line here; the closing keeps them. */
  .home-cta { display: none; }
  .home-app {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    max-width: 460px;
    margin-top: 26px;
  }
  /* The peek: the top of Today (tools/home_media.py home-peek) in the upper part of a phone, its glow above it, fading into
     the night below the big number. The phone runs a little past the screen's edges up to 459 px (420 px wide at 390:
     a 400-px screen, so the week's 11-pt letters are 10 CSS px), then keeps the 20-px gutters, 480 px at most. It is
     clipped at the screen's edges (nothing scrolls sideways); its box reaches 68 px above the phone so the glow fades out
     whole (it passes under the app row, hence no pointer events), and the fade starts under the big number at every width. */
  .home-hero-phone {
    display: flex;
    justify-content: center;
    width: auto;
    margin: -34px -20px 0;
    padding-top: 68px;
    overflow: hidden;
    pointer-events: none;
    -webkit-mask-image: linear-gradient(#000 85%, rgb(0 0 0 / .45) 93%, transparent);
    mask-image: linear-gradient(#000 85%, rgb(0 0 0 / .45) 93%, transparent);
  }
  .home-hero-phone .home-phone {
    --phone: max(min(420px, 100vw + 30px), min(100vw - 40px, 480px));
    --rim: 1.5px;
    --bezel: 8.5px;
    flex: none;
    padding-bottom: 0;
    border-bottom-width: 0;
    border-radius: calc(var(--screen-radius) + var(--bezel) + var(--rim)) calc(var(--screen-radius) + var(--bezel) + var(--rim)) 0 0;
    box-shadow: inset 0 0 0 1px rgb(255 255 255 / .05), 0 0 60px rgb(120 170 255 / .22);
  }
  .home-hero-phone .home-phone::before,
  .home-hero-phone .home-phone::after { display: none; }
  .home-hero-phone .home-phone img { border-radius: var(--screen-radius) var(--screen-radius) 0 0; }
  /* D: the slim bar, off the screen until src/home-bar.js says the app row has gone above and the closing is still below.
     It floats over the page (no padding added, nothing moves) and keeps clear of the home indicator. */
  .home-bar.home-bar-ready {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 20;
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 10px max(16px, env(safe-area-inset-right, 0px)) calc(10px + env(safe-area-inset-bottom, 0px)) max(16px, env(safe-area-inset-left, 0px));
    background: rgb(8 14 27 / .82);
    -webkit-backdrop-filter: blur(20px) saturate(1.4);
    backdrop-filter: blur(20px) saturate(1.4);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / .09);
    transform: translateY(110%);
    visibility: hidden;
    transition: transform .32s cubic-bezier(.2, .8, .2, 1), visibility 0s linear .32s;
  }
  .home-bar.home-bar-on {
    transform: none;
    visibility: visible;
    transition: transform .32s cubic-bezier(.2, .8, .2, 1), visibility 0s;
  }
  /* A focused link scrolls clear of the bar (WCAG 2.4.11): the bar's height is 10 + 38 + 10 px and the home indicator's inset. */
  html.home-bar-showing { scroll-padding-bottom: calc(58px + env(safe-area-inset-bottom, 0px)); }
  .home-bar .home-app-icon { width: 38px; height: 38px; border-radius: 9px; box-shadow: 0 0 0 .5px rgb(255 255 255 / .2); }
  .home-bar .home-app-name > span { font-size: 15px; line-height: 1.25; }
  .home-bar .home-app-name > .home-app-soon { font-size: 12px; line-height: 1.3; }
  .home-bar .home-get { height: 34px; min-width: 68px; padding: 0 18px; font-size: 15px; }
  .home-section {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 32px;
    width: calc(100% - 40px);
    padding: 60px 0;
  }
  .home-journal > .home-shot,
  .home-storms > .home-shot { order: 0; }
  .home-section-copy { gap: 12px; }
  .home-kicker { font-size: 12px; }
  .home-section h2 { font-size: clamp(30px, 8.7vw, 34px); }
  .home-section-copy > p:not(.home-kicker) { font-size: 15px; }
  .home-section > .home-shot { align-self: center; }
  .home-phone { --phone: min(230px, 62vw); }
  .home-story { width: min(250px, 66vw); border-radius: 18px; }
  .home-widget-set { width: min(320px, 100%); }
  .home-week { padding: 14px 12px; gap: 2px; }
  .home-guide-links { grid-template-columns: 1fr 1fr; gap: 10px; }
  .home-guide-links a { min-height: 84px; padding: 14px 16px; font-size: 16px; }
  .home-guide-links span { font-size: 12px; }
  .home-page .faq-section { display: flex; flex-direction: column; align-items: stretch; gap: 20px; }
  .home-page .lunar-finale { padding-top: 56px; }
}
@media (max-width: 720px) and (prefers-reduced-motion: reduce) {
  .home-bar.home-bar-ready,
  .home-bar.home-bar-on { transition: none; }
}
@media (max-width: 360px) {
  .home-week { padding-inline: 6px; }
  .home-guide-links { grid-template-columns: 1fr; }
  /* 320: each reading's word beside its number, the app row's line unbroken. */
  .home-trio { column-gap: 14px; }
  .home-app { gap: 10px; }
  .home-app > .home-app-icon { width: 44px; height: 44px; border-radius: 10px; }
  .home-app .home-app-name > .home-app-soon { font-size: 12.5px; }
  .home-app .home-get { min-width: 60px; padding: 0 16px; }
}

/* Today's Moon in the hero, its real phase, rising behind the Earth's limb: the circle in the mask is the limb of .home-art (fitted to
   the picture: its top 3.4vw under the art's top edge, 123vw round), so the Moon is in the sky above the picture, never on top of it. */
.home-today-moon { position: absolute; z-index: 0; left: 50vw; top: 4px; width: 23vw; pointer-events: none; mix-blend-mode: screen;
  -webkit-mask-image: radial-gradient(circle 123vw at 13.9vw calc(102px + 126.5vw), transparent 99.3%, #000 100%);
  mask-image: radial-gradient(circle 123vw at 13.9vw calc(102px + 126.5vw), transparent 99.3%, #000 100%); }
.home-today-moon .moon-still { display: block; width: 100%; height: auto; border-radius: 50%; mix-blend-mode: normal; }
.home-today-moon:empty { display: none; }
.home-hero-phone { z-index: 1; }
/* The art's top edge fades in, so the limb's sky is one night behind the Moon. */
.home-art img { -webkit-mask-image: linear-gradient(transparent, #000 7%); mask-image: linear-gradient(transparent, #000 7%); }
/* On a phone there is no Earth behind the words: the Moon rises from behind the phone's top edge instead. */
@media (max-width: 720px) {
  .home-today-moon { position: relative; left: auto; top: auto; width: auto; height: 0; -webkit-mask-image: none; mask-image: none; }
  .home-today-moon .moon-still { position: absolute; left: 50%; top: -6px; width: min(74vw, 340px); transform: translateX(-50%); }
  .home-today-moon:not(:empty) + .home-hero-phone { padding-top: 176px; }
}

/* The numbers: the name above its reading, no line ending on a dot; a count on one line beside a smaller unit; a shadow
   for the words where they cross the Earth's clouds. */
.home-name, .home-detail { display: block; }
.home-word { text-shadow: 0 1px 14px rgb(5 10 20 / .9), 0 0 3px rgb(5 10 20 / .55); }
.home-num-unit { align-items: baseline; gap: .16em; white-space: nowrap; }
.home-unit { font-size: .58em; letter-spacing: -.01em; }
/* The page closes on the real Moon rising from its foot, its light added to the night; the rise is motion.css's. */
.home-page .lunar-stage { isolation: isolate; height: clamp(340px, 44vw, 620px); margin-top: 26px; background: var(--home-night); }
.home-page .lunar-art {
  left: 50%; width: min(92vw, 1080px); height: auto; margin-left: calc(min(92vw, 1080px) / -2);
  border-radius: 50%; mix-blend-mode: screen; -webkit-mask-image: none; mask-image: none;
}
@media (max-width: 720px) {
  .home-page .lunar-stage { height: 74vw; margin-top: 22px; }
  .home-page .lunar-art { width: 116vw; margin-left: -58vw; }
}
/* Between the phone layouts the row has the width of two columns: it stays clear of the phone. */
@media (min-width: 721px) and (max-width: 800px) {
  .home-phrase { font-size: 37px; }
  .home-num { font-size: 34px; gap: 6px; }
  .home-trio { column-gap: 18px; }
}
/* A long phrase stays clear of the Moon. */
@media (min-width: 721px) {
  .home-phrase-long { font-size: clamp(34px, 3.9vw, 56px); max-width: 44vw; }
}

/* Editorial surfaces extend the accepted Poppins / pearl / graphite identity. */
.external-link-note{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.learn-copy .learn-source-note{font-size:13px;line-height:1.7;color:#59677b;border-top:1px solid #d4deea;padding-top:18px}
.learn-citation sup{font-size:10px;white-space:nowrap}.learn-source-number{font-size:12px;color:#59677b;font-variant-numeric:tabular-nums}
.learn-copy .learn-citation-back{display:inline-block;font-size:11px;line-height:1.7;margin-left:8px;white-space:nowrap}
.learn-copy a:target{outline:2px solid #91a7bf;outline-offset:4px;border-radius:2px}
.learn-download{padding:32px;background:linear-gradient(145deg,#e8eff5,#f4f7f9);border:1px solid #d6e0e9;border-radius:18px;margin:32px 0}
.learn-download h3{font-size:28px;font-weight:300;margin:10px 0 18px}.learn-download .button{display:inline-flex;background:#14243a;color:#fff;border-radius:99px;padding:14px 22px;font-size:14px;text-decoration:none;margin:6px 0 22px}.learn-download .download-note{font-size:12px;line-height:1.8;margin-bottom:0}
@media(max-width:650px){.learn-download{padding:24px}.learn-download h3{font-size:26px}}
.learn-heading{padding-top:54px;padding-bottom:36px}.learn-heading h1{font-weight:300;font-size:clamp(38px,5.1vw,68px);line-height:1.13;letter-spacing:-.045em;max-width:1040px;margin:18px 0 24px}.learn-answer{font-size:clamp(18px,1.7vw,22px);font-weight:300;line-height:1.65;max-width:850px;color:#435168}.breadcrumbs{display:flex;flex-wrap:wrap;gap:10px;color:#526078;font-size:12px;margin-bottom:38px}.breadcrumbs a{text-decoration:none}.learn-byline{display:flex;flex-wrap:wrap;gap:10px 24px;font-size:12px;color:#536078;line-height:1.8;margin-top:28px}.learn-byline a{color:inherit}.learn-hero{margin-bottom:54px}.learn-figure{margin:0}.learn-figure img{width:100%;border-radius:16px;object-fit:cover}.learn-hero .learn-figure img{max-height:470px;object-position:center}.learn-hero .learn-figure img[src*="spectrum"]{object-fit:contain;background:#0d1828}.learn-figure figcaption,.learn-film figcaption{font-size:12px;line-height:1.7;color:#59677b;padding:14px 2px 0}.learn-figure figcaption a,.learn-film figcaption a{color:inherit}.learn-layout{display:grid;grid-template-columns:230px minmax(0,750px);gap:64px;justify-content:space-between}.learn-toc{font-size:13px;align-self:start;position:sticky;top:30px;padding:0 12px 24px 0;max-height:85vh;overflow:auto}.learn-toc summary{font-weight:400;font-size:14px;cursor:pointer;min-height:44px;display:flex;align-items:center;border-bottom:1px solid #dce3eb}.learn-toc ol{list-style:none;padding:14px 0;margin:0}.learn-toc li{margin:0}.learn-toc a{display:block;text-decoration:none;padding:9px 0;color:#4c5b70}.learn-toc a:hover{color:#132642;text-decoration:underline}.toc-back{border-top:1px solid #dce3eb;margin-top:8px}.learn-copy{min-width:0;font-size:17px;line-height:1.9;color:#354359}.learn-copy h2{color:#132138;font-size:clamp(25px,2.5vw,34px);font-weight:300;line-height:1.3;letter-spacing:-.025em;margin:50px 0 20px;scroll-margin-top:28px}.learn-copy>h2:first-child{margin-top:0}.learn-copy h3{font-size:20px;font-weight:400;line-height:1.45;color:#18283d;margin:30px 0 12px}.learn-copy p,.learn-copy ul,.learn-copy ol{margin:0 0 22px}.learn-copy li{padding-left:4px;margin-bottom:10px}.learn-copy strong{font-weight:400;color:#14233b}.learn-copy a{color:#245a85;text-decoration-thickness:1px}.learn-copy .learn-figure{margin:32px 0}.learn-copy .learn-figure img{border-radius:12px}.learn-copy blockquote{margin:28px 0;padding:10px 24px;border-left:2px solid #768ca6;font-size:20px;font-weight:300}.learn-copy blockquote p{margin:0}.learn-table{overflow:auto;margin:28px 0 32px;border-block:1px solid #ccd6e3;max-width:100%;scrollbar-color:#8295ad #edf1f6}.learn-table table{border-collapse:collapse;width:100%;min-width:480px;font-size:14px;line-height:1.65}.learn-table th{font-weight:400;color:#162840;background:#edf2f7}.learn-table th,.learn-table td{padding:16px 18px;text-align:left;border-bottom:1px solid #dce4ef;vertical-align:top}.learn-table tr:last-child td{border-bottom:0}.learn-film{margin:42px 0}.learn-film video{width:100%;height:auto;display:block;max-height:540px;object-fit:contain;background:#060a12;border-radius:16px}.film-description{display:block;margin-top:8px}.learn-product{padding:34px;background:#eaf0f5;border-radius:16px;margin-top:48px}.learn-product h2{margin:10px 0 14px!important}.learn-product p{font-size:15px}.learn-product a.button,.learn-feature .button{color:white;background:#132238;display:inline-flex;text-decoration:none;border-radius:99px;padding:14px 24px;gap:22px;align-items:center;font-size:14px}.learn-related{padding-top:80px;padding-bottom:80px}.learn-related h2,.learn-chapter h2,.learn-current h2{font-weight:300;letter-spacing:-.03em;font-size:clamp(28px,3vw,40px);line-height:1.3}.learn-related>div{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:28px}.learn-related>div>a{border-top:1px solid #c9d5e2;padding-top:22px;font-size:20px;line-height:1.45;font-weight:300;text-decoration:none;position:relative;padding-right:20px}.learn-related a>span:first-child{display:block;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#59677b;margin-bottom:14px;font-weight:400}.read-arrow{display:block;margin-top:16px;font-size:25px}.learn-hub .learn-heading{padding-top:70px}.learn-topics{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.learn-topics a{font-size:13px;text-decoration:none;padding:11px 18px;border:1px solid #c8d5e3;border-radius:99px}.learn-topics a:hover{background:#e9eff7}.learn-feature{background:#091322;color:#eef3f9;border-radius:22px;position:relative;overflow:hidden;display:grid;grid-template-columns:1.05fr 1fr;min-height:430px;align-items:center;margin:20px 0 26px}.learn-feature>div{position:relative;z-index:1;padding:46px}.learn-feature h2{font-size:clamp(27px,3vw,40px);line-height:1.3;letter-spacing:-.03em;font-weight:300;margin:18px 0}.learn-feature .eyebrow{color:#a8bbce}.learn-feature p{color:#bfccda;font-size:15px;max-width:400px}.learn-feature .button{background:#edf1f5;color:#102137;margin-top:20px}.learn-feature>img{height:100%;width:100%;object-fit:cover;object-position:center;min-height:430px}.feature-credit{position:absolute;bottom:12px;right:24px;font-size:10px!important;margin:0}.learn-standard{font-size:12px;color:#58677b;margin-bottom:70px}.learn-standard a{white-space:nowrap}.learn-chapter{padding:60px 0 70px;border-top:1px solid #d0dbe7;display:grid;grid-template-columns:340px minmax(0,1fr);gap:70px}.chapter-heading h2{margin:16px 0 28px}.chapter-heading .learn-figure img{height:230px;object-fit:cover;border-radius:14px}.chapter-heading figcaption{font-size:10px}.guide-row{display:grid;grid-template-columns:1fr auto;gap:10px 24px;text-decoration:none;border-bottom:1px solid #d7e1ec;padding:25px 0;align-items:start}.guide-row:first-child{padding-top:0}.guide-title{font-size:21px;font-weight:300;line-height:1.45;letter-spacing:-.015em}.guide-summary{font-size:13px;line-height:1.8;color:#5c687b;grid-column:1;max-width:510px}.guide-time{font-size:11px;grid-column:2;grid-row:1/3;color:#59687d;white-space:nowrap;display:flex;gap:18px;align-items:center}.guide-time span{font-size:22px}.guide-row:hover .guide-title{text-decoration:underline;text-underline-offset:5px}.learn-current{border-top:1px solid #ccd8e5;padding:60px 0 80px;display:grid;grid-template-columns:1fr 1fr;gap:70px}.learn-current p{color:#56657b;font-size:15px}.learn-current a{font-size:14px;line-height:2.4}.nav-learn{white-space:nowrap}
@media(min-width:1200px){.learn-heading h1{max-width:1000px}.learn-layout{justify-content:start;gap:90px}.learn-hero .learn-figure img{max-height:490px}}
@media(max-width:920px){.learn-layout{grid-template-columns:180px minmax(0,1fr);gap:30px}.learn-chapter{grid-template-columns:260px minmax(0,1fr);gap:34px}.learn-feature>div{padding:30px}.learn-feature{min-height:380px}.learn-feature>img{min-height:380px}.learn-related>div{gap:18px}.learn-feature h2{font-size:30px}}
@media(max-width:650px){.learn-heading,.learn-hub .learn-heading{padding-top:30px;padding-bottom:26px}.learn-heading h1{font-size:38px;line-height:1.15;margin:16px 0 22px}.learn-answer{font-size:18px;line-height:1.65}.breadcrumbs{font-size:11px;margin-bottom:28px;gap:8px}.learn-byline{gap:7px 16px;font-size:11px;margin-top:24px}.learn-hero{margin-bottom:28px}.learn-hero .learn-figure img{height:270px;border-radius:14px}.learn-hero .learn-figure img[src*="spectrum"]{height:auto}.learn-layout{display:block}.learn-toc{position:static;max-height:none;padding:0;margin-bottom:32px;font-size:13px}.learn-toc ol{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.learn-toc a{padding:8px 0}.toc-back{display:none!important}.learn-copy{font-size:16px;line-height:1.85}.learn-copy h2{margin-top:40px}.learn-copy ul,.learn-copy ol{padding-left:22px}.learn-copy .learn-figure{margin-inline:-8px}.learn-copy .learn-figure figcaption{padding-inline:8px}.learn-copy .learn-figure img{border-radius:10px}.learn-product{padding:26px}.learn-table th,.learn-table td{padding:13px 15px}.learn-film video{max-height:420px}.learn-related{padding-top:54px;padding-bottom:50px}.learn-related>div{grid-template-columns:1fr;gap:24px}.learn-related>div>a{font-size:22px;padding-right:30px}.learn-related .read-arrow{position:absolute;right:0;top:22px}.learn-topics{gap:8px;margin-top:26px}.learn-topics a{padding:10px 13px;font-size:11px}.learn-feature{display:flex;flex-direction:column;align-items:stretch;border-radius:18px;margin-top:8px}.learn-feature>div{padding:30px 26px 10px}.learn-feature h2{font-size:30px}.learn-feature>img{min-height:0;height:280px;object-position:center 48%}.feature-credit{font-size:9px!important;bottom:10px;right:16px;left:26px}.learn-standard{line-height:1.9;margin-bottom:42px}.learn-chapter{display:block;padding:36px 0 44px}.chapter-heading .learn-figure{margin-bottom:32px}.chapter-heading .learn-figure img{height:220px}.chapter-heading h2{font-size:32px;max-width:330px}.guide-title{font-size:20px}.guide-row{gap:8px 12px;padding:24px 0}.guide-summary{font-size:12px}.guide-time{font-size:10px;gap:8px}.learn-current{display:block;padding:38px 0 50px}.learn-current h2{margin:16px 0 22px}.learn-current a{font-size:13px}.nav-learn{font-size:13px}.site-header nav{gap:12px}}
@media(prefers-reduced-motion:reduce){.learn-article *,.learn-hub *{scroll-behavior:auto}}

.learn-copy .learn-table-hint{display:none}
@media(max-width:650px){.learn-copy .learn-table-hint{display:block;font-size:11px;color:#59677b;margin:24px 0 -18px}}

.learn-chart-link{display:block}.learn-chart-link span{display:block;font-size:12px;margin-top:10px;text-underline-offset:3px}

/* Scientific labels and historic frames must never inherit scenic hero crops. */
.learn-hero .learn-diagram img,.learn-hero .learn-archive img{display:block;height:auto;max-height:none;object-fit:contain}
.learn-copy .learn-archive img{display:block;height:auto;object-fit:contain}
.learn-archive img[src*="hertz-portrait"]{max-width:370px;margin-inline:auto}
.chapter-heading .learn-archive img{height:auto;object-fit:contain}
.learn-copy :target{scroll-margin-top:30px}

/* Licensed photographs keep their full width; mobile crops preserve the scene. */
.learn-hero .learn-photo img{display:block;height:auto;max-height:none;aspect-ratio:16/9;object-position:center 65%}
.learn-hero .learn-photo img[src*="lightning-photo"]{object-position:center bottom}
.learn-photo-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:34px 0}
.learn-photo-pair h3{margin:0 0 14px}.learn-copy .learn-photo-pair .learn-figure{margin:0}
.learn-photo-pair img{display:block;aspect-ratio:3/2;height:auto;object-fit:cover}
.guide-row--illustrated{grid-template-columns:minmax(0,1fr) 160px}
.guide-thumbnail{grid-column:2;grid-row:1/4;width:160px;height:110px;object-fit:cover;border-radius:10px}
.guide-row--illustrated .guide-time{grid-column:1;grid-row:3;justify-content:space-between}
@media(max-width:650px){.learn-hero .learn-photo img{height:auto;aspect-ratio:3/2;object-position:center}.learn-photo-pair{grid-template-columns:1fr;gap:30px}.learn-photo-pair .learn-figure figcaption{padding-inline:0}.guide-row--illustrated{grid-template-columns:1fr}.guide-thumbnail{grid-column:1;grid-row:1;width:100%;height:auto;aspect-ratio:16/9;margin-bottom:8px}.guide-row--illustrated .guide-time{grid-row:auto}}

/* Question-led entry points; every answer and route remains ordinary HTML. */
.reading-paths{margin:20px 0 64px}.reading-paths>h2{font-size:clamp(29px,3.2vw,42px);font-weight:300;letter-spacing:-.035em;line-height:1.3;margin:12px 0 28px}.reading-paths nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.reading-path{border:1px solid #ced9e5;border-radius:20px;overflow:hidden;background:#f4f7fa}.reading-path>img{width:100%;height:210px;object-fit:cover;display:block}.reading-path>div{padding:24px}.reading-path .eyebrow{font-size:10px;letter-spacing:.12em}.reading-path h3{font-weight:300;font-size:25px;line-height:1.35;letter-spacing:-.025em;margin:14px 0 22px}.reading-path a{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:60px;padding:12px 0;border-top:1px solid #d5dfe9;font-size:14px;text-decoration:none;line-height:1.6;color:#233f5d}.reading-path a:hover{text-decoration:underline;text-underline-offset:4px}.reading-path a span{font-size:21px}.reading-paths-credit{font-size:11px;line-height:1.7;color:#59677b;margin:14px 0 0}.learn-product-actions{display:flex;align-items:center;gap:18px 24px;flex-wrap:wrap}.learn-copy .learn-app-link{font-size:14px;text-underline-offset:4px;min-height:44px;display:inline-flex;align-items:center;gap:12px}.learn-copy .learn-product-status{font-size:12px;line-height:1.7;color:#59677b;margin:22px 0 0}
.field-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:28px 0 32px}.field-notes>div{border-top:2px solid #a3bfc4;padding:20px 0 0}.field-notes span{font-size:11px;color:#4d667c;letter-spacing:.1em;text-transform:uppercase}.learn-copy .field-notes h3{font-size:23px;font-weight:300;line-height:1.35;margin:12px 0}.learn-copy .field-notes p{font-size:15px;line-height:1.8;margin:0}.field-notes--three{grid-template-columns:repeat(3,minmax(0,1fr))}.learn-copy .field-timeline{list-style:none;padding:0;margin:36px 0}.learn-copy .field-timeline li{position:relative;margin:0;padding:0 0 32px 30px;border-left:1px solid #adc1d3}.field-timeline li:before{position:absolute;left:-5px;top:8px;content:'';width:9px;height:9px;background:#667f98;border-radius:50%}.field-timeline time{font-size:13px;letter-spacing:.03em;color:#526f89;font-variant-numeric:tabular-nums}.learn-copy .field-timeline h3{margin:10px 0 12px;font-weight:300;font-size:25px}.learn-copy .field-timeline p{font-size:16px;margin:0}.learn-copy .field-timeline li:last-child{padding-bottom:0}
@media(max-width:920px){.reading-paths nav{gap:16px}.reading-path>div{padding:20px}.reading-path>img{height:165px}.reading-path h3{font-size:23px}.field-notes--three{grid-template-columns:1fr}}
@media(max-width:650px){.reading-paths{margin:8px 0 38px}.reading-paths nav{grid-template-columns:1fr;gap:22px}.reading-path>img{height:180px}.reading-path>div{padding:22px}.reading-path h3{font-size:28px;max-width:310px}.reading-path a{font-size:15px;min-height:60px}.field-notes{grid-template-columns:1fr;gap:22px}.learn-copy .field-notes h3{font-size:24px}.learn-copy .field-notes p{font-size:16px}.learn-product-actions{align-items:flex-start;gap:14px}.learn-product .button{line-height:1.6}.learn-copy .field-timeline li{padding-left:24px}.learn-copy .field-timeline h3{font-size:24px}.learn-toc ol{grid-template-columns:1fr}.learn-toc a{min-height:44px;display:flex;align-items:center}.chapter-heading .learn-figure img{height:170px}.guide-row{padding:20px 0}.guide-summary{line-height:1.7}}
.reading-paths nav{align-items:stretch}.reading-path>div{display:flex;flex-direction:column;height:calc(100% - 210px)}.reading-path h3{flex:1}.reading-path a{flex-shrink:0}
.learn-hero .learn-archive,.learn-hero .learn-diagram{max-width:960px;margin-inline:auto}.learn-hero .learn-archive:has(img[src*="daytime-moon-photo"]){max-width:680px}
@media(max-width:920px){.reading-path>div{height:calc(100% - 165px)}}
@media(max-width:650px){.reading-path>div{height:auto}.reading-path h3{flex:none}.learn-hero .learn-diagram,.learn-hero .learn-archive{max-width:100%}}

/* Text-first mobile plates: labels never shrink with the original 1200px image. */
.mobile-diagram,.mobile-diagram-original{display:none}
@media(max-width:1024px){
  .learn-figure:has(>.mobile-diagram)>.learn-figure-wide{display:none}
  .mobile-diagram-original{display:block;max-width:640px;margin-inline:auto;font-size:16px;line-height:1.6;margin-top:12px;text-underline-offset:3px}
  .mobile-diagram{display:block;max-width:640px;margin-inline:auto;padding:24px 20px;background:#101e30;border:1px solid #35475e;border-radius:16px;color:#eaf1f8;font-size:16px;line-height:1.6;font-weight:400;overflow-wrap:break-word}
  .mobile-diagram p{margin:0;font-size:16px;line-height:1.6;color:#bdcbdc}
  .mobile-diagram .md-kicker{color:#abe0cd;margin-bottom:18px}
  .mobile-diagram .md-title{font-size:26px;font-weight:300;line-height:1.23;letter-spacing:-.025em;color:#eaf1f8;margin-bottom:14px}
  .mobile-diagram .md-intro{margin-bottom:26px}
  .mobile-diagram .md-label{font-size:18px;color:#eaf1f8;margin-bottom:5px;line-height:1.4}
  .mobile-diagram .md-rows,.mobile-diagram .md-emissions,.mobile-diagram .md-timeline{list-style:none;padding:0;margin:0}
  .mobile-diagram .md-row{display:grid;grid-template-columns:40px minmax(0,1fr);gap:14px;padding:20px 0;margin:0;border-top:1px solid #35475e}
  .mobile-diagram .md-row:first-child{padding-top:0;border-top:0}
  .mobile-diagram .md-row:last-child{padding-bottom:0}
  .mobile-diagram .md-mark{color:#abe0cd;line-height:1.6;font-size:18px}
  .mobile-diagram .md-icon{display:block;width:40px;height:40px;color:#edcf98}
  .mobile-diagram .md-blue{color:#b5d1f6}
  .mobile-diagram .md-note{margin-top:26px;padding-top:18px;border-top:1px solid #35475e}
  .mobile-diagram .md-callout{padding:16px;margin-top:24px;border-left:2px solid #abe0cd;border-radius:0 10px 10px 0;background:#192b40;color:#d7e9f7}
  .mobile-diagram .md-illusion-pair{display:grid;gap:16px}
  .mobile-diagram .md-illusion-panel{padding:12px 14px 0;border:1px solid #35475e;border-radius:12px;overflow:hidden;background:#17283d}
  .mobile-diagram .md-illusion-sky{display:block;width:100%;height:auto}
  .mobile-diagram .md-light-path .md-row{border:0;position:relative;padding-top:0;padding-bottom:26px}
  .mobile-diagram .md-light-path .md-row:last-child{padding-bottom:0}
  .mobile-diagram .md-light-path .md-row:not(:last-child):after{content:'↓';position:absolute;left:13px;bottom:0;color:#abe0cd;font-size:20px;line-height:1.2}
  .mobile-diagram .md-direct-light{display:flex;align-items:center;flex-wrap:wrap;gap:12px;border-top:1px solid #35475e;padding-top:22px;margin-top:24px;color:#edcf98}
  .mobile-diagram .md-direct-light p{flex-basis:100%;color:#edcf98}
  .mobile-diagram .md-timeline{border-left:1px solid #50647d;margin-left:5px}
  .mobile-diagram .md-timeline li{position:relative;padding:0 0 24px 22px;margin:0}
  .mobile-diagram .md-timeline li:last-child{padding-bottom:0}
  .mobile-diagram .md-timeline li:before{content:'';position:absolute;left:-5px;top:14px;width:9px;height:9px;border-radius:50%;background:#edcf98;box-shadow:0 0 14px #edcf9840}
  .mobile-diagram .md-time{font-size:30px;line-height:1.25;color:#edcf98;margin-bottom:8px;font-weight:300}
  .mobile-diagram .md-time span{font-size:16px}
  .mobile-diagram .md-emissions li{padding:0;margin:0 0 24px}
  .mobile-diagram .md-emissions li:last-child{margin:0}
  .mobile-diagram .md-colour-strip{display:block;height:32px;border-radius:8px;margin-bottom:14px}
  .mobile-diagram .md-oxygen{background:linear-gradient(100deg,#75e1a0 0%,#75e1a0 42%,#ba626b 58%,#ba626b 100%)}
  .mobile-diagram .md-nitrogen{background:linear-gradient(100deg,#82b5f2 0%,#82b5f2 42%,#b197e7 58%,#b197e7 100%)}
}

/* Topic guide: question-led reading, distinct from the live lunar calendar. */
.topic-guide-moon{margin:0;background:#070d1a;border-radius:22px;padding:18px 18px 16px;display:grid;gap:10px;justify-items:center}
.topic-guide-moon a{display:block;width:min(100%,420px)}
.topic-guide-moon img{display:block;width:100%;height:auto;border-radius:50%;mix-blend-mode:screen}
.topic-guide-moon figcaption{color:#c5cede;font-size:14px;text-align:center}
.topic-guide-moon small{color:#8c97ab;font-size:12px}
.topic-guide{padding-bottom:72px}.topic-guide-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center;padding:60px 0 48px}.topic-guide-hero h1{font-size:clamp(40px,4.6vw,62px);font-weight:300;line-height:1.12;letter-spacing:-.045em;margin:18px 0 24px}.topic-guide-intro{font-size:19px;font-weight:300;line-height:1.7;color:#435168;max-width:610px}.topic-guide-primary{display:inline-flex;gap:28px;align-items:center;background:#132238;color:#f8fbff;border-radius:99px;padding:16px 24px;text-decoration:none;font-size:16px;margin-top:16px}.topic-guide-now-note{font-size:13px;line-height:1.8;color:#59677b;margin-top:16px}.topic-guide-hero .learn-figure img{display:block;object-fit:contain;height:auto}.topic-guide-hero figcaption{font-size:13px}.topic-guide-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0 0 68px;align-items:stretch}.topic-guide-paths a{display:flex;align-items:center;gap:14px;border:1px solid #c8d5e3;border-radius:14px;padding:22px 20px;font-size:16px;line-height:1.5;text-decoration:none}.topic-guide-paths a span:first-child{font-size:13px;color:#59677b}.topic-guide-paths a span:last-child{margin-left:auto}.topic-guide-paths a:hover{background:#eaf0f6}.topic-guide h2{font-size:clamp(30px,3vw,40px);font-weight:300;line-height:1.2;letter-spacing:-.035em;margin:16px 0 24px}.topic-guide-context{display:grid;grid-template-columns:1fr 1fr;gap:20px 70px;background:#112034;color:#ecf2f9;border-radius:20px;padding:44px;margin-bottom:64px}.topic-guide-context .eyebrow{color:#b1d4d2}.topic-guide-context>div>p:not(.eyebrow),.topic-guide-context dd{font-size:16px;line-height:1.75;color:#c6d3e2}.topic-guide-context dl{margin:0;display:grid;gap:22px}.topic-guide-context dt{font-size:20px;margin-bottom:8px;font-weight:300}.topic-guide-context dd{margin:0}.topic-guide-context .topic-guide-sources{grid-column:1/-1;font-size:13px;line-height:1.9;color:#becddd;border-top:1px solid #40536a;padding-top:20px;margin:12px 0 0}.topic-guide-context a{color:inherit;text-underline-offset:3px}.topic-guide-route,.topic-guide-evidence{display:grid;grid-template-columns:340px minmax(0,1fr);gap:70px;border-top:1px solid #ccd8e5;padding:54px 0;scroll-margin-top:28px}.topic-guide-route>div>p:not(.eyebrow),.topic-guide-evidence>div>p:not(.eyebrow){font-size:16px;line-height:1.8;color:#526078}.topic-guide-links{list-style:none;padding:0;margin:0}.topic-guide-links li{padding:23px 0;border-bottom:1px solid #d2dce8}.topic-guide-links li:first-child{padding-top:0}.topic-guide-links li:last-child{border-bottom:0;padding-bottom:0}.topic-guide-links a{display:flex;justify-content:space-between;align-items:start;gap:20px;text-decoration:none;font-size:23px;font-weight:300;line-height:1.4;letter-spacing:-.02em}.topic-guide-links a:hover span:first-child{text-decoration:underline;text-underline-offset:4px}.topic-guide-arrow{flex:none}.topic-guide-links p{font-size:15px;line-height:1.75;color:#59677b;margin:10px 32px 0 0}.topic-guide-observe{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;background:#eaf0f6;border-radius:20px;padding:40px;margin:16px 0 60px}.topic-guide-observe .learn-figure img{height:auto;display:block}.topic-guide-observe ol{padding-left:22px;font-size:16px;line-height:1.8}.topic-guide-observe li{padding-left:4px;margin-bottom:10px}.topic-guide-observe>div>p:not(.eyebrow){font-size:16px;line-height:1.75;color:#526078}.topic-guide-observe>div>a{font-size:16px;line-height:1.8;text-underline-offset:4px}.topic-guide .learn-product{margin-top:20px}.topic-guide .learn-product h2{max-width:780px}.topic-guide .learn-product p{max-width:780px}.footer-topic-link{padding-bottom:10px;border-bottom:1px solid #d0dae6;margin-bottom:10px}
@media(max-width:1024px){.topic-guide-hero{gap:32px}.topic-guide-context{gap:30px;padding:32px}.topic-guide-route,.topic-guide-evidence{grid-template-columns:260px minmax(0,1fr);gap:32px}.topic-guide-observe{gap:30px;padding:30px}.topic-guide-paths{gap:12px}.topic-guide-paths a{padding:18px 14px;gap:10px}}
@media(max-width:700px){.topic-guide{padding-bottom:42px}.topic-guide-hero{display:block;padding:32px 0}.topic-guide-hero h1{font-size:42px;line-height:1.12}.topic-guide-intro{font-size:18px}.topic-guide-hero>div+div{margin-top:30px}.topic-guide-primary{padding:15px 22px}.topic-guide-paths{grid-template-columns:1fr;gap:10px;margin:0 0 36px}.topic-guide-paths a{padding:17px 18px;min-height:60px}.topic-guide-context{display:block;padding:26px 22px;margin-bottom:38px}.topic-guide-context dl{margin-top:28px;gap:24px}.topic-guide-context .topic-guide-sources{margin-top:26px}.topic-guide h2{font-size:32px}.topic-guide-route,.topic-guide-evidence{display:block;padding:34px 0}.topic-guide-route>div,.topic-guide-evidence>div{margin-bottom:30px}.topic-guide-links a{font-size:22px}.topic-guide-links p{font-size:16px;margin-right:0}.topic-guide-links li{padding:22px 0}.topic-guide-observe{display:flex;flex-direction:column;align-items:stretch;padding:24px 20px;gap:24px;margin:12px 0 36px}.topic-guide .learn-product{padding:26px 22px}.topic-guide-hero figcaption{font-size:12px}}

/* Topic accents share the accepted editorial layout. */
.topic-guide--earth .topic-guide-context{background:#142b2c}.topic-guide--earth .topic-guide-primary{background:#173437}.topic-guide--sun .topic-guide-context{background:#292536}.topic-guide--sun .topic-guide-context .eyebrow{color:#e0cbae}.topic-guide--sun .topic-guide-primary{background:#2b2639}.topic-guide-primary{max-width:100%}.topic-guide-hero>div{min-width:0}
@media(max-width:700px){.topic-guide--earth .topic-guide-primary{gap:16px;padding-inline:18px}.topic-guide--earth .topic-guide-hero h1{font-size:40px}}
.topic-guide--wellbeing .topic-guide-primary{background:#263b40;gap:18px}.wellbeing-image-note{font-size:13px;line-height:1.7;color:#59677b;margin:12px 0 0}.wellbeing-research{padding:42px;border-radius:22px;background:#edf2f1;margin-bottom:60px}.wellbeing-section-heading{max-width:740px;margin-bottom:34px}.wellbeing-section-heading>p:not(.eyebrow){font-size:17px;line-height:1.8;color:#526078}.wellbeing-studies{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.wellbeing-studies article{border-top:1px solid #aebfbe;padding-top:22px;min-width:0}.wellbeing-study-type{font-size:12px;letter-spacing:.025em;line-height:1.7;color:#485d62;margin:0 0 18px}.wellbeing-studies h3,.wellbeing-care h3,.wellbeing-record h3{font-size:23px;font-weight:300;line-height:1.35;letter-spacing:-.025em;margin:0 0 16px}.wellbeing-studies p:not(.wellbeing-study-type),.wellbeing-care p{font-size:15px;line-height:1.8;color:#435168}.wellbeing-studies a,.wellbeing-care a,.wellbeing-journal a,.wellbeing-sources a{text-underline-offset:4px}.wellbeing-study-limit{border-left:2px solid #9eb3b2;padding-left:14px;margin-top:22px}.wellbeing-care{border-top:1px solid #c0cdcf;padding-top:24px;margin-top:30px;max-width:850px}.wellbeing-care h3{font-size:20px;margin-bottom:8px}.wellbeing-care p{margin-bottom:0}.wellbeing-journal{display:grid;grid-template-columns:1fr 1.1fr;gap:30px 70px;background:#1c3035;color:#edf4f4;padding:44px;border-radius:22px;margin:18px 0 60px}.wellbeing-journal .eyebrow{color:#b8d8d4}.wellbeing-journal>div>p:not(.eyebrow){font-size:17px;line-height:1.8;color:#cad9dc}.wellbeing-journal a{font-size:16px;line-height:1.7;color:#e1efee}.wellbeing-record{list-style:none;padding:0;margin:0}.wellbeing-record li{display:flex;gap:20px;padding:0 0 24px;margin:0 0 24px;border-bottom:1px solid #44595d}.wellbeing-record li:last-child{padding-bottom:0;margin-bottom:0;border:0}.wellbeing-record li>span{flex:none;font-size:13px;line-height:2;color:#a9cdca}.wellbeing-record h3{margin-bottom:8px}.wellbeing-record p{font-size:16px;line-height:1.8;color:#c6d7da;margin:0}.wellbeing-journal-note{grid-column:1/-1;margin:0;padding-top:22px;border-top:1px solid #44595d;font-size:13px;line-height:1.8;color:#b5cdd1}.wellbeing-sources{padding-top:44px;margin-top:54px;border-top:1px solid #ccd8e5;max-width:920px}.wellbeing-sources ol{padding:0;list-style:none}.wellbeing-sources li{font-size:15px;line-height:1.8;padding:15px 0;border-bottom:1px solid #d2dce8}.wellbeing-sources li>span:not(.learn-source-number){display:block;color:#59677b;font-size:14px;margin-top:6px}.wellbeing-sources .learn-source-note,.wellbeing-editorial{font-size:14px;line-height:1.9;color:#59677b}.wellbeing-editorial{margin-top:26px}.topic-guide--wellbeing .breadcrumbs{flex-wrap:wrap}
@media(max-width:1024px){.wellbeing-research{padding:30px}.wellbeing-studies{grid-template-columns:1fr;gap:24px}.wellbeing-studies article{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:0 28px}.wellbeing-study-type{grid-column:1/-1;margin-bottom:12px}.wellbeing-studies h3{grid-row:2/4}.wellbeing-studies p:not(.wellbeing-study-type){margin-top:0}.wellbeing-studies .wellbeing-study-limit{margin-bottom:0}.wellbeing-journal{padding:32px;gap:28px}}
@media(max-width:700px){.topic-guide--wellbeing .topic-guide-hero h1{font-size:40px}.topic-guide--wellbeing .topic-guide-primary{font-size:15px;padding-inline:18px}.wellbeing-research{padding:26px 22px;margin-bottom:38px}.wellbeing-section-heading{margin-bottom:26px}.wellbeing-section-heading>p:not(.eyebrow){font-size:16px}.wellbeing-studies article{display:block}.wellbeing-studies h3{font-size:24px}.wellbeing-studies p:not(.wellbeing-study-type),.wellbeing-care p{font-size:16px}.wellbeing-study-type{font-size:13px}.wellbeing-care h3{font-size:22px}.wellbeing-journal{display:block;padding:28px 22px;margin:12px 0 36px}.wellbeing-record{margin-top:32px}.wellbeing-record li{gap:14px}.wellbeing-journal-note{margin-top:26px}.wellbeing-sources{margin-top:36px;padding-top:30px}.wellbeing-sources li{font-size:16px}.wellbeing-sources .learn-citation-back{display:inline-block;margin-top:6px}}

/* Public observations: pearl editorial canvas, graphite chart, measured colour. */
.pulse-page{padding-top:48px;padding-bottom:100px}.pulse-heading{max-width:950px;margin-bottom:42px}.pulse-heading .breadcrumbs{margin-bottom:34px}.pulse-eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:11px;color:#687588;font-weight:400}.pulse-heading h1{font-size:clamp(44px,5.6vw,76px);line-height:1.1;margin:16px 0 24px;letter-spacing:-.05em}.pulse-heading h1 span{color:#657287}.pulse-heading>p{max-width:720px;font-size:18px;line-height:1.75;color:#526078;font-weight:300}.pulse-topic-nav{display:flex;gap:7px;align-items:center;margin-bottom:24px;border-bottom:1px solid #dce5ee;padding-bottom:16px}.pulse-topic-nav a{font-size:13px;text-decoration:none;padding:11px 18px;border-radius:999px;min-height:44px;display:flex;align-items:center;gap:9px;color:#56647a}.pulse-topic-nav a[aria-current=page]{color:#172739;background:#e7edf4}.pulse-topic-nav i{width:6px;height:6px;border-radius:50%;background:var(--muted)}.pulse-topic-nav a:last-child i{background:var(--muted)}
.pulse-panel{--pulse-accent:var(--secondary-on-night);background:linear-gradient(135deg,#172332 0%,#101a27 75%);color:#f0f5fc;border:1px solid #253345;border-radius:26px;padding:32px 40px 0;box-shadow:0 30px 65px -45px #0b152866;overflow:hidden}/* Level colours follow the value (pulse.mjs levelStep); no reading stays secondary. */.pulse-panel.level-low,.today-tile.level-low,.pulse-chart.level-low,.pulse-legend.level-low{--pulse-accent:var(--level-low)}.pulse-bar.level-low{fill:var(--level-low)}.pulse-panel.level-typical,.today-tile.level-typical,.pulse-chart.level-typical,.pulse-legend.level-typical{--pulse-accent:var(--level-typical)}.pulse-bar.level-typical{fill:var(--level-typical)}.pulse-panel.level-raised,.today-tile.level-raised,.pulse-chart.level-raised,.pulse-legend.level-raised{--pulse-accent:var(--level-raised)}.pulse-bar.level-raised{fill:var(--level-raised)}.pulse-panel.level-high,.today-tile.level-high,.pulse-chart.level-high,.pulse-legend.level-high{--pulse-accent:var(--level-high)}.pulse-bar.level-high{fill:var(--level-high)}.pulse-panel-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:38px}.pulse-days{display:flex;padding:4px;border:1px solid #344154;border-radius:999px;background:#111c29;gap:2px}.pulse-days a{display:flex;align-items:center;justify-content:center;min-height:40px;padding:6px 20px;text-decoration:none;color:#adbbce;font-size:12px;border-radius:99px}.pulse-days a[aria-current=date]{background:#334154;color:#fff}.pulse-clock{font-size:11px;letter-spacing:.04em;color:#9daec3}.pulse-back{font-size:13px;color:#c5d1e1;text-decoration:none}.pulse-overview{display:grid;grid-template-columns:1.15fr 1fr;gap:50px;align-items:center;margin-bottom:38px}.pulse-status{display:flex;align-items:center;gap:9px;color:#b5c4d7;font-size:12px}.pulse-status>span{width:6px;height:6px;border-radius:50%;background:var(--pulse-accent)}.pulse-status.is-delayed{color:var(--secondary-on-night)}.pulse-clock-icon{width:12px;height:12px;flex:none;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round}.pulse-reading{display:flex;align-items:baseline;gap:14px;line-height:1.15;margin:14px 0 8px;font-variant-numeric:tabular-nums}.pulse-reading>span:first-child{color:var(--pulse-accent);font-size:84px;font-weight:300;letter-spacing:-.055em}.pulse-reading .pulse-unit{font-size:22px;font-weight:300;color:var(--pulse-accent);letter-spacing:-.02em}.pulse-meaning{font-size:21px;color:var(--pulse-accent);font-weight:300;line-height:1.4;letter-spacing:-.02em}.pulse-stamp{font-size:11px;color:#aebed2;margin-top:14px}.pulse-context{max-width:395px;justify-self:end;color:#bdc9d9;font-size:13px;line-height:1.85}.pulse-context .pulse-delay{color:var(--secondary-on-night);margin-top:12px;display:flex;gap:8px;align-items:baseline}.pulse-refresh{display:inline-flex;align-items:center;gap:20px;min-height:44px;border:0;border-bottom:1px solid #4c5a6d;background:transparent;color:#e4ebf5;padding:0;font:400 12px Poppins,sans-serif;margin-top:18px;cursor:pointer}.pulse-chart-heading{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:14px}.pulse-chart-heading>p{font-size:13px;color:#e8eef7}.pulse-chart-heading>p>span{display:block;font-size:10px;color:#95a8c1;margin-top:4px}.pulse-compare{min-height:44px;padding:8px 14px;border:1px solid #445064;border-radius:999px;background:transparent;color:#c3ccdc;font:400 11px Poppins,sans-serif;cursor:pointer;white-space:nowrap}.pulse-compare span{margin-right:8px}.pulse-compare[aria-pressed=true]{background:#283444;border-color:#536074}.pulse-chart{width:100%;height:auto;display:block;overflow:visible}.pulse-chart-mobile{display:none}.pulse-grid{stroke:#334051;stroke-width:1}.pulse-axis{fill:#aabbd0;font:400 12px Poppins,sans-serif}.pulse-threshold{stroke:#96784b;stroke-width:1;stroke-dasharray:4 5}.pulse-threshold-label{fill:#d6b47e;font:400 10px Poppins,sans-serif;paint-order:stroke;stroke:var(--panel);stroke-width:3px;stroke-linejoin:round}.pulse-bar{fill:var(--secondary-on-night)}.pulse-gap{fill:#48566a}.pulse-previous{stroke:#697a91;stroke-width:3;stroke-linecap:round}.pulse-line{stroke:var(--pulse-accent);stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}.pulse-previous-line{stroke:#64748b;stroke-width:1.7;fill:none;stroke-dasharray:4 4}.pulse-single{fill:var(--pulse-accent)}.pulse-legend{display:flex;flex-wrap:wrap;gap:10px 24px;font-size:10px;color:#a9bbd2;margin:14px 0 30px}.pulse-legend span{display:flex;align-items:center;gap:7px}.pulse-legend i{width:6px;height:6px;border-radius:50%;background:var(--pulse-accent)}.pulse-legend i.previous{background:#76879d}.pulse-legend span:last-child{margin-left:auto}.pulse-facts{display:grid;grid-template-columns:1fr 1.4fr 1fr;border-top:1px solid #344154;border-bottom:1px solid #344154;padding:24px 0;gap:25px}.pulse-facts>div+div{padding-left:26px;border-left:1px solid #344154}.pulse-facts p{font-size:10px;color:#a9b9ce;margin-bottom:10px}.pulse-facts>div>span{display:block;font-size:27px;font-weight:300;line-height:1.5}.pulse-facts small{font-size:10px;color:#a7b9d1;font-weight:400;line-height:1.7}.pulse-facts span small{margin-left:8px}.pulse-facts .pulse-delta{font-size:20px}.pulse-source{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 16px;font-size:10px;line-height:1.7;padding:20px 0;color:#98abc3}.pulse-source a{color:#c5d3e5;text-decoration:none}.pulse-panel a:hover,.pulse-panel button:hover{color:#fff}.pulse-panel a:focus-visible,.pulse-panel button:focus-visible{outline:2px solid #e5eefb;outline-offset:4px}.pulse-under-panel{display:flex;justify-content:space-between;gap:32px;padding:22px 8px 28px;color:#58667b;font-size:12px;line-height:1.85}.pulse-under-panel p{max-width:720px}.pulse-under-panel a{white-space:nowrap;align-self:flex-start;font-size:11px}.pulse-empty{min-height:215px;border:1px solid #334154;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px;text-align:center;margin:0 0 30px;background:radial-gradient(ellipse at center,#20354577,transparent 65%)}.pulse-empty-orbit{width:66px;height:33px;border:1px solid #64798c;border-radius:50%;transform:rotate(-20deg);position:relative;margin-bottom:24px}.pulse-empty-orbit:after{content:"";position:absolute;left:28px;top:11px;width:8px;height:8px;border-radius:50%;background:var(--pulse-accent)}.pulse-empty p{font-size:15px;font-weight:300;color:#dbe5ef}.pulse-empty a{font-size:11px;margin-top:15px;color:#a9c5da}.pulse-secondary{display:grid;grid-template-columns:1.35fr 1fr;gap:70px;align-items:center;border-top:1px solid #dce5ee;padding:38px 8px;margin-top:12px}.pulse-secondary h2{font-size:29px;margin:10px 0 14px}.pulse-secondary p{font-size:13px;color:#56647a;max-width:560px;line-height:1.9}.pulse-xray{border-left:1px solid #dce5ee;padding-left:40px}.pulse-xray>span{display:block;font-size:31px;letter-spacing:-.035em;font-weight:300;margin:8px 0}.pulse-xray small{font-size:13px;letter-spacing:0;margin-left:10px;color:#657287}.pulse-xray p,.pulse-xray a{font-size:11px;color:#5c6b81}.pulse-xray a{display:inline-block;margin-top:9px}.pulse-table{border-block:1px solid #dce5ee;padding:16px 8px}.pulse-table summary{font-size:12px;min-height:36px;cursor:pointer;display:list-item;align-content:center}.pulse-table table{width:100%;font-size:12px;text-align:left;border-collapse:collapse;margin:15px 0}.pulse-table th{font-weight:400}.pulse-table th,.pulse-table td{padding:10px 14px;border-bottom:1px solid #dce5ee}.pulse-table caption{text-align:left;padding:14px;color:#617086}.pulse-share{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;padding:65px 8px}.pulse-share h2{font-size:36px;line-height:1.2;margin:12px 0 18px}.pulse-share p{font-size:13px;color:#59677b;max-width:420px;line-height:1.85}.pulse-share-actions{display:flex;align-items:center;gap:22px;margin-top:25px;flex-wrap:wrap}.pulse-primary{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:48px;padding:13px 21px;border:0;border-radius:999px;background:#172536;color:#fff;font:400 12px Poppins,sans-serif;text-decoration:none;cursor:pointer}.pulse-primary:hover{background:#293d55;color:#fff}.pulse-text-link{font-size:12px}.pulse-card-preview{display:block;transform:rotate(1.5deg);transition:transform .2s}.pulse-card-preview:hover{transform:rotate(0)}.pulse-card-preview img{border-radius:14px;box-shadow:0 20px 40px -18px #14274155}.pulse-downloads{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:15px}.pulse-downloads a,.pulse-downloads button{font:400 10px Poppins,sans-serif;color:#5c6b81;min-height:35px;display:inline-flex;align-items:center}.pulse-downloads button{border:0;padding:0;background:transparent;text-decoration:underline;text-underline-offset:5px;cursor:pointer}.pulse-feedback{min-height:20px;margin-top:8px}.pulse-enhance{display:none!important}.pulse-ready .pulse-enhance{display:inline-flex!important}.pulse-panel button:disabled{opacity:.5;cursor:wait}.pulse-app{display:grid;grid-template-columns:1fr auto;gap:45px;align-items:center;padding:40px;background:#e9eff5;border:1px solid #dce5ee;border-radius:22px;margin-top:24px}.pulse-app-brand{display:flex;align-items:center;gap:16px;margin-bottom:20px}.pulse-app-brand img{border-radius:12px}.pulse-app-brand span{font-size:13px}.pulse-app h2{font-size:32px;max-width:570px}.pulse-app p{font-size:13px;line-height:1.85;color:#56647a;max-width:620px;margin-top:16px}.pulse-app-actions{display:flex;flex-direction:column;gap:15px;align-items:center;min-width:190px}.pulse-app-actions>span{font-size:10px;color:#64748b}.pulse-app-actions>a:last-child{font-size:11px}.pulse-learn{margin-top:70px}.pulse-learn>h2{font-size:32px;margin-bottom:28px}.pulse-learn-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.pulse-learn-grid a{display:block;text-decoration:none;padding:24px 0;border-top:1px solid #ccd8e6}.pulse-learn-grid span{font-size:11px;color:#69768a}.pulse-learn-grid h3{font-size:22px;line-height:1.4;margin:14px 0}.pulse-learn-grid p{font-size:12px;line-height:1.8;color:#637087}.pulse-method{border-top:1px solid #dce5ee;margin-top:35px;padding:30px 0}.pulse-method h2{font-size:25px;margin-bottom:20px}.pulse-method p{font-size:13px;color:#58677c;line-height:1.9;max-width:850px;margin-bottom:15px}.pulse-method a{font-size:12px}.nav-today{font-size:13px;text-decoration:none}
@media(max-width:1000px){.pulse-overview{gap:28px}.pulse-panel{padding:28px 28px 0}.pulse-share{gap:32px}.pulse-share h2{font-size:30px}.pulse-facts{grid-template-columns:1fr 1.3fr 1fr;gap:16px}.pulse-facts>div+div{padding-left:16px}.pulse-app{gap:24px;padding:30px}.pulse-heading{margin-bottom:32px}.pulse-source{font-size:9px}}
@media(max-width:720px){.pulse-page{padding-top:28px;padding-bottom:60px}.pulse-heading .breadcrumbs{margin-bottom:26px;font-size:10px}.pulse-heading h1{font-size:44px;line-height:1.12;margin:14px 0 20px}.pulse-heading>p{font-size:15px;line-height:1.85}.pulse-eyebrow{font-size:10px}.pulse-topic-nav{gap:2px;margin-bottom:18px;padding-bottom:13px}.pulse-topic-nav a{font-size:11px;padding:10px 13px;gap:7px}.pulse-panel{padding:21px 20px 0;border-radius:20px;margin-inline:-4px}.pulse-panel-top{gap:10px;flex-wrap:wrap;margin-bottom:28px}.pulse-days{width:100%}.pulse-days a{flex:1;min-height:39px;padding:6px 10px;font-size:11px}.pulse-clock{font-size:9px;margin-left:auto}.pulse-overview{grid-template-columns:1fr;gap:20px;margin-bottom:28px}.pulse-status{font-size:11px}.pulse-reading>span:first-child{font-size:76px}.pulse-reading .pulse-unit{font-size:20px}.pulse-meaning{font-size:21px;max-width:310px}.pulse-stamp{font-size:10px;line-height:1.8}.pulse-context{font-size:12px;max-width:none;justify-self:stretch;line-height:1.85}.pulse-refresh{margin-top:10px;font-size:11px}.pulse-chart-heading{gap:8px;align-items:center;margin-bottom:8px}.pulse-chart-heading>p{font-size:11px}.pulse-chart-heading>p>span{font-size:9px}.pulse-compare{font-size:9px;padding:7px 11px;min-height:44px}.pulse-chart-desktop{display:none}.pulse-chart-mobile{display:block}.pulse-axis{font-size:11px}.pulse-threshold-label{font-size:10px}.pulse-legend{font-size:9px;gap:9px 18px;margin-top:14px;margin-bottom:22px}.pulse-legend span:last-child{margin-left:0;width:100%;font-size:9px}.pulse-facts{grid-template-columns:1fr 1fr;gap:20px;padding:22px 0}.pulse-facts>div+div{padding-left:0;border-left:0}.pulse-facts>div:nth-child(2){grid-row:2;grid-column:1/-1;padding-top:16px;border-top:1px solid #344154}.pulse-facts p{font-size:9px;margin-bottom:6px}.pulse-facts>div>span{font-size:25px}.pulse-facts .pulse-delta{font-size:21px}.pulse-facts span small{font-size:9px}.pulse-facts small{font-size:9px}.pulse-source{font-size:9px;padding:17px 0;display:block}.pulse-source p+p{margin-top:6px}.pulse-under-panel{display:block;padding:20px 0 25px;font-size:11px;line-height:1.9}.pulse-under-panel a{display:inline-block;margin-top:14px;min-height:34px}.pulse-secondary{grid-template-columns:1fr;gap:24px;padding:27px 0}.pulse-secondary h2{font-size:27px}.pulse-secondary p{font-size:12px}.pulse-xray{border-left:0;border-top:1px solid #dce5ee;padding:22px 0 0}.pulse-xray>span{font-size:29px}.pulse-xray p,.pulse-xray a{font-size:10px}.pulse-table{padding-inline:0}.pulse-table table{font-size:11px;min-width:330px}.pulse-table td,.pulse-table th{padding:10px 8px}.pulse-share{grid-template-columns:1fr;gap:26px;padding:42px 0}.pulse-share h2{font-size:32px;max-width:300px;margin-bottom:17px}.pulse-share p{font-size:12px}.pulse-share-actions{gap:20px;margin-top:21px}.pulse-card-preview{transform:rotate(0)}.pulse-downloads a,.pulse-downloads button{min-height:44px;font-size:11px}.pulse-app{grid-template-columns:1fr;padding:27px 24px;border-radius:20px;gap:25px;margin-top:10px}.pulse-app h2{font-size:28px}.pulse-app p{font-size:12px}.pulse-app-actions{align-items:flex-start;gap:12px}.pulse-app-actions>span{font-size:10px}.pulse-app-actions>a:last-child{min-height:44px;display:flex;align-items:center}.pulse-learn{margin-top:45px}.pulse-learn>h2{font-size:29px}.pulse-learn-grid{grid-template-columns:1fr;gap:0}.pulse-learn-grid a{padding:22px 0}.pulse-learn-grid h3{font-size:23px;margin:10px 0}.pulse-learn-grid p{font-size:12px}.pulse-method{margin-top:22px;padding-top:27px}.pulse-method h2{font-size:24px}.pulse-method p{font-size:12px}.pulse-empty{padding:25px 16px;min-height:210px}.pulse-empty p{font-size:14px}.pulse-back{font-size:11px}.nav-today{font-size:12px}.site-header nav{gap:11px}.pulse-primary:focus-visible,.pulse-page button:focus-visible{outline:3px solid var(--level-low);outline-offset:4px}}
@media(max-width:380px){.pulse-heading h1{font-size:37px}.pulse-topic-nav a{font-size:10px;padding-inline:10px}.pulse-panel{padding-inline:15px}.pulse-chart-heading{flex-wrap:wrap}.pulse-compare{font-size:9px}.pulse-facts span small{display:block;margin-left:0}.pulse-reading>span:first-child{font-size:68px}.pulse-meaning{font-size:19px}.nav-today{font-size:11px}.pulse-app{padding:24px 20px}}
@media(prefers-reduced-motion:reduce){.pulse-card-preview{transition:none;transform:none}.pulse-page *{scroll-behavior:auto}}

.pulse-feedback{overflow-wrap:anywhere}.pulse-context .pulse-feedback:empty{min-height:0;margin:0}.pulse-context .pulse-feedback{font-size:11px;color:#c4d7eb;margin-top:12px}

/* Keep observations close to the introduction and metadata readable. */
.pulse-page{padding-top:28px}.pulse-heading{margin-bottom:30px}.pulse-heading .breadcrumbs{margin-bottom:24px}.pulse-heading h1{font-size:clamp(42px,4.8vw,66px)}.pulse-panel-top{margin-bottom:28px}.pulse-overview{margin-bottom:26px}.pulse-source{font-size:11px}.pulse-facts p,.pulse-facts small,.pulse-legend{font-size:11px}.pulse-clock,.pulse-stamp{font-size:12px}.pulse-chart-heading>p>span{font-size:11px}
@media(max-width:720px){.pulse-page{padding-top:20px}.pulse-heading h1{font-size:41px}.pulse-heading>p{font-size:14px}.pulse-panel-top{margin-bottom:24px}.pulse-clock,.pulse-stamp,.pulse-source,.pulse-facts p,.pulse-facts small,.pulse-facts span small,.pulse-legend,.pulse-legend span:last-child,.pulse-chart-heading>p>span{font-size:11px}.pulse-compare{font-size:10px}.pulse-days a{min-height:44px}.pulse-legend{gap:9px 16px}.pulse-xray p,.pulse-xray a{font-size:11px}.pulse-app-actions>span{font-size:11px}}
@media(max-width:380px){.pulse-heading h1{font-size:36px}.pulse-facts span small{font-size:11px}}
/* The minute estimate is a compact, separate reading; saved charts use completed bins. */
.pulse-running{border-top:0;margin:0 0 24px;padding:4px 8px 22px;grid-template-columns:2fr 1fr;gap:32px}.pulse-running h2{font-size:25px;margin:7px 0 9px}.pulse-running .pulse-xray>span{font-size:48px;line-height:1.2}.pulse-running p{font-size:12px}.pulse-running .pulse-xray p,.pulse-running .pulse-xray a{font-size:10px}
@media(max-width:720px){.pulse-running{grid-template-columns:1fr 118px;gap:18px;padding:0 0 20px;margin-bottom:10px;align-items:start}.pulse-running h2{font-size:21px;line-height:1.35}.pulse-running p{font-size:11px;line-height:1.7}.pulse-running .pulse-xray{border-left:1px solid #dce5ee;border-top:0;padding:2px 0 0 15px}.pulse-running .pulse-xray>span{font-size:40px}.pulse-running .pulse-xray p,.pulse-running .pulse-xray a{font-size:9px;line-height:1.8}}

.pulse-single-previous{fill:#64748b}

/* Station explorer: quiet cartography, distinct source formats, original imagery. */
.station-explorer{display:grid;grid-template-columns:1fr 1.12fr;gap:24px 48px;align-items:center;margin:24px 0 30px}.station-intro h2{font-size:32px;font-weight:300;line-height:1.2;letter-spacing:-.035em;margin:10px 0 14px}.station-intro p{font-size:12px;line-height:1.85;color:#657184;max-width:340px}.station-intro>a{display:inline-flex;align-items:center;min-height:44px;font-size:11px;color:#475d70}.station-map{position:relative;aspect-ratio:2;border-radius:18px;overflow:hidden;background:#122233 url('/assets/learn/station-europe.svg') center/100% 100% no-repeat;box-shadow:inset 0 0 50px #08132066;color:#d2e0e9}.station-map-label{position:absolute;left:20px;top:18px;font-size:9px;letter-spacing:.2em;color:#b2c2ce}.station-map-note{position:absolute;bottom:9px;left:14px;right:14px;font-size:8px;color:#aabfce}.station-map-note a{color:inherit}.station-pin{position:absolute;display:flex;align-items:center;gap:12px;min-height:44px;padding:0 9px;transform:translate(-15px,-22px);text-decoration:none;color:#eef6fb}.station-pin-nagycenk{left:57.67%;top:49.62%}.station-pin-etna{left:54.60%;top:78.30%}.station-pin i{width:8px;height:8px;flex:0 0 8px;border:1px solid #d0e2ee;border-radius:50%;background:#405c70;box-shadow:0 0 0 5px #c5dbe615}.station-pin span{font-size:12px;line-height:1.35;text-shadow:0 1px 5px #071523}.station-pin small{display:block;color:#b9cddd;font-size:9px;margin-top:3px}.station-pin.is-selected i{background:#b5eddf;border-color:#d7fff4;box-shadow:0 0 0 6px #b5eddf22,0 0 18px #b5eddf66}.station-pin:hover{color:#b5eddf}.station-pin:focus-visible{outline:2px solid #c3f4e7;outline-offset:2px;border-radius:4px}.station-options{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.station-options>a{display:flex;align-items:center;gap:16px;min-height:84px;padding:17px 20px;border:1px solid #d4dfe8;border-radius:14px;text-decoration:none;color:#253b4c;background:#f6f9fc;transition:background .15s,border-color .15s}.station-options>a:hover{border-color:#8da9bc;background:#edf3f7}.station-options>a[aria-current=true]{background:#e4eeef;border-color:#8aa9a4;box-shadow:0 2px 6px #152e4310}.station-number{font-size:10px;color:#7b8c9c;font-variant-numeric:tabular-nums}.station-name{display:block;font-size:17px;font-weight:300;line-height:1.3}.station-name small{font-size:10px;margin-left:10px;font-weight:400;color:#5c7180}.station-format{display:block;font-size:10px;color:#587080;margin-top:5px}.station-arrow{margin-left:auto;color:#73988e;font-size:12px}.station-options>a:focus-visible{outline:3px solid var(--level-low);outline-offset:3px}.station-detail{border:1px solid #d6e0e9;background:#f7f9fb;border-radius:22px;padding:34px 36px}.station-detail-head{display:flex;align-items:center;justify-content:space-between;gap:24px}.station-detail h2{font-size:43px;line-height:1.2;font-weight:300;letter-spacing:-.04em;margin:10px 0 12px}.station-detail h2>span{display:block;font-size:13px;letter-spacing:0;color:#64788b;margin-top:10px;font-weight:400}.station-access{font-size:11px;color:#5b6d80;border:1px solid #d1dce6;border-radius:999px;padding:10px 15px;white-space:nowrap}.station-description{font-size:13px;line-height:1.9;color:#586a7e;max-width:790px;margin:15px 0 25px}.station-capture-status{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:11px;color:#52677a;margin-bottom:13px}.station-spectrogram{margin:0}.station-spectrogram>a{display:block;border:10px solid #132331;border-radius:14px;background:#132331;overflow:hidden}.station-spectrogram img{display:block;width:100%;height:auto}.station-spectrogram figcaption{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 0;font-size:10px;line-height:1.8;color:#526a7d}.station-spectrogram figcaption>a{white-space:nowrap}.station-time-note{font-size:11px;line-height:1.9;color:#65788a;max-width:850px}.station-pending{display:flex;gap:36px;align-items:center;padding:36px 30px;border-radius:16px;background:linear-gradient(125deg,#142638,#223d4b);color:#e4eff5;margin-top:22px}.station-pending .pulse-eyebrow{color:#b6d4d9}.station-pending h3{font-size:27px;letter-spacing:-.025em;font-weight:300;line-height:1.3;margin:10px 0 15px}.station-pending p{font-size:12px;line-height:1.9;color:#bccdd9;max-width:600px;margin-bottom:22px}.station-pending .pulse-primary{background:#d2ebe4;color:#183c38}.station-wave{font-size:110px;font-weight:300;line-height:1;color:#afd5cf;display:flex;align-items:center;justify-content:center;min-width:150px;height:150px;border:1px solid #6d9c9c55;border-radius:50%;box-shadow:0 0 0 12px #98cfc509,0 0 0 26px #98cfc506}.station-notes{display:grid;grid-template-columns:1fr 1fr;gap:40px;border-top:1px solid #d6e1e9;margin-top:27px;padding-top:26px}.station-notes h3{font-size:17px;font-weight:300;margin-bottom:12px}.station-notes p{font-size:12px;line-height:1.9;color:#5c6f82}.station-notes a{display:inline-flex;align-items:center;min-height:40px;font-size:11px;color:#49677d}.station-provider{font-size:11px;color:#5a6f83;margin-top:20px;line-height:1.8}.station-history{border-top:1px solid #d6e1e9;margin-top:20px;padding-top:12px}.station-history summary{font-size:12px;min-height:44px;align-content:center;cursor:pointer}.station-history summary span{color:#6c8192;margin-left:12px;font-size:10px}.station-history p,.station-history li{font-size:11px;line-height:2;color:#607588}.station-history ul{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:5px 30px;padding:12px 0}.station-history li a{display:inline-flex;align-items:center;min-height:36px}
@media(max-width:1000px){.station-explorer{gap:24px}.station-name small{display:block;margin:5px 0 0}.station-options>a{gap:12px;padding:16px}.station-intro h2{font-size:28px}.station-detail{padding:28px}.station-wave{min-width:110px;height:110px;font-size:85px}}
@media(max-width:720px){.station-explorer{grid-template-columns:1fr;gap:18px;margin:24px 0}.station-intro{display:none}.station-map{aspect-ratio:2.3;background-size:100% 100%;border-radius:16px}.station-map-label{font-size:8px;left:15px;top:14px}.station-pin{gap:9px}.station-pin span{font-size:12px}.station-pin small{font-size:9px}.station-map-note{font-size:8px;bottom:7px}.station-options{gap:7px}.station-options>a{display:block;position:relative;min-height:104px;padding:13px 10px}.station-number{display:block;font-size:9px;margin-bottom:9px}.station-name{font-size:16px}.station-name small{font-size:9px;margin-top:4px}.station-format{font-size:9px;line-height:1.5;margin-top:8px}.station-arrow{position:absolute;right:11px;top:13px;font-size:9px}.station-detail{padding:23px 19px;border-radius:20px}.station-detail-head{display:block}.station-detail h2{font-size:38px}.station-detail h2>span{font-size:12px}.station-access{display:inline-flex;padding:7px 11px;font-size:10px;margin:4px 0}.station-description{font-size:12px;margin:17px 0 22px}.station-capture-status{font-size:10px;line-height:1.7;gap:4px}.station-spectrogram>a{border-width:5px;border-radius:9px}.station-spectrogram figcaption{font-size:10px;gap:6px;padding:12px 0}.station-spectrogram figcaption>a{display:inline-flex;align-items:center;min-height:36px}.station-time-note{font-size:11px}.station-pending{display:block;padding:25px 21px}.station-wave{display:none}.station-pending h3{font-size:25px}.station-pending p{font-size:12px}.station-pending .pulse-primary{font-size:11px;padding:12px 16px}.station-notes{grid-template-columns:1fr;gap:24px;margin-top:23px;padding-top:22px}.station-notes p{font-size:12px}.station-notes h3{font-size:19px}.station-provider{font-size:10px}.station-history ul{grid-template-columns:1fr}.station-history li a{min-height:44px}}
@media(prefers-reduced-motion:reduce){.station-options>a{transition:none}}
/* Observation postcards share the accepted Moon component's visual language. */
.pulse-ready .pulse-postcard.moon-share .moon-share-formats{display:flex!important}.pulse-postcard .moon-share-feedback{overflow-wrap:anywhere}.pulse-preview-feedback{font-size:12px;color:#8e422b;text-align:center;line-height:1.7}.pulse-preview-feedback:empty{display:none}.pulse-postcard .moon-share-visual{min-width:0}.pulse-postcard .moon-refresh{align-items:center}

.pulse-current-label{font-size:12px;color:#acbcd0}.pulse-facts-current{grid-template-columns:repeat(2,minmax(0,1fr))}.pulse-app-history{display:flex;justify-content:space-between;gap:24px;padding:28px 0;border-bottom:1px solid #e1e5ea}.pulse-app-history h2{font-size:26px;font-weight:300;letter-spacing:-.7px;margin:0 0 8px}.pulse-app-history p{font-size:12px;color:#62717f;margin:0;line-height:1.8}.pulse-app-history>div+div{display:flex;flex-direction:column;justify-content:center;gap:12px;font-size:12px;text-underline-offset:4px}.pulse-app-history>div+div a+a{font-size:10px}@media(max-width:720px){.pulse-app-history{display:block}.pulse-app-history>div+div{margin-top:18px}.pulse-facts-current{grid-template-columns:1fr 1fr}}

/* In-place definitions, with ordinary glossary links as the browser fallback. */
.term-trigger { display: none; }
.term-card { display: none; }
@supports selector(:popover-open) {
  .term-fallback { display: none; }
  .term-trigger { display: inline; padding: .05em 0; margin: 0; border: 0; background: transparent; color: inherit; font: inherit; text-align: inherit; text-decoration: underline dotted #6b8a83; text-underline-offset: .23em; text-decoration-thickness: 1px; cursor: help; }
  .term-trigger:hover { color: #316d5c; text-decoration-style: solid; }
  .term-trigger:focus-visible { outline: 2px solid #4b7d70; outline-offset: 4px; border-radius: 3px; }
  .term-card:popover-open { display: block; }
  .term-card { position: fixed; inset: 0; margin: auto; width: min(390px, calc(100vw - 32px)); max-height: min(520px, calc(100dvh - 40px)); overflow: auto; padding: 30px; border: 1px solid #d5dfdb; border-radius: 24px; background: #fcfefa; color: #182e2c; box-shadow: 0 14px 65px #12282132; font-family: Poppins, sans-serif; }
  .term-card::backdrop { background: transparent; }
  .term-card .term-kicker { margin: 0 40px 12px 0; color: #57726b; font-size: 10px; letter-spacing: .13em; text-transform: uppercase; }
  .term-card h2 { margin: 0 20px 16px 0; font-size: 26px; line-height: 1.3; font-weight: 300; letter-spacing: -.035em; }
  .term-card > p:not(.term-kicker) { margin: 0 0 18px; font-size: 14px; line-height: 1.8; }
  .term-card > a, .term-continue { display: block; padding-top: 16px; border-top: 1px solid #dce5df; color: #315b50; font-size: 12px; line-height: 1.8; text-decoration: none; }
  .term-continue { width: 100%; background: transparent; border: 0; border-top: 1px solid #dce5df; font-family: inherit; text-align: left; cursor: pointer; }
  .term-close { position: absolute; top: 8px; right: 8px; width: 44px; height: 44px; border: 0; border-radius: 50%; background: transparent; font: 300 26px/1 Poppins,sans-serif; color: #526b65; cursor: pointer; }
  .term-close:hover { background: #eaf0eb; }
}
@supports (position-area: bottom) {
  @media (min-width: 651px) {
    .term-card { inset: auto; margin: 12px; position-area: bottom; position-try-fallbacks: flip-block, flip-inline; }
  }
}
.quick-glossary { display: grid; gap: 24px; }
.quick-glossary section { padding: 24px; border: 1px solid #dde4e2; border-radius: 18px; scroll-margin-top: 30px; }
.quick-glossary h3 { margin-top: 0; }
.quick-glossary a { font-size: 13px; }
.site-footer { margin-top: 80px; padding-top: 48px; }
.footer-intro { display: flex; justify-content: space-between; gap: 30px; align-items: flex-end; padding-bottom: 36px; }
.footer-intro .eyebrow { margin-bottom: 12px; }
.footer-intro h2 { font-size: clamp(26px, 3vw, 40px); font-weight: 300; letter-spacing: -.045em; margin: 0; line-height: 1.3; }
.footer-intro > a { font-size: 12px; color: #516b63; white-space: nowrap; padding: 10px 0; }
.footer-catalog { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); column-gap: 44px; row-gap: 32px; padding: 8px 0 48px; align-items: start; }
.footer-group { min-width: 0; border-top: 1px solid #d9e2df; }
.footer-group summary { display: flex; align-items: center; gap: 8px; cursor: pointer; padding: 18px 0 12px; font-size: 14px; font-weight: 400; list-style: none; }
.footer-group summary::-webkit-details-marker { display: none; }
.footer-group summary::after { content: '+'; margin-left: auto; font-size: 20px; color: #617b72; }
.footer-group[open] summary::after { content: '−'; }
.footer-group .footer-count { font-size: 10px; color: #64766f; }
.footer-group ul { list-style: none; margin: 0; padding: 0; }
.footer-group li { padding: 0; }
.footer-group a { display: block; padding: 8px 0; font-size: 12px; line-height: 1.6; color: #55645f; text-decoration: none; }
.footer-group a:hover { color: #183d31; text-decoration: underline; text-underline-offset: 3px; }
.site-footer .footer-top { border-top: 1px solid #d9e2df; padding-top: 28px; flex-wrap: wrap; }
.site-footer .footer-top nav { display: flex; flex-wrap: wrap; gap: 14px; }
@media (max-width: 650px) {
  .site-footer { margin-top: 50px; padding-top: 30px; }
  .footer-intro { align-items: flex-start; flex-direction: column; gap: 12px; padding-bottom: 22px; }
  .footer-catalog { grid-template-columns: minmax(0,1fr); gap: 0; padding-bottom: 28px; }
  .footer-group summary { padding: 18px 0; min-height: 60px; }
  .footer-group ul { padding-bottom: 16px; }
  .footer-group a { padding: 12px 0; font-size: 13px; min-height: 44px; }
  .term-card { padding: 26px; border-radius: 22px; }
}

/* Text stays readable around the shared, shaded lunar teaching illustrations. */
.md-lunar-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 14px;list-style:none;padding:0;margin:28px 0;text-align:center}
.md-lunar-grid .md-lunar-image{display:block;width:100%;max-width:128px;height:auto;aspect-ratio:1;margin:0 auto 12px}
.md-lunar-grid p{margin:5px 0;font-size:14px}.md-lunar-grid .md-label{font-size:16px}.md-lunar-south{transform:rotate(180deg)}

/* Moon today: the same pearl canvas, with a quiet graphite sky. */
.moon-page{padding-top:30px}.moon-heading{margin:0 0 28px}.moon-heading .eyebrow{margin:22px 0 6px}.moon-heading h1{font-size:clamp(44px,6vw,72px);font-weight:300;letter-spacing:-.045em;line-height:1.13;margin:0 0 12px}.moon-heading>p:last-child{font-size:18px;color:var(--muted);margin:0}.moon-settings{display:flex;align-items:end;gap:26px;margin:30px 0 8px;flex-wrap:wrap}.moon-settings label,.moon-hemisphere>span{display:block;font-size:12px;color:var(--muted);letter-spacing:.02em}.moon-settings select{display:block;max-width:100%;width:310px;height:48px;margin-top:6px;padding:0 36px 0 15px;background:#fff;color:var(--text);border:1px solid var(--line);border-radius:14px;font:400 14px var(--font)}.moon-settings select:focus-visible,.moon-page button:focus-visible{outline:3px solid var(--level-low);outline-offset:3px}.moon-hemisphere>div{display:flex;background:#eaf0f6;border:1px solid #dce5ee;padding:4px;border-radius:14px;margin-top:6px;min-height:48px}.moon-hemisphere a{text-decoration:none;font-size:13px;display:grid;place-items:center;padding:6px 17px;border-radius:10px;min-height:38px}.moon-hemisphere a[aria-current]{background:#fff;color:#172337;box-shadow:0 2px 6px #0d20300a}.moon-device-zone{background:none;border:0;color:#4c6080;font:400 12px var(--font);min-height:44px;cursor:pointer}.moon-device-zone:disabled{opacity:.55;cursor:default}.moon-settings-note{font-size:12px;color:var(--muted);margin:8px 0 24px}.moon-hero{display:grid;grid-template-columns:1.05fr 1fr;border-radius:30px;overflow:hidden;background:radial-gradient(ellipse at 80% 25%,#263246 0,#121c2b 45%,#101825 100%);color:#f3f5fa;box-shadow:0 22px 56px #12263b14}.moon-hero-copy{padding:54px 0 30px 52px;align-self:center}.moon-kicker{font-size:12px;letter-spacing:.06em;line-height:1.5;margin:0 0 14px;color:#b4c2d4}.moon-hero h2{font-weight:300;font-size:clamp(32px,4.5vw,56px);line-height:1.16;letter-spacing:-.04em;margin:0 0 18px}.moon-hero-description{color:#c2cddd;font-size:15px;max-width:330px;margin:0 0 32px}.moon-metrics{display:flex;gap:42px;margin:0 0 28px}.moon-metrics dt{color:#b4c2d4;font-size:12px;margin-bottom:4px}.moon-metrics dt a{color:inherit;text-decoration:none;padding:6px}.moon-metrics dd{font-size:36px;font-weight:300;margin:0;line-height:1.2;font-variant-numeric:tabular-nums;letter-spacing:-.035em}.moon-metrics dd>span{font-size:16px;color:#bac7d9;letter-spacing:0}.moon-stamp{font-size:11px;line-height:1.8;color:#b3c1d3;margin:0}.moon-stamp span{color:#98a9bf}.moon-hero-art{margin:0;padding:28px 24px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center}.moon-disk{display:block;flex-shrink:0}.moon-disk-hero{width:100%;max-width:380px;height:auto;filter:drop-shadow(0 10px 32px #0003)}.moon-hero-art figcaption{font-size:10px;line-height:1.7;text-align:center;color:#a9b9ce;margin-top:3px}.moon-hero a:hover{color:#fff}.moon-next{grid-column:1/-1;border-top:1px solid #ffffff1c;margin:0 40px;padding:25px 12px 29px;display:flex;justify-content:space-between;align-items:center;gap:24px}.moon-next .moon-kicker{margin-bottom:6px}.moon-next-date{font-size:29px;font-weight:300;line-height:1.3;letter-spacing:-.02em;margin:0 0 5px}.moon-next span{font-size:12px;color:#afbed1}.moon-next-count{text-align:right;font-size:23px;font-weight:300;color:#dae4f2}.moon-next-count a{display:block;font-size:12px;font-weight:400;margin-top:12px;color:#c3d2e6;text-underline-offset:4px}.moon-calendar{margin-top:58px;scroll-margin-top:28px}.moon-calendar-heading{display:flex;justify-content:space-between;gap:20px;align-items:center}.moon-calendar h2{font-size:36px;font-weight:300;letter-spacing:-.035em;margin:0}.moon-calendar-heading .eyebrow{margin:0 0 6px}.moon-calendar-heading nav{display:flex;align-items:center;gap:8px}.moon-nav,.moon-reset{display:grid;place-items:center;text-decoration:none;border:1px solid var(--line);border-radius:50%;width:44px;height:44px;background:white;font-size:20px}.moon-nav[aria-disabled]{opacity:.35}.moon-reset{border-radius:13px;width:auto;padding:0 16px;font-size:13px}.moon-calendar-intro{font-size:13px;color:var(--muted);max-width:650px;margin:16px 0 28px}.moon-calendar-layout{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:28px}.moon-weekdays,.moon-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.moon-weekdays{font-size:11px;color:var(--muted);text-align:center;margin-bottom:12px}.moon-grid{gap:8px}.moon-date{min-width:0;min-height:100px;display:flex;flex-direction:column;align-items:center;text-decoration:none;background:#fff;border:1px solid #e2e8ef;border-radius:14px;padding:8px 2px 6px;color:#23334a;position:relative}.moon-date:hover{background:#eff4fa;color:var(--text);border-color:#a1b2c8}.moon-date-number{font-size:12px;line-height:1.3}.moon-date .moon-disk{width:39px;height:39px;margin:6px 0 4px}.moon-date-label{font-size:9px;color:#536880;line-height:1.3;text-align:center}.moon-date[aria-current=date] .moon-date-number{color:#2857a0;text-decoration:underline;text-underline-offset:4px}.moon-date[data-selected=true]{border-color:#556f94;box-shadow:0 0 0 1px #556f94;background:#edf3fb}.moon-event-date{background:#f1f4f9}.moon-day-detail{padding:26px 20px;background:linear-gradient(155deg,#e9eff7,#f4f7fb);border:1px solid #dce5ef;border-radius:22px;text-align:center;align-self:stretch}.moon-day-detail>.moon-kicker{color:#586d86;font-size:11px;letter-spacing:.025em}.moon-day-detail .moon-disk{width:130px;height:130px;margin:0 auto 18px}.moon-day-detail h3{font-weight:300;font-size:24px;line-height:1.35;letter-spacing:-.025em;margin:0 0 12px}.moon-day-detail>p:not(.moon-kicker){font-size:13px;color:#455b75;line-height:1.8}.moon-detail-note{font-size:11px!important;color:var(--moon-detail-note,#62758d)!important;line-height:1.7;overflow-wrap:anywhere}.moon-selected-event{border-top:1px solid #d3ddea;padding-top:15px;margin-top:20px}.moon-selected-event time{font-size:11px}.moon-events{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:14px;margin-top:26px}.moon-events>a{display:flex;align-items:center;gap:12px;text-decoration:none;border-top:1px solid var(--line);padding:19px 0 8px}.moon-events .moon-disk{width:38px;height:38px}.moon-events span{font-size:12px}.moon-events p{font-size:11px;color:var(--muted);margin:3px 0 0}.moon-calendar-foot{font-size:11px;color:var(--muted);margin:20px 0 0}.moon-app{margin-top:65px}.moon-method{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;margin:80px 0}.moon-method h2{font-size:35px;font-weight:300;line-height:1.2;letter-spacing:-.03em;margin:10px 0 22px}.moon-method p,.moon-method a{font-size:14px;color:#52637b}.moon-questions details{border-bottom:1px solid var(--line);padding:0 0 16px;margin:0 0 17px}.moon-questions summary{cursor:pointer;font-size:15px;min-height:36px;color:#22354e}.moon-questions p{font-size:13px;margin:12px 0 2px}.moon-unavailable{padding:40px;border:1px solid var(--line);border-radius:24px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:850px){.moon-hero-copy{padding:38px 0 30px 30px}.moon-hero-art{padding:24px 15px}.moon-metrics{gap:24px}.moon-calendar-layout{grid-template-columns:minmax(0,1fr) 200px;gap:18px}.moon-date{min-height:90px}.moon-date .moon-disk{width:32px;height:32px}.moon-method{gap:35px}.moon-device-zone{margin-left:auto}}
@media(max-width:650px){.moon-page{padding-top:16px}.moon-heading{margin-bottom:22px}.moon-heading .eyebrow{margin-top:20px;font-size:10px}.moon-heading h1{font-size:47px}.moon-heading>p:last-child{font-size:14px;max-width:310px}.moon-page .pulse-topic-nav{gap:5px;flex-wrap:wrap}.moon-page .pulse-topic-nav a{font-size:10px;padding:9px 11px;min-height:38px}.moon-settings{margin-top:20px;gap:12px;display:grid;grid-template-columns:1fr 1fr;align-items:start}.moon-settings select{width:100%;font-size:11px;padding-left:10px;height:44px;border-radius:12px}.moon-hemisphere>div{min-height:44px;padding:3px;border-radius:12px}.moon-hemisphere a{font-size:10px;padding:5px 7px;min-height:36px;flex:1}.moon-settings label,.moon-hemisphere>span{font-size:10px}.moon-device-zone{grid-column:1/-1;margin:-6px 0 0;justify-self:start;padding:0;min-height:32px;font-size:11px}.moon-settings-note{font-size:10px;line-height:1.6;margin:4px 0 18px}.moon-hero{border-radius:24px;grid-template-columns:minmax(0,1fr)}.moon-hero-art{grid-row:1;padding:18px 20px 8px}.moon-disk-hero{width:220px;max-width:80%}.moon-hero-art figcaption{font-size:9px;margin-top:0}.moon-hero-copy{text-align:center;padding:14px 22px 24px}.moon-hero .moon-kicker{font-size:10px;margin-bottom:10px}.moon-hero h2{font-size:34px;margin-bottom:12px}.moon-hero-description{font-size:12px;max-width:none;margin-bottom:22px}.moon-metrics{justify-content:center;gap:40px;margin-bottom:18px}.moon-metrics dd{font-size:31px}.moon-metrics dt{font-size:10px}.moon-metrics dd>span{font-size:13px}.moon-stamp{font-size:9px}.moon-next{margin:0 20px;padding:20px 2px 24px;gap:10px}.moon-next-date{font-size:23px}.moon-next span{font-size:10px}.moon-next-count{font-size:19px}.moon-next-count a{font-size:10px;max-width:105px}.moon-calendar{margin-top:38px}.moon-calendar-heading{gap:10px}.moon-calendar h2{font-size:27px}.moon-calendar-heading .eyebrow{font-size:9px}.moon-calendar-heading nav{gap:5px}.moon-nav{width:44px;height:44px;font-size:17px}.moon-reset{padding:0 9px;font-size:11px;height:44px}.moon-calendar-intro{font-size:11px;margin:14px 0 22px}.moon-calendar-layout{display:block}.moon-grid{gap:5px}.moon-weekdays{font-size:9px}.moon-date{min-height:78px;border-radius:11px;padding:7px 0 4px}.moon-date-number{font-size:10px}.moon-date .moon-disk{width:29px;height:29px;margin:5px 0}.moon-date-label{font-size:7px;line-height:1.1}.moon-day-detail{margin-top:20px;padding:20px;display:grid;grid-template-columns:76px 1fr;column-gap:20px;text-align:left}.moon-day-detail .moon-kicker{grid-column:1/-1;margin-bottom:14px}.moon-day-detail .moon-disk{grid-row:2/5;width:76px;height:76px;margin:0;align-self:center}.moon-day-detail h3{font-size:24px;margin:0 0 5px}.moon-day-detail>p:not(.moon-kicker){font-size:11px;margin:0 0 6px}.moon-detail-note{font-size:10px!important}.moon-day-detail>.moon-selected-event{grid-column:1/-1;margin-top:16px!important;padding-top:12px}.moon-day-detail>p.moon-detail-note{grid-column:1/-1;margin-top:12px}.moon-events{grid-template-columns:1fr 1fr;gap:10px;margin-top:15px}.moon-events>a{gap:10px;padding-top:14px}.moon-events .moon-disk{width:32px;height:32px}.moon-events span{font-size:11px}.moon-events p{font-size:10px}.moon-calendar-foot{font-size:10px}.moon-app{margin-top:38px}.moon-method{display:block;margin:50px 0}.moon-method h2{font-size:31px;max-width:290px}.moon-method>div:first-child{margin-bottom:32px}.moon-method p,.moon-method a{font-size:12px}.moon-questions summary{font-size:13px}.moon-questions p{font-size:12px}}
@media(prefers-reduced-motion:reduce){.moon-page{scroll-behavior:auto}}
/* Keep the current facts within the first view on compact screens. */
.moon-heading .breadcrumbs{min-height:28px;margin-bottom:18px}.moon-heading .eyebrow{margin-top:12px}.moon-heading h1{font-size:clamp(44px,5vw,64px)}.moon-settings{margin-top:20px}.moon-disk-hero{max-width:310px}.moon-hero-copy{padding-top:34px;padding-bottom:25px}.moon-next{padding-top:20px;padding-bottom:23px}
@media(max-width:650px){.moon-heading .breadcrumbs{margin-bottom:10px;min-height:26px;font-size:11px}.moon-heading .eyebrow{margin-top:8px}.moon-heading h1{font-size:44px}.moon-settings{margin-top:16px}.moon-settings-note{margin-bottom:15px}.moon-hero{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}.moon-hero-copy{grid-column:1;padding:26px 0 24px 22px;text-align:left}.moon-hero-art{grid-row:1;grid-column:2;padding:22px 10px 22px 0}.moon-disk-hero{width:100%;max-width:190px}.moon-hero-art figcaption{font-size:8px;max-width:140px;line-height:1.7}.moon-hero h2{font-size:29px;line-height:1.15;margin-bottom:13px}.moon-hero-description{font-size:11px;margin-bottom:22px;padding-right:5px}.moon-metrics{justify-content:flex-start;gap:17px;margin-bottom:18px}.moon-metrics dd{font-size:27px}.moon-metrics dd>span{font-size:10px}.moon-metrics dt{font-size:9px;white-space:nowrap}.moon-metrics dt a{padding:2px}.moon-stamp{font-size:8px;line-height:1.8;padding-right:5px;overflow-wrap:anywhere}.moon-hero .moon-kicker{font-size:9px}.moon-next{padding-top:18px;padding-bottom:22px}.moon-next .moon-kicker{font-size:10px}.moon-next-count a{max-width:none}.moon-day-detail .moon-kicker{font-size:11px}}
.moon-age-line{font-size:12px;color:#c6d3e4;margin:-8px 0 16px;line-height:1.7}.moon-age-line>span{display:block;font-size:10px;color:#98a9bf}
@media(max-width:650px){.moon-age-line{font-size:10px;margin:-5px 0 14px}.moon-age-line>span{font-size:8px}.moon-hero-copy{padding-top:24px}.moon-metrics{gap:20px}.moon-metrics dd{font-size:27px}.moon-metrics dt{font-size:8px}}
/* Dated postcards: the preview and downloaded file share one PNG endpoint. */
.moon-share{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);gap:44px;align-items:center;margin:54px 0 62px;padding:36px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);scroll-margin-top:30px}.moon-share h2{font-size:clamp(31px,3.5vw,43px);font-weight:300;line-height:1.17;letter-spacing:-.04em;margin:12px 0 17px}.moon-share-copy>p:not(.eyebrow),.share-more>p{font-size:13px;color:#52637b;line-height:1.8;max-width:390px}.moon-share-copy>p.moon-share-context{font-size:11px;color:#304866;margin:20px 0 10px}.moon-share-copy>p.moon-share-note{font-size:11px;color:#61748b}.moon-share-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:23px}.moon-share-actions button,.moon-share-actions a{font:400 12px var(--font);min-height:46px;padding:12px 16px;cursor:pointer;text-decoration:none;border-radius:13px}.moon-copy,.moon-download{background:white;border:1px solid #d6e0ed;color:#263d5d}.moon-share-actions .pulse-primary{border:0;display:flex;align-items:center;gap:18px}.moon-share button:disabled{opacity:.55;cursor:default}.moon-share-copy>p.moon-share-feedback{font-size:11px;color:#304866;min-height:20px;margin:12px 0 3px}.moon-saved-link,.moon-refresh{font:400 11px var(--font);color:#46607f;text-underline-offset:4px;display:inline-block;min-height:40px;padding:10px 0}.moon-refresh{background:none;border:0;margin-left:18px;cursor:pointer;text-decoration:underline}.moon-share-app{border-top:1px solid var(--line);padding-top:18px;margin-top:8px;font-size:12px;display:flex;flex-direction:column;gap:9px}.moon-share-app>span{font-size:11px;color:var(--muted)}.moon-share-formats{display:flex;justify-content:center;gap:5px;width:max-content;max-width:100%;margin:0 auto 20px;padding:5px;border-radius:15px;background:#e9eff6;border:1px solid #dae3ed}.moon-share-formats button{font:400 12px var(--font);color:#455d7a;border:0;background:none;border-radius:11px;min-height:44px;padding:8px 16px;cursor:pointer}.moon-share-formats button span{font-size:9px;margin-left:6px;color:#62748b}.moon-share-formats button[aria-pressed=true]{background:#fff;color:#203650;box-shadow:0 2px 5px #1537580c}.moon-share-preview{display:block;overflow:hidden;box-shadow:0 18px 44px #172e4820;border-radius:19px;background:#142032;margin:0 auto;max-width:100%;transition:none}.moon-share-preview img{display:block;width:100%;height:auto}.moon-share-preview[data-format=story]{max-width:270px;border-radius:17px}.moon-preview-note{font-size:10px;line-height:1.8;text-align:center;color:#65788e;margin:18px 0 0}.moon-manual-link{overflow-wrap:anywhere;max-width:100%}
@media(max-width:850px){.moon-share{grid-template-columns:1fr;gap:27px}.moon-share-copy{max-width:600px}.moon-share-copy>p:not(.eyebrow),.share-more>p{max-width:540px}.moon-share-visual{grid-row:1;max-width:650px;width:100%;margin:auto}.moon-share-copy{width:100%;margin:auto}.moon-share h2{font-size:37px}.moon-share h2 br{display:none}.moon-share-preview[data-format=story]{max-width:250px}}
@media(max-width:650px){.moon-share{margin:34px 0 42px;padding:26px 0;gap:23px}.moon-share h2{font-size:32px;max-width:310px}.moon-share .eyebrow{font-size:10px}.moon-share-actions{gap:8px}.moon-share-actions button,.moon-share-actions a{padding:11px 13px;font-size:11px}.moon-share-preview{border-radius:13px}.moon-share-copy>p:not(.eyebrow),.share-more>p{font-size:12px}.moon-share-copy>p.moon-share-context,.moon-share-copy>p.moon-share-note{font-size:10px}.moon-share-app{margin-top:3px}.moon-share-preview[data-format=story]{max-width:230px}.moon-share-formats{margin-bottom:16px}}

/* The Moon first (site Moon pages, 4 Nov 2026): the answer on the first screen, the options folded, the real Moon. */
.moon-still{display:block;width:100%;height:auto;border-radius:50%;mix-blend-mode:screen}
.moon-still-south{transform:rotate(180deg)}
.moon-page{padding-top:18px}
.moon-page .moon-heading{margin:0}
.moon-page .moon-heading .breadcrumbs{margin-bottom:0}
.night-page .moon-page .moon-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,540px);gap:0 44px;align-items:center;background:none;border:0;box-shadow:none;border-radius:0;margin:6px 0 0;padding:0;overflow:visible}
.moon-page .moon-hero-copy{display:block;padding:0}
.moon-page .moon-hero-copy>.moon-kicker{margin:0 0 6px;font-size:13px}
.moon-page .moon-hero :is(h1,h2){font-size:clamp(50px,6.2vw,84px);line-height:1.02;letter-spacing:-.04em;margin:0 0 14px}
.moon-page .moon-hero-description{font-size:16px;line-height:1.5;margin:0 0 24px;padding:0}
.moon-page .moon-metrics{margin:0 0 20px}
.moon-page .moon-hero-art{grid-column:2;grid-row:1;padding:0;margin:0}
.moon-page .moon-disk-hero{width:100%;max-width:540px;height:auto;margin:0 auto}
.moon-page .moon-hero-art figcaption{margin-top:4px;text-align:center;max-width:none}
.moon-page .moon-next{grid-column:1/-1;margin:18px 0 0;padding:18px 0 0;border-top:1px solid var(--night-line,rgba(255,255,255,.1));background:none}
.moon-options{margin:18px 0 0;border-bottom:1px solid var(--night-line,rgba(255,255,255,.1));padding-bottom:16px}
.moon-options summary{cursor:pointer;display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline;font-size:14px;color:var(--home-mist,#9aa7bf);list-style:none}
.moon-options summary::-webkit-details-marker{display:none}
.moon-options summary span{color:var(--home-head,#fff);text-decoration:underline;text-underline-offset:3px}
.moon-options .moon-settings{margin-top:16px}
.moon-page .pulse-topic-nav{margin:10px 0 0}
.moon-saved-title{font-size:13px;line-height:1.5;font-weight:400;letter-spacing:.14em;text-transform:uppercase;color:var(--home-mist,#9aa7bf);margin:14px 0}
.moon-hero[aria-label='Saved Moon phase'] .moon-hero-art{max-width:280px;margin:0 auto}
.night-page .moon-page .moon-share:not(.moon-share-saved){margin:48px 0 30px}
@media(max-width:850px){
  .night-page .moon-page .moon-hero{grid-template-columns:minmax(0,1fr)}
  .moon-page .moon-hero-art{grid-column:1;grid-row:1;width:min(84vw,420px);margin:0 auto 6px}
  .moon-page .moon-hero-copy{grid-row:2}
  .moon-page .moon-hero :is(h1,h2){font-size:clamp(44px,13vw,64px)}
  .moon-page .moon-next{grid-row:3;flex-wrap:wrap;gap:14px}
}
/* Nothing on the page under 12 px (10 on a phone's calendar, where the cells are 46 px wide). */
.moon-page .moon-date-label,.moon-page .moon-date-number,.moon-page .moon-stamp,.moon-page .moon-calendar-foot,.moon-page .moon-hero-art figcaption,.moon-page .moon-settings-note,.moon-page .moon-kicker{font-size:12px}
.moon-page .moon-detail-note{font-size:12px!important}
.moon-page .eyebrow,.moon-page .moon-weekdays span,.moon-page .moon-reset,.moon-page .moon-events strong,.moon-page .moon-events span,.moon-page .pulse-app-actions span,.moon-page .pulse-app-actions a,.moon-page .instagram-help,.moon-page .moon-events p,.moon-page .moon-share-context,.moon-page .moon-share-formats *,.moon-page .share-more summary,.moon-page .moon-saved-link,.moon-page .moon-refresh,.moon-page .moon-share-app,.moon-page .moon-share-app *,.moon-page .pulse-learn-grid span{font-size:12px}
@media(max-width:650px){.moon-page .moon-date-label{font-size:10px;line-height:1.1}.moon-page .moon-date-number{font-size:12px}}
.moon-page .moon-weekdays{margin-top:18px}
.moon-page .moon-day-detail{align-self:start}

.today-page{padding-top:30px;padding-bottom:80px}.today-heading{display:flex;justify-content:space-between;align-items:end;gap:36px;margin-bottom:24px}.today-heading h1{font-size:clamp(38px,4.5vw,56px);font-weight:300;line-height:1.12;letter-spacing:-2.4px;margin:14px 0 0}.today-heading>p{max-width:310px;font-size:13px;line-height:1.8;color:#687683}.today-context-row{display:flex;justify-content:space-between;gap:30px;align-items:center;margin:0 0 22px}.today-context-row>p{display:grid;gap:5px;margin:0}.today-date{font-size:17px}.today-context-row>p>span+span{font-size:10px;color:#657483}.today-settings{display:flex;gap:14px;align-items:end}.today-settings label{font-size:9px;color:#647280;display:grid;gap:5px}.today-settings select{font:inherit;font-size:11px;max-width:170px;min-height:38px;border:1px solid #dce2e8;border-radius:10px;padding:8px;background:#fff;color:#243140}.today-settings button,.today-current{font:inherit;font-size:10px;background:none;border:0;text-decoration:underline;text-underline-offset:4px;cursor:pointer;min-height:40px;color:#52616e}.today-hemisphere{display:flex;border:1px solid #dce2e8;border-radius:12px;padding:3px;gap:2px}.today-hemisphere a{font-size:10px;padding:10px;text-decoration:none;border-radius:9px}.today-hemisphere a[aria-current=true]{background:#e6edf3}.today-workspace{background:radial-gradient(ellipse at 90% 0,#2c3b51 0,#172333 48%,#101a26 100%);color:#edf2f8;border-radius:25px;box-shadow:0 25px 55px #172f4d18;overflow:hidden}.today-workspace-head{display:flex;justify-content:space-between;gap:20px;padding:17px 30px;border-bottom:1px solid #d5e5fa18;color:#9cadc2;font-size:10px;letter-spacing:.5px}.today-grid{display:grid;grid-template-columns:1fr 1fr 1fr}.today-tile{--pulse-accent:var(--secondary-on-night);padding:24px 30px 20px;min-width:0;display:flex;flex-direction:column}.today-tile+.today-tile{border-left:1px solid #d5e5fa18}.today-tile-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.today-tile-head h2{font-size:17px;font-weight:300;letter-spacing:-.4px;margin:0}.today-tile-head>span{font-size:9px;color:#9dadc2}.today-reading{font-size:59px;line-height:1.2;font-weight:300;letter-spacing:-2px;color:var(--pulse-accent);margin:17px 0 4px;display:flex;flex-wrap:wrap;align-items:baseline;gap:12px}.today-reading>span{font-size:10px;letter-spacing:0;color:#a8b7cb}.today-meaning{font-size:10px;color:#b8c7d8;min-height:18px;line-height:1.6;margin:0}.today-mini-chart{height:145px;margin:14px -10px 8px;display:flex;align-items:center;justify-content:center}.today-mini-chart .pulse-chart-mobile{display:block;width:100%;height:100%}.today-mini-chart>p{font-size:12px;color:#9aabc0}.today-source{font-size:9px;line-height:1.8;color:#9dadc2;margin:8px 0 18px;overflow-wrap:anywhere}.today-detail{display:flex;justify-content:space-between;border-top:1px solid #d5e5fa20;padding-top:15px;font-size:11px;color:#d9e4f1;text-decoration:none;margin-top:auto}.today-detail:hover{color:white}.today-moon-visual{height:133px;text-align:center;margin:14px 0 1px}.today-moon-visual .moon-disk{width:130px;height:130px;margin-inline:auto}.today-lunar h3{font-size:24px;font-weight:300;letter-spacing:-.7px;text-align:center;margin:5px 0}.today-lunar-stats{font-size:10px;display:flex;justify-content:center;gap:10px;color:#bbc7d9;margin:4px 0 10px}.today-next{font-size:9px;line-height:1.8;display:flex;justify-content:space-between;gap:10px;margin:6px 0;color:#9dadc2}.today-next>span{text-align:right;color:#d9e4f1}.today-lunar .today-source{margin-top:0}.today-chart-key{display:flex;justify-content:space-between;gap:20px;font-size:9px;line-height:1.7;color:#91a4bd;padding:13px 30px;border-top:1px solid #d5e5fa18}.today-chart-key>span:first-child{display:flex;align-items:center;gap:8px}.today-chart-key i{width:5px;height:5px;border-radius:50%;background:#b6cbdf}.today-chart-key i+i{margin-left:9px;background:#8793a6}.today-summary{display:grid;grid-template-columns:1fr 2fr;gap:35px;padding:24px 0 22px;align-items:start}.today-summary .eyebrow{font-size:9px;margin:0 0 8px}.today-summary h2{font-size:27px;font-weight:300;line-height:1.3;letter-spacing:-.8px;margin:0}.today-summary>div>p:not(.eyebrow){font-size:13px;line-height:1.85;margin:0 0 9px;color:#354654}.today-summary>div>span{font-size:10px;color:#74808c}.today-primary-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap;border-top:1px solid #e1e5ea;padding-top:22px}.today-primary-actions a:not(.button){font-size:11px;text-underline-offset:4px}.today-primary-actions .button{font-size:12px;padding:14px 20px;min-height:46px}.today-primary-actions button{font:inherit;font-size:10px;text-decoration:underline;text-underline-offset:4px;min-height:44px;margin-left:auto;background:none;border:0;cursor:pointer;color:#5f6c7b}.today-feedback{display:block;flex-basis:100%;font-size:11px;color:#5f6c7b;overflow-wrap:anywhere}.today-feedback:empty{display:none}.today-share{margin-top:74px}.today-method{margin:50px 0 0;border-top:1px solid #e2e7ed;border-bottom:1px solid #e2e7ed;padding:24px 0;font-size:12px;line-height:1.9;color:#60717f}.today-method summary{cursor:pointer;font-size:16px;color:#253746}.today-method p{max-width:900px}.today-open-app{font-size:12px!important}.today-page :is(button,a,select):focus-visible{outline:2px solid var(--level-low);outline-offset:4px}.today-page button:disabled{opacity:.5;cursor:default}
@media(min-width:1100px){.today-mini-chart .pulse-chart-mobile{max-width:350px}.today-tile{min-height:360px}}
@media(max-width:1000px){.today-tile{padding:24px 20px}.today-tile-head{align-items:start;flex-direction:column;gap:5px}.today-tile-head h2{font-size:16px}.today-settings{gap:10px}.today-context-row{align-items:start}.today-reading{font-size:49px}.today-settings button{display:none}.today-source{font-size:9px}.today-heading>p{max-width:250px}}
@media(max-width:720px){.today-page{padding-top:30px;padding-bottom:45px}.today-heading{display:block;margin-bottom:24px}.today-heading h1{font-size:43px;letter-spacing:-1.9px}.today-heading>p{font-size:12px;max-width:330px;margin:14px 0 0}.today-context-row{display:block;margin-bottom:20px}.today-date{font-size:15px}.today-context-row>p>span+span{font-size:10px}.today-settings{margin-top:17px;justify-content:space-between}.today-settings select{max-width:175px;min-height:42px}.today-hemisphere a{font-size:10px;padding:12px 8px}.today-workspace{border-radius:20px}.today-workspace-head{padding:18px 20px;font-size:9px}.today-workspace-head>span+span{display:none}.today-grid{grid-template-columns:1fr}.today-tile{padding:24px 22px 20px}.today-tile+.today-tile{border-left:0;border-top:1px solid #d5e5fa20}.today-tile-head{flex-direction:row;align-items:center}.today-tile-head h2{font-size:20px}.today-tile-head>span{font-size:10px}.today-reading{font-size:57px;margin-top:14px}.today-reading>span{font-size:11px}.today-meaning{font-size:11px}.today-mini-chart{height:150px;margin:7px 0}.today-source{font-size:10px;margin-top:10px;margin-bottom:16px}.today-detail{font-size:12px;padding:17px 0 2px;min-height:44px}.today-lunar{display:grid;grid-template-columns:1fr 1fr;column-gap:12px}.today-lunar .today-tile-head{grid-column:1/-1}.today-moon-visual{grid-column:2;grid-row:2/5;height:150px;margin:20px -8px 0}.today-moon-visual .moon-disk{width:145px;height:145px}.today-lunar h3{font-size:25px;text-align:left;grid-column:1;margin:30px 0 8px}.today-lunar-stats{display:block;grid-column:1;text-align:left;font-size:11px;line-height:1.9;margin:0}.today-lunar-stats span{padding:0 5px}.today-next{grid-column:1/-1;margin:19px 0 13px;font-size:11px}.today-lunar .today-source,.today-lunar .today-detail{grid-column:1/-1}.today-chart-key{display:block;padding:17px 22px;font-size:9px}.today-chart-key>span+span{display:block;margin-top:9px}.today-summary{display:block;padding:27px 0}.today-summary h2{font-size:27px;margin-bottom:16px}.today-summary>div>p:not(.eyebrow){font-size:13px;line-height:1.9}.today-primary-actions{gap:18px 21px}.today-primary-actions>a:last-of-type{font-size:10px;flex-basis:100%}.today-primary-actions button{margin-left:0}.today-share{margin-top:50px}.today-method{font-size:12px;margin-top:30px}.today-method summary{font-size:15px}}

.today-mini-chart .pulse-axis{font-size:10px}.today-mini-chart .pulse-threshold-label{font-size:8px}

.today-app-context{flex-basis:100%;font-size:13px;line-height:1.7;color:#506170;margin:0}
.today-share:not(.moon-share-saved){margin:0 0 44px}.share-more{border-top:1px solid #e1e5ea;margin:14px 0 6px}.share-more>summary{font-size:11px;min-height:46px;display:flex;align-items:center;gap:10px;cursor:pointer;list-style:none;color:#304866;width:max-content}.share-more>summary::-webkit-details-marker{display:none}.share-more>summary::after{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .2s ease}.share-more[open]>summary::after{transform:translateY(2px) rotate(225deg)}.share-more>summary:hover{color:#16283d}.share-more>p{margin:2px 0 0}@media(prefers-reduced-motion:reduce){.share-more>summary::after{transition:none}}
@media(max-width:720px){.today-share:not(.moon-share-saved){margin:0 0 34px}}
@media(max-width:850px){.today-share:not(.moon-share-saved) .moon-share-visual{order:-1}}

.app-benefits{margin:64px 0;display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(40px,7vw,100px);padding:clamp(30px,4.5vw,64px);border-radius:28px;background:radial-gradient(ellipse at 0 0,#edf2f5 0,#f6f7f9 60%,#eef1f5 100%);border:1px solid #e3e8ed;position:relative;overflow:hidden}
.app-signature{display:flex;gap:12px;align-items:center;font-size:16px;line-height:1.4;margin-bottom:30px}.app-signature img{border-radius:12px}.app-signature small{display:block;font-size:10px;color:#71808c;margin-top:3px}.app-benefits .eyebrow{font-size:10px;letter-spacing:1.3px;margin:0 0 12px}.app-benefits h2{font-weight:300;font-size:clamp(36px,3.5vw,49px);line-height:1.14;letter-spacing:-1.7px;margin:0 0 20px}.app-benefits-intro>p:not(.eyebrow):not(.app-availability){font-size:14px;line-height:1.9;color:#566676;max-width:390px;margin:0 0 25px}.app-benefits .button{font-size:13px;min-height:48px;padding:13px 21px;gap:22px}.app-availability{font-size:10px;line-height:1.9;color:#6d7a85;margin:13px 0 0}.app-availability a{text-underline-offset:3px;color:#40556a}.app-benefit-list{list-style:none;padding:0;margin:0}.app-benefit-list li{display:flex;gap:18px;padding:23px 0;border-bottom:1px solid #d9e1e8}.app-benefit-list li:first-child{padding-top:8px}.app-benefit-number{font-size:11px;letter-spacing:1px;color:#8a9ba8;line-height:2.4}.app-benefit-list h3{font-weight:300;font-size:21px;letter-spacing:-.5px;line-height:1.4;margin:0 0 9px}.app-benefit-list p{font-size:12px;color:#657381;line-height:1.9;margin:0;max-width:390px}.app-benefit-note{display:flex;gap:18px;align-items:center;margin-top:23px;color:#607787}.app-benefit-note>span{font-size:31px;font-weight:300}.app-benefit-note p{font-size:10px;line-height:1.9;margin:0}.get-page{padding:55px 0 70px}.get-heading{max-width:780px}.get-heading h1{font-weight:300;font-size:clamp(38px,5vw,64px);letter-spacing:-2px;line-height:1.15;margin:15px 0 20px}.get-heading>p:not(.eyebrow){color:#617181;line-height:1.9;max-width:600px;font-size:15px}.get-page .app-benefits{margin:40px 0}.get-page .app-benefits .button{display:none}.get-more{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:12px 0 25px}.get-more h2{font-weight:300;font-size:25px;letter-spacing:-.7px}.get-more p{color:#617181;font-size:13px;line-height:1.9}.get-more a{text-underline-offset:4px}.home-benefits{padding-top:40px;padding-bottom:30px}.home-benefits .app-benefits{margin:0 0 25px}.today-primary-actions>a:last-of-type{flex-basis:auto}.today-primary-actions{gap:16px}.today-primary-actions button{margin-left:auto}.today-primary-actions+.app-benefits{margin-top:42px}.app-benefits+.today-share{margin-top:0}.app-benefits :is(a,button):focus-visible{outline:2px solid #557b98;outline-offset:4px}
@media(max-width:720px){.app-benefits{grid-template-columns:1fr;gap:30px;padding:28px 24px;border-radius:22px;margin:40px 0}.app-signature{margin-bottom:25px;font-size:15px}.app-benefits h2{font-size:39px}.app-benefits-intro>p:not(.eyebrow):not(.app-availability){font-size:13px;line-height:1.85;margin-bottom:23px}.app-benefit-list h3{font-size:21px}.app-benefit-list li{gap:14px;padding:22px 0}.app-benefit-list li:first-child{padding-top:0}.app-benefit-list p{font-size:12px}.app-benefit-note{margin-top:20px}.app-benefits .button{width:100%;justify-content:space-between}.app-availability{font-size:11px}.app-availability a{display:inline-flex;align-items:center;min-height:32px}.get-page{padding:32px 0 40px}.get-more{grid-template-columns:1fr;gap:18px}.get-page .app-benefits{margin:30px 0}.home-benefits{padding-top:20px}.today-primary-actions{justify-content:space-between}.today-primary-actions>a:last-of-type{flex-basis:auto}.today-primary-actions button{font-size:11px}.today-primary-actions+.app-benefits{margin-top:30px}.today-heading{margin-bottom:20px}.today-heading>p{line-height:1.75}.today-summary{padding:24px 0}.today-page{padding-top:24px}.today-method{margin-top:24px}.closing-copy .availability{margin-bottom:0}}
/* Share a page, save an image: distinct actions with a compact mobile rhythm. */
.social-tools{margin:12px 0 15px}.social-secondary{display:flex;align-items:center;flex-wrap:wrap;gap:12px 22px}.social-secondary a,.social-secondary button{font:inherit;font-size:12px;color:#52697d;text-decoration:underline;text-underline-offset:4px;min-height:44px;background:none;border:0;padding:8px 0;cursor:pointer;display:inline-flex;align-items:center}.social-secondary button[hidden]{display:none}.image-share-feedback{font-size:11px!important;line-height:1.7;color:#576d7e;overflow-wrap:anywhere;margin:0}.moon-share-feedback:empty,.pulse-preview-feedback:empty{display:none!important;margin:0!important;min-height:0!important}.instagram-help{border-top:1px solid #dce3e9;border-bottom:1px solid #dce3e9;font-size:11px;line-height:1.85;margin-top:6px}.instagram-help summary{font-size:12px;min-height:46px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;list-style:none;gap:15px;color:#354c60}.instagram-help summary::-webkit-details-marker{display:none}.instagram-help p{font-size:11px!important;margin:8px 0 16px!important;line-height:1.8!important}.instagram-help strong{font-weight:400}.instagram-help a{text-underline-offset:4px}.moon-share-copy .moon-saved-link{margin-top:4px;min-height:44px;display:inline-flex;align-items:center}.moon-share-copy .moon-share-app{margin-top:16px}.moon-share-preview:focus-visible{outline:3px solid #769cb8;outline-offset:5px}.moon-share-copy .moon-share-actions{gap:10px}.moon-share-actions a,.moon-share-actions button{min-height:44px}.moon-share-visual .moon-preview-note{margin-bottom:0}.moon-share-formats button{min-height:44px}
@media(max-width:720px){.moon-share{gap:22px}.moon-share-copy h2{margin-top:10px}.moon-share-copy .moon-share-context{margin:16px 0}.moon-share-copy .moon-share-note{margin-bottom:18px}.moon-share-copy .moon-share-app{margin-top:12px}.social-tools{margin:6px 0 8px}.moon-share-copy .moon-saved-link{margin-top:0}.moon-share-actions{display:flex;flex-wrap:wrap}.moon-share-actions .pulse-primary{flex:1 1 45%;justify-content:center}.moon-share-actions .moon-copy{flex:1 1 35%}.moon-share-actions .moon-download{flex-basis:100%;justify-content:center}.moon-share-copy .moon-share-feedback{margin:9px 0}.moon-share-preview[data-format=story]{max-width:250px}}
.app-benefits-compact{align-items:center}.app-benefits-compact .app-benefits-intro h2{max-width:300px}.app-benefits-compact .app-benefits-intro .button{margin-top:8px}
@media(max-width:720px){.app-benefits-compact{padding:26px 24px;gap:25px}.app-benefits-compact h2{font-size:33px;max-width:none!important;margin-bottom:12px}.app-benefits-compact .app-benefits-intro .button{margin-top:4px}.app-benefit-list li{padding:19px 0}.app-benefit-list li:first-child{padding-top:0}.site-header .brand{min-height:44px}.site-header nav>a{min-height:44px}.site-header :is(.nav-today,.nav-learn){display:inline-flex;align-items:center}}
/* Sharing that people see: two primary buttons under each card preview, and the saved card shown big on a snapshot page. */
.share-primary{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:20px auto 0;max-width:100%}
.share-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 26px;border:0;border-radius:999px;font:400 15px/1.2 var(--font);text-decoration:none;white-space:nowrap;cursor:pointer;transition:background .18s}
.share-btn-main{background:var(--ink,#0e1a2e);color:#fff}
.share-btn{-webkit-tap-highlight-color:transparent}.share-btn:focus:not(:focus-visible){outline:0}@media(hover:hover){.share-btn-main:hover{background:#21395a;color:#fff}}.share-btn-main:active{background:#21395a;color:#fff;transform:scale(.98)}
.share-btn:focus-visible{outline:3px solid #769cb8;outline-offset:3px}
.share-primary .share-btn{flex:1 1 150px;max-width:240px}
.share-primary+.image-share-feedback{text-align:center;margin:10px 0 0;overflow-wrap:anywhere}
.snapshot-hero{display:grid;gap:22px;margin:6px 0 36px}
.snapshot-card{margin:0;overflow:hidden;border-radius:20px;background:#142032;box-shadow:0 18px 44px #172e4820}
.snapshot-card img{display:block;width:100%;height:auto}
.snapshot-copy{display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.snapshot-date{font-size:clamp(26px,3.4vw,38px);font-weight:300;line-height:1.15;letter-spacing:-.03em;margin:4px 0 6px}
.snapshot-copy p:not(.eyebrow){font-size:13px;line-height:1.7;color:#52637b;margin:0 0 14px;max-width:420px}
@media(min-width:900px){.snapshot-hero{grid-template-columns:minmax(0,1.55fr) minmax(240px,.7fr);align-items:center;gap:46px}}
@media(max-width:480px){.share-primary .share-btn{flex-basis:100%;max-width:none}.snapshot-card{border-radius:14px}}
@media(max-width:720px){.moon-share-actions .moon-copy,.moon-share-actions .moon-download{display:inline-flex;align-items:center;justify-content:center}}
/* The share status line stays in the accessibility tree when empty: visually hidden, not display:none. */
.image-share-feedback:empty{position:absolute!important;width:1px;height:1px;margin:-1px!important;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
.moon-share-saved{grid-template-columns:1fr}
.moon-share-saved .moon-share-copy{max-width:640px}
.snapshot-copy .share-primary{justify-content:flex-start;margin:16px 0 0}
.snapshot-copy .share-primary .share-btn{flex:0 1 auto;min-width:150px}
.snapshot-copy .image-share-feedback{text-align:left;margin:8px 0 0;max-width:420px}
@media(max-width:480px){.snapshot-copy .share-primary{width:100%}.snapshot-copy .share-primary .share-btn,.snapshot-copy>.share-btn{flex:1 1 100%;min-width:0}}

.app-story{margin:56px 0;padding:clamp(24px,4.4vw,60px);border:1px solid #e0e6eb;border-radius:28px;background:linear-gradient(145deg,#f5f7fa,#edf2f5);color:#243b4b;overflow:hidden}
.app-story .eyebrow{font-size:11px;line-height:1.6;letter-spacing:1.2px;color:#526b7c;margin:0 0 14px}
.app-story-heading{display:grid;grid-template-columns:1.3fr 1fr;align-items:end;gap:40px;margin-bottom:40px}
.app-story h2{font-size:clamp(30px,3.4vw,46px);font-weight:300;letter-spacing:-1.4px;line-height:1.2;margin:0}
.app-story p{font-size:15px;line-height:1.85;margin:0;color:#516574}
.app-story-heading>p{max-width:360px}
.app-story-record{display:grid;grid-template-columns:.85fr 1.25fr;border-top:1px solid #d5dfe6;border-bottom:1px solid #d5dfe6}
.app-story-moment{position:relative;overflow:hidden;padding:46px 24px 38px 0;isolation:isolate;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.app-story h3{font-size:28px;font-weight:300;line-height:1.3;letter-spacing:-.7px;margin:0 0 18px}
.app-story-moment h3{font-size:42px;line-height:1.16;margin-bottom:22px}
.app-story-orbit{position:absolute;width:280px;height:280px;border:1px solid #d7e1e8;border-radius:50%;right:-90px;top:44px;z-index:-1}
.app-story-orbit:after{content:"";position:absolute;inset:24px;border:1px solid #dce5eb;border-radius:50%}
.app-story-orbit img{position:absolute;right:15px;top:15px;width:98px;height:98px;opacity:.22;filter:grayscale(1)}
.app-story-caption{font-size:12px;line-height:1.7;color:#677b89;margin-top:36px}
.app-story-fields{margin:0;padding-left:38px;border-left:1px solid #d5dfe6}
.app-story-fields>div{padding:27px 0;border-bottom:1px solid #d5dfe6}.app-story-fields>div:last-child{border:0}
.app-story-fields dt{font-size:23px;line-height:1.4;font-weight:300;margin-bottom:10px;letter-spacing:-.5px}
.app-story-fields dd{margin:0;font-size:15px;line-height:1.8;color:#516574}
.app-story-fields dd.app-story-kind{font-size:12px;line-height:1.7;color:#647987;margin-top:10px}
.app-story-path{display:grid;grid-template-columns:.85fr 1.25fr;gap:38px;margin-top:40px}
.app-story-path ol{list-style:none;margin:0;padding:0}.app-story-path li{display:flex;gap:17px;margin-bottom:22px}.app-story-path li:last-child{margin:0}.app-story-path li>span{font-size:12px;color:#607a8c;padding-top:4px}
.app-story h4{font-size:18px;font-weight:400;line-height:1.5;margin:0 0 6px}.app-story-path li p{font-size:14px;line-height:1.85}
.app-story-health{display:grid;grid-template-columns:.85fr 1.25fr;gap:38px;margin-top:36px;padding-top:32px;border-top:1px solid #d5dfe6}.app-story-health h3{margin-bottom:0}
.app-story-footer{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:38px;align-items:center}.app-story-footer .button{font-size:14px;min-height:48px;padding:14px 20px;gap:18px}.app-story-footer>div>p{font-size:12px;margin-top:13px;line-height:1.75}.app-story-footer>p{font-size:13px;line-height:1.8}
.app-story :is(a,button):focus-visible{outline:2px solid #3f6c87;outline-offset:5px}.home-benefits .app-story{margin:0 0 25px}.today-primary-actions+.app-story{margin-top:34px}.app-story+.today-share{margin-top:0}
@media(max-width:720px){.app-story{margin:36px 0;padding:26px 22px;border-radius:22px}.app-story-heading{grid-template-columns:1fr;gap:18px;margin-bottom:28px}.app-story h2{font-size:34px;letter-spacing:-1px}.app-story-heading>p{max-width:none}.app-story-record{grid-template-columns:1fr}.app-story-moment{min-height:250px;padding:28px 0}.app-story-moment h3{font-size:35px;margin-bottom:15px}.app-story-orbit{right:-80px;top:8px}.app-story-caption{margin-top:22px}.app-story-fields{border-left:0;padding-left:0;border-top:1px solid #d5dfe6}.app-story-fields>div{padding:24px 0}.app-story-fields dt{font-size:23px}.app-story-path,.app-story-health{grid-template-columns:1fr;gap:22px;margin-top:30px}.app-story h3{font-size:27px}.app-story-path h3{margin:0}.app-story-path li p{font-size:15px}.app-story-health p{font-size:15px}.app-story-footer{grid-template-columns:1fr;gap:20px;margin-top:30px}.app-story-footer .button{display:flex;width:100%;justify-content:space-between}.app-story-footer>p{font-size:13px}.app-story-compact .app-story-moment{display:none}.app-story-compact .app-story-fields{border-top:0}}
@media(max-width:360px){.app-story{padding:23px 18px}.app-story h2{font-size:30px}.app-story-fields dt{font-size:21px}.app-story-footer .button{font-size:13px;padding:13px 15px}}

.tracking-features{margin:30px 0;border-top:1px solid #ccd8e5}.tracking-features>div{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:24px;padding:25px 0;border-bottom:1px solid #ccd8e5}.tracking-features dt{font-size:22px;font-weight:300;line-height:1.4;color:#243b4b}.tracking-features dd{margin:0}.learn-copy .tracking-features p{margin:0;font-size:16px;line-height:1.8}.learn-copy .tracking-features .tracking-location{margin-top:14px;font-size:14px;line-height:1.8;color:#3e5d74}.tracking-location span{display:block;font-size:11px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:4px;color:#627688}@media(max-width:650px){.tracking-features>div{grid-template-columns:1fr;gap:12px;padding:24px 0}.tracking-features dt{font-size:23px}.learn-copy .tracking-features .tracking-location{font-size:15px}}

.learn-hub [hidden]{display:none!important}
.learn-search{margin:28px 0 0;max-width:850px}
.learn-search label{display:block;font-size:14px;margin-bottom:10px;color:#334d63}
.learn-search-controls{display:flex;border:1px solid #a9bacb;border-radius:12px;overflow:hidden;background:#f8fafc;min-height:54px;align-items:stretch}
.learn-search input{font:400 16px/1.5 Poppins,sans-serif;min-width:0;flex:1;border:0;background:transparent;padding:13px 16px;color:#24384d;border-radius:11px}
.learn-search input::placeholder{color:#64758b}
.learn-search button,.learn-search-empty button{font:400 14px/1.5 Poppins,sans-serif;color:#344d63;background:transparent;border:0;padding:12px 17px;cursor:pointer;min-height:44px}
.learn-search button:disabled{opacity:.45;cursor:default}
.learn-search input:focus-visible{outline:2px solid #416b92;outline-offset:-3px}
.learn-search button:focus-visible,.learn-search-empty button:focus-visible,.learn-start a:focus-visible{outline:2px solid #416b92;outline-offset:-3px}
.learn-search-status{font-size:12px;line-height:1.7;color:#53677c;margin:10px 0 0}
.learn-start{padding-bottom:34px;border-bottom:1px solid #d2dce8;margin-bottom:40px}
.learn-start>h2{font-size:24px;font-weight:300;line-height:1.4;margin:0 0 18px}
.learn-start nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.learn-start a{display:flex;flex-direction:column;align-items:flex-start;position:relative;padding:24px 20px;background:linear-gradient(145deg,#eff4f8,#e4edf3);border:1px solid #d1dce6;border-radius:15px;color:#2b4259;text-decoration:none}
.learn-start a>span:first-child{font-size:11px;letter-spacing:1.1px;color:#5c7388;margin-bottom:20px}.learn-start h3{font-size:22px;font-weight:300;line-height:1.3;letter-spacing:-.5px;margin:0 0 12px}.learn-start p{font-size:13px;line-height:1.8;color:#4a6076;margin:0 0 22px}.learn-start .learn-start-arrow{margin-top:auto;font-size:22px;line-height:1}
.learn-start a:nth-child(2){background:linear-gradient(145deg,#f6f0e8,#eee7df)}.learn-start a:nth-child(3){background:linear-gradient(145deg,#f1eff7,#e8e6f0)}.learn-start a:nth-child(4){background:linear-gradient(145deg,#edf3f0,#e4eeea)}
.learn-search-empty{padding:30px 0 50px;max-width:600px}.learn-search-empty h2{font-size:27px;font-weight:300;line-height:1.4;margin:0 0 12px}.learn-search-empty p{font-size:16px;line-height:1.8;color:#526078}.learn-search-empty button{border:1px solid #a9bacb;border-radius:9px}
.learn-hub[data-searching="true"] :is(.learn-start,.reading-paths,.learn-feature,.learn-standard,.learn-topics,.learn-current){display:none}
.learn-hub[data-searching="true"] .learn-chapter{display:block;padding:22px 0 30px}
.learn-hub[data-searching="true"] .chapter-heading :is(h2,.learn-figure){display:none}
.learn-hub[data-searching="true"] .chapter-heading .eyebrow{margin:0 0 8px}
.learn-hub[data-searching="true"] .guide-row:not([data-search-text]){display:none}
@media(max-width:850px){.learn-start nav{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.learn-search{margin-top:24px}.learn-search-controls{min-height:54px}.learn-search input{padding:12px;font-size:16px}.learn-search button{padding:12px}.learn-search-status{font-size:12px}.learn-start{margin-bottom:30px;padding-bottom:30px}.learn-start nav{gap:12px}.learn-start a{padding:20px 16px}.learn-start h3{font-size:21px;line-height:1.35}.learn-start p{font-size:13px}.learn-start a>span:first-child{margin-bottom:15px}.learn-start>h2{font-size:24px}}
@media(max-width:360px){.learn-start nav{grid-template-columns:1fr}.learn-start a{padding:20px}.learn-start a>span:first-child{margin-bottom:10px}.learn-start p{margin-bottom:14px}}

/* Native HTML labels keep these explanations readable at every width. */
.sky-explanation{container-type:inline-size;margin:36px 0;padding:30px;border:1px solid #d8dfe5;border-radius:24px;background:linear-gradient(140deg,#f5f4ef,#edf2f5);color:#34485a}
.sky-explanation .sky-kicker{display:block;font-size:13px;line-height:1.6;letter-spacing:.06em;color:#58677a}
.sky-explanation .sky-explanation-heading h3{font-size:clamp(27px,3vw,36px);font-weight:300;line-height:1.25;letter-spacing:-.025em;margin:12px 0 24px;color:#1d3045}
.sky-explanation p,.sky-explanation li,.sky-explanation dd,.sky-explanation dt{font-size:16px;line-height:1.7}
.sky-explanation p{margin:0 0 18px}
.sky-explanation figcaption{font-size:16px;line-height:1.7;color:#526275;border-top:1px solid #d3dce3;padding-top:20px;margin-top:24px}
.sky-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.sky-panel{min-width:0;background:#ffffffa8;border:1px solid #e0e3e4;border-radius:17px;padding:22px}
.sky-panel svg{display:block;width:100%;height:auto;margin:0 0 20px}
.sky-explanation h4{font-weight:400;font-size:21px;line-height:1.4;letter-spacing:-.02em;color:#1e3246;margin:0 0 14px}
.sky-explanation .sky-path{color:#80592f;padding-bottom:16px;border-bottom:1px solid #e6ddd0}
.sky-explanation .sky-takeaway{margin:16px 0 0;color:#273f53}
.sky-colour .sky-takeaway{color:#80592f}
.sky-explanation .sky-days{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;padding:0;margin:24px 0;gap:12px}
.sky-explanation .sky-days li{display:flex;flex-direction:column;gap:14px;padding:20px 16px;margin:0;min-width:0;background:#ffffffa8;border:1px solid #dbe3e8;border-radius:16px}
.sky-day{color:#526579}.sky-explanation .sky-time{font-size:32px;font-weight:300;font-variant-numeric:tabular-nums;line-height:1.2;color:#213c56;letter-spacing:-.04em}
.sky-explanation .sky-time-empty{font-size:26px;color:#657184;line-height:1.48}
.sky-explanation .sky-calendar-interval{margin-bottom:0}
.sky-measures{background:linear-gradient(145deg,#f2f1f8,#edf3f6)}
.sky-measure{display:grid;grid-template-columns:130px minmax(0,1fr);gap:24px;border-top:1px solid #d4dce6;padding:26px 0}
.sky-measure:last-of-type{padding-bottom:0}
.sky-symbol{font-weight:300;font-size:44px;line-height:1.2;letter-spacing:-.04em;color:#514e75}
.sky-symbol span{display:block;letter-spacing:0;font-size:16px;line-height:1.6;color:#546376;margin-top:14px}
.sky-measure dl{display:grid;grid-template-columns:1fr 1.5fr;gap:16px;margin:18px 0}
.sky-measure dt{color:#5e6b7d}.sky-measure dd{margin:2px 0 0;color:#253a51}
.sky-measure p:last-child{margin-bottom:0}
@container(max-width:580px){
  .sky-pair,.sky-explanation .sky-days{grid-template-columns:1fr}
  .sky-measure{grid-template-columns:1fr;gap:20px}
  .sky-symbol{display:flex;align-items:center;gap:24px;font-size:40px}
  .sky-symbol span{font-size:16px;max-width:165px;margin:0;line-height:1.5}
}
@media(max-width:650px){
  .sky-explanation{padding:24px 20px;border-radius:20px}
  .sky-pair,.sky-explanation .sky-days{grid-template-columns:1fr}
  .sky-panel{padding:22px}
  .sky-explanation .sky-days li{padding:20px;gap:8px}
  .sky-explanation .sky-time-empty{font-size:30px;line-height:1.2}
  .sky-measure{grid-template-columns:1fr;gap:20px}
  .sky-symbol{display:flex;align-items:center;gap:24px;font-size:40px}
  .sky-symbol span{font-size:16px;max-width:165px;margin:0;line-height:1.5}
}
@media(max-width:359px){.sky-explanation{padding:22px 16px}.sky-panel{padding:18px}.sky-measure dl{grid-template-columns:1fr;gap:12px}}

/* Schumann teaching plates: fixed-size HTML labels beside scalable geometry. */
.sr-low,.sr-gap{height:84px;border-radius:10px;margin-bottom:24px;border:1px solid #7a8b9b}
.sr-low{background:#0c1826}.sr-gap{background:repeating-linear-gradient(135deg,#d9e1e7 0,#d9e1e7 9px,#b8c5cf 9px,#b8c5cf 11px)}
@media(max-width:1024px){
  .mobile-diagram.sr-plate{padding:30px 26px;container-type:inline-size;max-width:760px;background:linear-gradient(140deg,#132438,#0c192a);border-radius:22px}
  .sr-plate .sr-kicker{color:#a9dfcd;margin-bottom:18px}
  .sr-plate .sr-title{font-size:32px;font-weight:300;line-height:1.23;letter-spacing:-.025em;color:#f1f6f8;margin-bottom:18px}
  .sr-plate .sr-intro{margin-bottom:28px}
  .sr-panels{display:grid;grid-template-columns:1fr 1fr;gap:18px}
  .sr-panel{min-width:0;padding:22px 18px;background:#ffffff05;border:1px solid #415268;border-radius:16px}
  .sr-panel h3{font-size:22px;font-weight:300;line-height:1.4;letter-spacing:-.02em;margin:0 0 24px;color:#edf4f8}
  .sr-plot{display:grid;grid-template-columns:28px minmax(0,1fr);gap:8px 9px}
  .sr-y{display:flex;flex-direction:column;justify-content:space-between;line-height:1;text-align:right;font-variant-numeric:tabular-nums;color:#d5e1ee;font-size:16px}
  .sr-plot svg{display:block;width:100%;height:auto;overflow:visible}
  .sr-x{grid-column:2;display:flex;justify-content:space-between;font-size:16px;color:#d5e1ee;font-variant-numeric:tabular-nums}
  .sr-plate .sr-axis-label{margin:14px 0 22px;color:#cbd8e6}
  .sr-plate .sr-axis-top{margin:0 0 14px;color:#cbd8e6}
  .sr-ramp{height:16px;border-radius:5px;background:linear-gradient(90deg,#0c1826,#2d7573 33.333%,#dabc77 66.667%,#f7f9f3);border:1px solid #758195}
  .sr-plate .sr-scale{display:flex;justify-content:space-between;gap:12px;margin:8px 0 18px;color:#dce7f2}
  .sr-plate .sr-width{color:#edcf98;margin:0 0 20px}
  .sr-facts{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0;padding-top:20px;border-top:1px solid #415268}
  .sr-facts div:last-child{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #415268;padding-top:16px}
  .sr-facts dt{font-size:16px;color:#bdcbdc}.sr-facts dd{font-size:23px;font-weight:300;color:#f0f6f9;margin:4px 0 0}
  .sr-facts div:last-child dd{font-size:36px;line-height:1;margin:0;color:#a9dfcd}
  .sr-plate .sr-note{border-top:1px solid #415268;padding-top:24px;margin-top:26px}
  @container(max-width:580px){.sr-panels{grid-template-columns:1fr}}
}
@media(max-width:650px){.sr-panels{grid-template-columns:1fr}.mobile-diagram.sr-plate{padding:26px 20px}.sr-plate .sr-title{font-size:29px}}
@media(max-width:359px){.mobile-diagram.sr-plate{padding:24px 16px}.sr-panel{padding:20px 14px}.sr-plate .sr-title{font-size:27px}}

/* A quiet workspace for a single, legible change at a time. */
.lab-page{padding-bottom:80px}.lab-page .lab-header{padding:42px 0 40px;max-width:900px}
.lab-header h1{font-size:clamp(38px,5vw,64px);line-height:1.13;font-weight:300;letter-spacing:-.045em;margin:20px 0 24px;color:#14233a}
.lab-header .lab-intro{font-size:20px;line-height:1.75;max-width:750px;color:#4d5b71;font-weight:300}
.lab-header .lab-note{font-size:14px;color:#53637b;margin-top:22px;line-height:1.6}
.signal-lab{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr);background:#101e30;border:1px solid #31435a;border-radius:28px;color:#d8e4f0;overflow:hidden;position:relative}
.signal-lab p,.signal-lab dt,.signal-lab label,.signal-lab a,.signal-lab button{font-size:16px;line-height:1.65;font-weight:400}
.lab-workspace{padding:34px 34px 28px;min-width:0;background:radial-gradient(ellipse at 30% 0%,#27425655,transparent 70%)}
.lab-workspace-top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.signal-lab .lab-kicker{font-size:13px;letter-spacing:.04em;color:#afd7cb;margin:0}
.lab-example-tag{font-size:12px;color:#c5d4e3;border:1px solid #435369;border-radius:99px;padding:6px 10px;line-height:1.4}
.lab-workspace h2{font-size:clamp(27px,3vw,35px);font-weight:300;line-height:1.3;letter-spacing:-.025em;color:#edf5f9;margin:30px 0 32px;max-width:500px;min-height:91px}
.lab-axis-caption{font-size:16px;color:#c7d6e5;margin-bottom:20px}
.lab-plot{display:grid;grid-template-columns:26px minmax(0,1fr);gap:10px}
.lab-plot svg{display:block;width:100%;height:auto;overflow:visible}
.lab-y{display:flex;flex-direction:column;justify-content:space-between;text-align:right;font-size:16px;line-height:1;color:#c7d6e5}
.lab-x{grid-column:2;display:flex;justify-content:space-between;font-size:16px;color:#c7d6e5;font-variant-numeric:tabular-nums}
.signal-lab .lab-axis-bottom{text-align:center;margin:12px 0 26px;color:#c7d6e5}
.lab-key{display:flex;gap:24px;flex-wrap:wrap;color:#d6e4ee;font-size:16px}
.lab-key span{display:flex;gap:10px;align-items:center}.lab-key i{width:26px;display:block;border-top:2px solid #b3e8d6}.lab-key .lab-key-reference{border-top:2px dashed #a0aec0}
.signal-lab .lab-width-note{color:#edcf98;margin:18px 0 0}
.lab-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:28px 0 0;padding:26px 0 0;border-top:1px solid #3b4c63}
.lab-metrics dt{color:#adc1d5}.lab-metrics dd{font-size:29px;line-height:1.4;font-weight:300;color:#edf5f9;margin:8px 0 0;font-variant-numeric:tabular-nums}
.signal-lab .lab-reference-note{color:#aebfd1;font-size:14px;line-height:1.7;margin:22px 0 0}
.lab-console{background:#17283b;border-left:1px solid #35465e;padding:34px 28px;min-width:0;display:flex;flex-direction:column}
.lab-lesson-heading{display:flex;gap:12px;justify-content:space-between;align-items:center;color:#aebed1;font-size:13px;margin-bottom:18px}
.lab-lesson-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:34px}
.lab-lesson-buttons button{display:flex;flex-direction:column;align-items:flex-start;gap:8px;background:#ffffff03;border:1px solid #4b5b70;color:#d5e2ed;border-radius:12px;padding:13px 15px;cursor:pointer;text-align:left;min-height:88px}
.lab-lesson-buttons button span{font-size:13px;color:#9fb3c8;line-height:1.2}
.lab-lesson-buttons button[aria-pressed=true]{background:#aecfc314;border-color:#acd9cc;color:#effbf5;box-shadow:inset 0 0 0 1px #acd9cc22}
.lab-lesson-buttons button[aria-pressed=true] span{color:#bee5d8}
.lab-slider-heading{display:flex;justify-content:space-between;gap:20px;align-items:center}.lab-slider-heading output{font-size:27px;font-weight:300;color:#c3eadb;white-space:nowrap;font-variant-numeric:tabular-nums}
.lab-slider-heading label{color:#eff4f8;max-width:180px}
.signal-lab input[type=range]{display:block;width:100%;height:44px;margin:15px 0 13px;accent-color:#b3e8d6;cursor:pointer;background:transparent}
.signal-lab input[type=range]::-webkit-slider-runnable-track{height:4px;background:#78908f;border-radius:99px}
.signal-lab input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;margin-top:-10px;border-radius:50%;background:#c9ecdd;border:3px solid #17283b;box-shadow:0 0 0 1px #aac9bd}
.signal-lab input[type=range]{-webkit-appearance:none;appearance:none}
.signal-lab input[type=range]::-moz-range-track{height:4px;background:#78908f;border-radius:99px}
.signal-lab input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#c9ecdd;border:3px solid #17283b}
.signal-lab #lab-control-help{color:#c3d0e0;margin:0 0 15px}
.lab-reset{background:transparent;border:0;border-bottom:1px solid #6a7e91;padding:10px 0;color:#d9e6ee;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:44px;width:100%;text-align:left}
.signal-lab button:focus-visible,.signal-lab input:focus-visible,.signal-lab a:focus-visible{outline:3px solid #edcf98;outline-offset:5px}
.lab-insight{margin-top:30px;padding-top:26px;border-top:1px solid #41516a}.lab-insight #lab-summary{color:#edf4f8;margin:12px 0 20px}.lab-insight a{color:#c4e5d9;text-underline-offset:5px}
.signal-lab .lab-static-note{color:#c3d0e0;margin:24px 0 0}.lab-ready .lab-static-note{display:none}
.lab-console [hidden]{display:none!important}
.lab-heat-pair{display:grid;gap:26px}.lab-heat-panel{min-width:0}.lab-heat-panel h3{font-size:19px;font-weight:400;margin:0 0 18px;color:#e9f1f8;line-height:1.5}
.lab-colour-ramp{height:13px;border-radius:4px;background:linear-gradient(90deg,#0c1826,#2d7573 33.333%,#dabc77 66.667%,#f7f9f3);border:1px solid #728494}
.signal-lab .lab-scale-label{display:flex;justify-content:space-between;gap:18px;margin:8px 0 0;color:#c7d6e5}
.lab-is-colour .lab-workspace h2{min-height:0}.lab-heat-panel .lab-axis-caption{margin-bottom:12px}.lab-heat-panel .lab-axis-bottom{margin-bottom:18px}
.lab-reading{margin:72px 0}.lab-reading>h2,.lab-next h2{font-size:clamp(29px,3vw,40px);font-weight:300;letter-spacing:-.03em;line-height:1.3;color:#1c3046;margin:0 0 26px}
.lab-reading-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.lab-reading-grid article{padding:28px;border:1px solid #d7dfe5;background:#fff9;border-radius:18px;min-width:0}
.lab-reading-grid h3{font-size:23px;line-height:1.4;font-weight:300;color:#1d334a;margin:10px 0 16px}
.lab-reading-grid p,.lab-method p,.lab-next p{font-size:17px;line-height:1.8;color:#4b5d72}.lab-reading-grid a,.lab-method a{color:#2e5664;text-underline-offset:4px;font-size:16px}
.lab-method{max-width:800px;margin:54px 0}.lab-method h2{font-size:27px;font-weight:300;color:#1c3046}.lab-method details{border-top:1px solid #d7dfe5;border-bottom:1px solid #d7dfe5;padding:20px 0}.lab-method summary{cursor:pointer;font-size:18px;color:#2b4258}.lab-method code{font-size:15px;white-space:normal;overflow-wrap:anywhere}
.lab-next{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:42px;background:#eaf0f1;border:1px solid #d3dfe2;border-radius:24px}.lab-next p{margin:0 0 22px}.lab-next .lab-availability{font-size:14px;margin:20px 0 0}.lab-next a{font-size:16px}
.learn-lab-link{margin:26px 0 38px;border:1px solid #d4e1dd;border-radius:16px;padding:24px 28px;background:#edf3f0;display:flex;gap:24px;justify-content:space-between;align-items:center;color:#233e4a;text-decoration:none}.learn-lab-link strong{font-weight:400;font-size:19px}.learn-lab-link p{font-size:16px;line-height:1.7;margin:6px 0 0;color:#506776}.learn-lab-link>span{font-size:28px}
@media(max-width:1000px){.signal-lab{grid-template-columns:minmax(0,1.2fr) minmax(280px,1fr)}.lab-workspace{padding:28px 24px}.lab-console{padding:28px 24px}.lab-metrics{gap:12px}.lab-metrics dd{font-size:24px}.lab-workspace h2{font-size:28px}}
@media(max-width:780px){.signal-lab{grid-template-columns:1fr}.lab-workspace{padding:28px}.lab-workspace h2{min-height:0;max-width:560px}.lab-console{border-left:0;border-top:1px solid #35465e;padding:28px}.lab-lesson-buttons{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:24px}.lab-lesson-buttons button{padding:12px}.lab-console .lab-insight{margin-top:24px}.lab-reading-grid{gap:16px}.lab-next{gap:28px;padding:30px}.lab-header .lab-intro{font-size:18px}}
@media(max-width:600px){.lab-page .lab-header{padding:28px 0 30px}.signal-lab{border-radius:20px}.lab-workspace,.lab-console{padding:26px 20px}.lab-workspace h2{font-size:29px;margin:24px 0 28px}.lab-workspace-top{gap:12px}.lab-example-tag{font-size:12px}.lab-key{gap:16px}.lab-lesson-buttons{grid-template-columns:1fr 1fr}.lab-metrics{gap:10px}.lab-metrics dt{font-size:16px}.lab-metrics dd{font-size:24px}.lab-reading{margin:48px 0}.lab-reading-grid,.lab-next{grid-template-columns:1fr}.lab-reading-grid article{padding:24px}.lab-next{padding:26px;gap:6px}.lab-method{margin:40px 0}.lab-reading-grid p,.lab-method p,.lab-next p{font-size:16px}.learn-lab-link{padding:22px}.signal-lab .lab-reference-note{font-size:16px}.lab-scale-label{flex-wrap:wrap}}
@media(max-width:359px){.lab-workspace,.lab-console{padding:24px 16px}.lab-workspace h2{font-size:26px}.lab-metrics{grid-template-columns:1fr 1fr}.lab-metrics div:last-child{grid-column:1/-1;border-top:1px solid #3b4c63;padding-top:14px;display:flex;justify-content:space-between;align-items:center}.lab-metrics div:last-child dd{margin:0}}

/* On phones the range sits directly beneath the plot being changed. */
@media(max-width:780px){
.signal-lab{display:flex;flex-direction:column;padding:26px}
.lab-workspace,.lab-console,.lab-ready .lab-controls{display:contents}
.lab-workspace-top{order:1}.lab-choose{order:2;margin-top:25px}.lab-workspace h2{order:3;margin:0 0 25px}
.lab-visual{order:4}.lab-adjust{order:5;margin:25px 0 0;padding-top:24px;border-top:1px solid #41516a}
.lab-metrics{order:6}.lab-reference-note{order:7}.lab-console .lab-insight{order:8;margin-top:26px}.lab-static-note{order:9}
}
@media(max-width:600px){.signal-lab{padding:24px 20px}.lab-choose{margin-top:22px}.lab-lesson-buttons button{min-height:70px;gap:6px;flex-direction:row;align-items:center;padding:12px 10px}.lab-key{gap:12px}.lab-key i{width:19px}}
@media(max-width:359px){.signal-lab{padding:22px 16px}.lab-lesson-buttons button{font-size:16px}.lab-lesson-buttons button span{display:none}}

/* Signal Journey. All visual overrides belong to this website route. */
.weather-site{background:#06121c;color:#eaf0f5;color-scheme:dark;--ink:#eaf0f5;--muted:#adbdcb;--weather-line:#2b3c4a}
.weather-site .wrap{width:min(1280px,calc(100% - 112px));max-width:1280px}
.weather-site .site-header{height:78px;padding-top:0;padding-bottom:0;position:relative;z-index:3;border:0}
.weather-site .brand,.weather-site .site-header nav a{color:#edf0f4}.weather-site .brand-second{color:inherit}.weather-site .brand img{width:30px;height:30px;border-radius:8px}.weather-site .brand{font-size:20px;font-weight:300;gap:10px}
.weather-site .site-header nav{gap:32px}.weather-site .site-header nav a{font-size:14px}.weather-site .site-header .nav-section{display:none}.weather-site .site-header .nav-section[href='/#inside']{display:flex}.weather-site .site-header .nav-explore{display:none}
.weather-page{--weather-ink:#edf1f7;--weather-muted:#acbbca;--weather-line:#2b3c4a;color:var(--weather-ink);padding:0}
.weather-page a{color:#cbd8e7;text-underline-offset:5px}.weather-page a:hover{color:#fff}
.weather-lab{--weather-accent:#e7b47c;--weather-soft:#685442;--weather-tint:#201c19;position:relative;isolation:isolate;color:var(--weather-ink);scroll-margin-top:15px}
.weather-lab[data-weather-lesson=dst]{--weather-accent:#c5afff;--weather-soft:#5a4b7b;--weather-tint:#211e31}.weather-lab[data-weather-lesson=bz]{--weather-accent:#91d9d1;--weather-soft:#38615e;--weather-tint:#11292c}
.weather-lab [hidden]{display:none!important}.weather-scene{height:355px;position:relative;isolation:isolate}.weather-scene-art{position:absolute;top:-78px;left:0;width:100%;height:680px;z-index:-2;pointer-events:none;overflow:hidden}.weather-scene-art img{width:100%;height:100%;object-fit:cover;object-position:50% 46%;display:block}.weather-scene-art:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#06121c08 30%,#06121c40 70%,#06121c 99%),linear-gradient(90deg,#06121c45,transparent 25%,transparent)}
.weather-scene-content{height:100%;position:relative}.weather-hero-copy{padding-top:16px;position:relative;z-index:1}.weather-eyebrow{font-size:11px;letter-spacing:.14em;text-transform:uppercase;margin:0 0 12px;color:#c1ccda}.weather-hero-copy h1{font:300 clamp(56px,5.7vw,82px)/1.12 Poppins,sans-serif;letter-spacing:-.045em;margin:0 0 15px;color:#f5f5f5}.weather-hero-copy>p:last-child{font-size:19px;font-weight:300;line-height:1.6;margin:0;color:#d4dbe4}.weather-mobile-break{display:none}.weather-method-link{position:absolute;right:0;top:50px;display:flex;align-items:center;gap:14px;font-size:13px;padding:6px 0;text-decoration:none;border-bottom:1px solid #8797a6}
.weather-source{position:absolute;font-size:13px;color:#d8e5f0;line-height:1.5;display:flex;align-items:center;gap:4px}.weather-source:before{content:'';position:absolute;width:30px;height:30px;left:-38px;top:26px;border-top:1px solid #a1b3c1;transform:skew(-34deg)}.weather-source:after{content:'';position:absolute;width:5px;height:5px;border-radius:50%;background:#dee9f3;left:-49px;top:52px;box-shadow:0 0 10px #d5e5fa}.weather-source-upstream{left:51%;top:155px}.weather-source-ground{right:0;top:279px}.weather-source-ground:before{transform:skew(34deg);top:-6px}.weather-source-ground:after{top:-6px}.weather-source>div{display:flex;align-items:center}.weather-source button{color:#c1cddd;background:none;border:0;border-bottom:1px solid transparent;min-width:44px;min-height:44px;font:400 14px Poppins,sans-serif;padding:6px;cursor:pointer}.weather-source button[aria-pressed=true]{color:var(--weather-accent);border-color:var(--weather-accent)}.weather-source button:hover{color:#fff}.weather-lab:not(.lab-ready) .weather-source{pointer-events:none}.weather-lab:not(.lab-ready) .weather-source button{visibility:hidden}.weather-map-note{position:absolute;bottom:18px;left:0;margin:0;font-size:11px;color:#bec8d4}
.weather-experiment{position:relative}.weather-tabs,.weather-lab.lab-ready .weather-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:60px;padding:0 40px;border-top:1px solid #526273;border-bottom:1px solid #3c4c5c;background:#06121c39}.weather-tabs button{min-height:78px;position:relative;display:flex;align-items:center;justify-content:center;gap:18px;color:#c0cbd8;border:0;background:none;cursor:pointer;padding:14px 0;text-align:left}.weather-tab-name{font-size:30px;font-weight:300;line-height:1.3}.weather-tab-caption{font-size:13px;font-weight:300}.weather-tabs button[aria-pressed=true]{color:#f3eefc}.weather-tabs button[aria-pressed=true]:after{content:'';height:3px;position:absolute;bottom:-1px;left:0;right:0;background:var(--weather-accent);box-shadow:0 0 20px #c5afff30}
.weather-stage{padding:28px 0 0}.weather-readout{position:relative;padding:0 0 0;min-width:0}.weather-overline{font-size:11px;letter-spacing:.12em;color:var(--weather-muted);line-height:1.7;margin:0 0 12px}.weather-readout>.weather-overline{display:none}.weather-readout h2{font:300 clamp(32px,3.1vw,46px)/1.2 Poppins,sans-serif;letter-spacing:-.035em;margin:0 0 10px;color:#f2f1f7;padding-right:240px}.weather-reading-note{display:none}.weather-example{position:absolute;right:0;bottom:-28px;margin:0;color:#adbacb;font-size:12px;line-height:1.6}.weather-reading-number{font:300 56px/1.1 Poppins,sans-serif;letter-spacing:-.055em;font-variant-numeric:tabular-nums}.weather-reading-unit{font-size:24px;letter-spacing:-.02em;padding-left:7px;font-weight:300}.weather-readout #weather-reading{position:absolute;right:0;top:0;color:var(--weather-accent);white-space:nowrap}.weather-readout #weather-status{display:none}.weather-lab[data-weather-lesson=dst] .weather-readout #weather-reading{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.weather-chart{min-width:0}.weather-lab .lab-axis-caption{font-size:14px;color:#b5c1cf;margin:0 0 27px;line-height:1.6}.weather-lab .weather-plot{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr);gap:11px}.weather-plot-surface{position:relative;grid-column:2;grid-row:1;height:208px}.weather-plot svg{width:100%;height:100%;display:block;overflow:visible}.weather-plot :is(path,polyline,circle,rect){vector-effect:non-scaling-stroke}.weather-y{position:relative;grid-column:1;grid-row:1;color:#bdcbda;font-size:16px;line-height:1;font-variant-numeric:tabular-nums}.weather-y span{position:absolute;right:0;transform:translateY(-50%)}.weather-tick-0{top:0}.weather-tick-20{top:20%}.weather-tick-25{top:25%}.weather-tick-33{top:33.333333%}.weather-tick-50{top:50%}.weather-tick-60{top:60%}.weather-tick-67{top:66.666667%}.weather-tick-75{top:75%}.weather-tick-100{top:100%}.weather-lab .lab-x{grid-column:2;display:flex;justify-content:space-between;font-size:16px;color:#b0c1d3;padding-top:3px;font-variant-numeric:tabular-nums}.weather-lab .lab-axis-bottom{font-size:12px;line-height:1.6;text-align:center;color:#a8b9ca;margin:6px 0 0}.weather-marker-label{position:absolute;left:calc(47.916667% + 27px);top:calc(var(--minimum-y) + 9px);white-space:nowrap;color:var(--weather-accent);pointer-events:none}.weather-marker-label .weather-reading-number{font-size:50px}.weather-marker-label .weather-reading-unit{font-size:28px}.weather-marker-note{display:block;font-size:12px;color:#bdc8dc;line-height:1.5;padding-left:4px}.weather-marker-label.weather-label-above{transform:translateY(-100%);margin-top:-22px}.weather-lab .lab-key{display:flex;gap:24px;flex-wrap:wrap;font-size:12px;color:#aebecd;line-height:1.6;margin:12px 0 0}.weather-lab .lab-key span{display:flex;align-items:center;gap:9px}.weather-lab .lab-key i{width:18px;display:inline-block;border-top:2px solid var(--weather-accent)}.weather-lab .lab-key .weather-key-bars{border-top:5px solid #526b7b}.weather-lab .lab-key .weather-key-reference{border-top:1px dashed #8d9faf}.weather-threshold{font-size:12px;line-height:1.6;color:#aabacc;margin:5px 0 0}
.weather-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:50px;align-items:start;margin-top:22px;padding:22px 0;border-top:1px solid var(--weather-line)}.weather-range-row{display:grid;gap:22px}.weather-lab[data-weather-lesson=bz] .weather-controls{grid-template-columns:1fr}.weather-lab[data-weather-lesson=bz] .weather-range-row{grid-template-columns:1fr 1fr;gap:40px}.weather-range-main,.weather-duration{min-width:0}.weather-slider-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.weather-slider-heading label{font-size:15px;color:#dfe7ef;line-height:1.5}.weather-slider-heading output{font-size:19px;color:var(--weather-accent);font-weight:300;white-space:nowrap;font-variant-numeric:tabular-nums}.weather-lab input[type=range]{appearance:none;-webkit-appearance:none;display:block;width:100%;height:44px;background:none;cursor:pointer;margin:3px 0;accent-color:var(--weather-accent)}.weather-lab input[type=range]::-webkit-slider-runnable-track{height:3px;border-radius:6px;background:#596d7f}.weather-lab input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:21px;height:21px;border:3px solid #132332;border-radius:50%;background:var(--weather-accent);box-shadow:0 0 0 1px var(--weather-accent),0 0 18px #9f89e047;margin-top:-9px}.weather-lab input[type=range]::-moz-range-track{height:3px;background:#596d7f}.weather-lab input[type=range]::-moz-range-thumb{width:15px;height:15px;border:3px solid #132332;border-radius:50%;background:var(--weather-accent);box-shadow:0 0 0 1px var(--weather-accent)}#weather-help,#weather-duration-help{font-size:12px;line-height:1.7;color:#aebccd;margin:0;max-width:660px}.weather-try{display:flex;flex-wrap:wrap;align-items:center;gap:10px;max-width:390px}.weather-try>p{width:100%;font-size:12px;line-height:1.6;margin:0 0 1px;color:#b4c3d3}.weather-presets{display:flex;gap:8px}.weather-presets button{font:400 12px/1.4 Poppins,sans-serif;min-height:47px;border:1px solid #3b4d5e;border-radius:7px;background:#0c1c2866;color:#c5d1df;padding:10px 15px;cursor:pointer}.weather-presets button[aria-pressed=true]{border-color:var(--weather-accent);color:#eee8ff;background:var(--weather-tint);box-shadow:inset 0 0 20px #b49cda10}.weather-lab .lab-reset{display:flex;align-items:center;gap:9px;min-height:44px;font:400 12px Poppins,sans-serif;color:#b2c0cd;background:none;border:0;cursor:pointer;padding:6px 0;width:auto;margin:0}.weather-lab .lab-reset span{font-size:19px}.weather-lab :is(button,input,a,summary):focus-visible,.weather-page a:focus-visible{outline:2px solid #e2d7ff;outline-offset:4px}
.weather-insight{display:grid;grid-template-columns:minmax(0,1.8fr) 1fr;gap:100px;border-top:1px solid var(--weather-line);padding:30px 0 26px}.weather-insight .weather-overline{margin-bottom:12px}#weather-summary{font-size:16px;line-height:1.85;color:#c4d0dc;margin:0 0 16px}#weather-read-more{font-size:14px}#weather-metrics{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:0;align-self:center}#weather-metrics dt{font-size:12px;line-height:1.7;color:#9eb1c3}#weather-metrics dd{font-size:25px;font-weight:300;color:#e0e7f0;line-height:1.4;margin:10px 0 0}.weather-location{font-size:13px;line-height:1.8;margin:0 0 22px;color:#aabbce}.weather-detail-row{display:grid;grid-template-columns:1fr 1fr;gap:50px;border-top:1px solid var(--weather-line);border-bottom:1px solid var(--weather-line)}.weather-detail-row summary{display:flex;align-items:center;gap:12px;min-height:60px;font-size:14px;line-height:1.7;color:#c2cede;cursor:pointer}.weather-detail-row summary:before{content:'+';font-size:20px}.weather-detail-row details[open]>summary:before{content:'−'}.weather-detail-row summary::-webkit-details-marker{display:none}.weather-detail-row p{font-size:15px;line-height:1.85;color:#b6c5d5;margin:10px 0 25px}.weather-data table{width:100%;border-collapse:collapse;font-size:16px;margin:12px 0 24px;color:#cad5df}.weather-data caption{text-align:left;font-size:13px;line-height:1.7;color:#acbfd1;margin-bottom:14px}.weather-data th,.weather-data td{font-weight:400;text-align:left;border-bottom:1px solid var(--weather-line);padding:10px 4px}.weather-data td{text-align:right;font-variant-numeric:tabular-nums}.weather-lab .lab-static-note{font-size:15px;color:#adbed1;padding:20px 0}.weather-lab.lab-ready .lab-static-note{display:none}
.weather-breadcrumbs{margin:42px 0 0;padding:0;color:#9fb3c7;font-size:12px}.weather-page .lab-reading{margin:70px 0 80px}.weather-page .lab-reading>h2{font:300 42px/1.25 Poppins,sans-serif;letter-spacing:-.035em;color:#e8edf5;margin:0 0 34px}.weather-page .lab-reading-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}.weather-page .lab-reading-grid article{border:0;border-top:1px solid var(--weather-line);border-radius:0;background:none;padding:24px 0 0}.weather-page .lab-reading-grid h3{font-size:25px;line-height:1.4;font-weight:300;letter-spacing:-.025em;color:#e6edf4;margin:14px 0 22px}.weather-page .lab-reading-grid p,.weather-page .lab-method p,.weather-page .lab-next p{font-size:16px;line-height:1.9;color:#afc0d1}.weather-page .eyebrow{font-size:11px;color:#a8bcce;letter-spacing:.1em}.weather-page .lab-reading-grid a{font-size:14px;color:#c5afff}.weather-compare{display:grid;grid-template-columns:1fr 1.25fr;gap:90px;border-top:1px solid var(--weather-line);padding-top:40px;margin:60px 0}.weather-compare h2,.weather-page .lab-method h2{font-size:36px;line-height:1.3;font-weight:300;letter-spacing:-.03em;color:#e8edf5;margin:12px 0 24px}.weather-compare p{font-size:16px;line-height:1.85;color:#afc0d1}.weather-compare a{font-size:15px}.weather-compare details{border-bottom:1px solid var(--weather-line);padding:20px 0}.weather-compare summary{font-size:17px;line-height:1.7;cursor:pointer;min-height:44px;color:#d6e1ec}.weather-page .lab-method{max-width:none;margin:70px 0}.weather-page .lab-method summary{color:#d5dfeb;font-size:17px;line-height:1.7}.weather-page .lab-method details{border-color:var(--weather-line)}.weather-page .lab-method a{color:#c5afff}.weather-sources{list-style:none;padding:0;margin:20px 0;display:grid;grid-template-columns:1fr 1fr;gap:0 35px}.weather-sources li{border-bottom:1px solid var(--weather-line);padding:16px 0}.weather-page .lab-next{border:1px solid #2d4356;background:#0c1f2f;border-radius:18px;padding:40px;gap:70px}.weather-page .lab-next h2{font-size:31px;font-weight:300;color:#e3eaf3}.weather-page .lab-next .button{background:#d2bff6;border-color:#d2bff6;color:#172132;font-size:14px}.weather-site .site-footer{color:#c6d1de;background:none;border-color:#294053}.weather-site .site-footer :is(a,h2,h3,summary,.brand,.eyebrow){color:#c6d1de}.weather-site .footer-bottom{color:#9fb1c3}.weather-site .footer-topic{border-color:#294053}
/* Existing cross-links on other pages stay unchanged. */
.learn-lab-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px}.learn-lab-pair .learn-lab-link{margin:26px 0 0;flex-direction:row;align-items:center;background:#edf3f0}.learn-lab-pair .learn-lab-link p{font-size:16px;line-height:1.7;margin:6px 0 0}.learn-lab-pair .learn-lab-link:last-child{background:#f0eef7;border-color:#dedbeb}.weather-sibling{font-size:16px;line-height:1.8;color:#4b5d72;margin:34px 0}.weather-sibling a{color:#315468;text-underline-offset:4px}
@media(min-width:1600px){.weather-scene-art{height:760px;object-position:center}.weather-scene{height:390px}.weather-source-upstream{top:190px}.weather-source-ground{top:305px}}
@media(max-width:1100px){.weather-site .wrap{width:calc(100% - 72px)}.weather-scene{height:340px}.weather-hero-copy h1{font-size:65px}.weather-method-link{top:12px;font-size:12px}.weather-hero-copy{padding-top:30px}.weather-scene-art{height:590px}.weather-source-upstream{left:49%;top:170px}.weather-source-ground{top:270px}.weather-source-label{font-size:12px}.weather-tabs{gap:24px;padding:0 18px}.weather-tab-caption{font-size:12px}.weather-tab-name{font-size:27px}.weather-controls{gap:28px}.weather-insight{gap:50px}.weather-page .lab-reading-grid{gap:27px}.weather-page .lab-reading-grid h3{font-size:22px}.weather-compare{gap:40px}}
@media(max-width:780px){.weather-site .wrap{width:calc(100% - 48px)}.weather-site .site-header{height:70px}.weather-site .site-header nav{gap:20px}.weather-site .brand{font-size:17px}.weather-scene{height:360px}.weather-hero-copy h1{font-size:59px}.weather-hero-copy>p:last-child{font-size:17px}.weather-hero-copy{padding-top:20px}.weather-method-link{position:absolute;top:auto;bottom:14px;font-size:12px}.weather-scene-art{height:620px;top:-70px}.weather-source-upstream{left:47%;top:190px;display:block}.weather-source-upstream button{display:block}.weather-source-ground{top:275px;display:block}.weather-source-ground:before,.weather-source-ground:after{display:none}.weather-source-upstream:before{left:-24px;top:14px}.weather-source-upstream:after{left:-35px;top:40px}.weather-source-ground .weather-source-label{display:block}.weather-source-ground>div{justify-content:flex-end}.weather-map-note{font-size:10px}.weather-tabs{gap:24px;padding:0}.weather-tabs button{gap:7px;min-height:76px;flex-direction:column;align-items:flex-start;padding:14px}.weather-tab-caption{font-size:12px}.weather-readout h2{font-size:34px;padding-right:180px}.weather-example{position:static;margin:0 0 14px;font-size:11px}.weather-lab .lab-axis-caption{font-size:13px;margin-bottom:24px}.weather-marker-label .weather-reading-number{font-size:44px}.weather-marker-label .weather-reading-unit{font-size:24px}.weather-controls{grid-template-columns:1fr;gap:20px}.weather-try{max-width:none}.weather-try>p{width:auto;margin-right:auto}.weather-lab .lab-reset{margin-left:auto}.weather-insight{grid-template-columns:1fr;gap:26px}#weather-metrics{max-width:420px}.weather-page .lab-reading-grid{grid-template-columns:1fr;gap:30px}.weather-page .lab-reading-grid h3{font-size:27px}.weather-compare{grid-template-columns:1fr;gap:20px}.weather-page .lab-next{grid-template-columns:1fr;gap:32px}.learn-lab-pair{grid-template-columns:1fr;gap:0;margin:20px 0}.learn-lab-pair .learn-lab-link{margin:10px 0 18px}}
@media(max-width:540px){.weather-site .wrap{width:calc(100% - 40px)}.weather-site .site-header{height:68px;gap:8px}.weather-site .brand{font-size:15px;gap:7px}.weather-site .brand img{width:25px;height:25px}.weather-site .site-header nav{gap:17px}.weather-site .site-header nav a{font-size:12px}.weather-site .site-header .nav-section[href='/#inside']{display:none}.weather-scene{height:374px}.weather-scene-art{top:145px;height:240px}.weather-scene-art img{object-fit:cover;object-position:50% 50%}.weather-scene-art:after{background:linear-gradient(180deg,#06121c 0%,#06121c00 25%,#06121c00 65%,#06121c 100%)}.weather-hero-copy{padding-top:16px}.weather-eyebrow{font-size:9px;letter-spacing:.12em;margin-bottom:15px}.weather-hero-copy h1{font-size:45px;letter-spacing:-.045em;margin-bottom:12px;white-space:nowrap}.weather-hero-copy>p:last-child{font-size:16px;line-height:1.7}.weather-mobile-break{display:block}.weather-source{top:264px;background:#06121cb8;backdrop-filter:blur(6px);border-radius:6px;line-height:1.3;padding:2px 6px}.weather-source-upstream{left:33%;top:205px;display:block}.weather-source-upstream:before,.weather-source-upstream:after{display:none}.weather-source-upstream button{min-height:40px;display:inline}.weather-source-label{font-size:11px}.weather-source-ground{right:0;top:284px}.weather-source button{font-size:13px;min-height:44px;padding:5px}.weather-map-note{bottom:12px;font-size:10px}.weather-method-link{font-size:11px;bottom:8px;gap:8px;min-height:32px}.weather-tabs,.weather-lab.lab-ready .weather-tabs{gap:14px;padding:0;background:transparent}.weather-tabs button{align-items:flex-start;gap:4px;padding:14px 4px;min-height:76px}.weather-tab-name{font-size:25px}.weather-tab-caption{font-size:11px}.weather-stage{padding-top:24px}.weather-readout{display:grid;grid-template-columns:1fr auto;gap:8px 12px;align-items:end}.weather-readout h2{font-size:29px;line-height:1.25;padding:0;margin:0;grid-column:1/-1;max-width:340px}.weather-readout #weather-reading,.weather-lab[data-weather-lesson=dst] .weather-readout #weather-reading{position:static;clip-path:none;width:auto;height:auto;overflow:visible;grid-column:1;margin:3px 0 0;line-height:1.1}.weather-reading-number{font-size:45px}.weather-reading-unit{font-size:22px}.weather-readout #weather-status{display:block;grid-column:2;grid-row:2;font-size:12px;line-height:1.6;color:#bdcadb;text-align:right;max-width:128px;margin:0 0 3px}.weather-readout #weather-status span{color:var(--weather-accent)}.weather-example{grid-column:1/-1;font-size:10px;letter-spacing:0;margin:7px 0 14px}.weather-marker-label{display:none}.weather-lab .lab-axis-caption{font-size:12px;margin:0 0 22px}.weather-plot-surface{height:190px}.weather-lab .weather-plot{grid-template-columns:44px minmax(0,1fr);gap:9px}.weather-y,.weather-lab .lab-x{font-size:16px}.weather-lab .lab-x{padding-top:6px}.weather-lab .lab-axis-bottom{font-size:12px;max-width:290px;margin:7px auto 0}.weather-lab .lab-key{font-size:11px;gap:14px;margin:15px 0 0}.weather-threshold{font-size:12px;margin-top:8px}.weather-controls{margin-top:20px;padding-top:20px;gap:20px}.weather-slider-heading label{font-size:14px}.weather-slider-heading output{font-size:19px}#weather-help,#weather-duration-help{font-size:14px;line-height:1.75}.weather-lab[data-weather-lesson=bz] .weather-range-row{grid-template-columns:1fr;gap:20px}.weather-try{gap:12px}.weather-try>p{width:100%;font-size:12px}.weather-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%}.weather-presets button{padding:9px 8px;font-size:12px;min-height:50px;line-height:1.6}.weather-lab .lab-reset{margin-left:auto;min-height:44px;font-size:12px}.weather-insight{padding:25px 0;gap:25px}#weather-summary{font-size:16px;line-height:1.85}#weather-metrics{gap:24px}#weather-metrics dt{font-size:12px}#weather-metrics dd{font-size:25px;margin-top:6px}.weather-location{font-size:13px}.weather-detail-row{grid-template-columns:1fr;gap:0}.weather-detail-row details+details{border-top:1px solid var(--weather-line)}.weather-detail-row summary{font-size:14px;min-height:58px}.weather-breadcrumbs{font-size:11px;margin-top:28px}.weather-page .lab-reading{margin:48px 0}.weather-page .lab-reading>h2{font-size:32px}.weather-page .lab-reading-grid{gap:32px}.weather-page .lab-reading-grid h3{font-size:25px}.weather-compare{margin:50px 0;padding-top:25px}.weather-compare h2,.weather-page .lab-method h2{font-size:30px}.weather-sources{grid-template-columns:1fr}.weather-page .lab-method{margin:50px 0}.weather-page .lab-next{padding:26px 22px}.weather-page .lab-next h2{font-size:27px}.weather-site .site-footer{padding-left:0;padding-right:0}}
@media(max-width:359px){.weather-site .wrap{width:calc(100% - 32px)}.weather-site .brand{font-size:13px}.weather-site .brand img{width:22px;height:22px}.weather-site .site-header nav{gap:12px}.weather-hero-copy h1{font-size:37px}.weather-eyebrow{font-size:8px}.weather-hero-copy>p:last-child{font-size:14px}.weather-source-upstream{left:31%}.weather-tab-caption{font-size:10px}.weather-tab-name{font-size:24px}.weather-tabs{gap:9px}.weather-readout h2{font-size:27px}.weather-readout #weather-status{max-width:110px;font-size:11px}.weather-reading-number{font-size:43px}.weather-presets button{font-size:11px}.weather-map-note{font-size:9px}.weather-method-link{font-size:10px}}
@media(prefers-reduced-motion:no-preference){.weather-tabs button,.weather-source button,.weather-presets button{transition:color .18s,background-color .18s,border-color .18s}}

.weather-depth-0{--minimum-y:20%}
.weather-depth-10{--minimum-y:24%}
.weather-depth-20{--minimum-y:28%}
.weather-depth-30{--minimum-y:32%}
.weather-depth-40{--minimum-y:36%}
.weather-depth-50{--minimum-y:40%}
.weather-depth-60{--minimum-y:44%}
.weather-depth-70{--minimum-y:48%}
.weather-depth-80{--minimum-y:52%}
.weather-depth-90{--minimum-y:56%}
.weather-depth-100{--minimum-y:60%}
.weather-depth-110{--minimum-y:64%}
.weather-depth-120{--minimum-y:68%}.weather-marker-label.weather-depth-120{transform:translateY(-100%);margin-top:-23px}
.weather-depth-130{--minimum-y:72%}.weather-marker-label.weather-depth-130{transform:translateY(-100%);margin-top:-23px}
.weather-depth-140{--minimum-y:76%}.weather-marker-label.weather-depth-140{transform:translateY(-100%);margin-top:-23px}
.weather-depth-150{--minimum-y:80%}.weather-marker-label.weather-depth-150{transform:translateY(-100%);margin-top:-23px}
.weather-depth-160{--minimum-y:84%}.weather-marker-label.weather-depth-160{transform:translateY(-100%);margin-top:-23px}
.weather-depth-170{--minimum-y:88%}.weather-marker-label.weather-depth-170{transform:translateY(-100%);margin-top:-23px}
.weather-depth-180{--minimum-y:92%}.weather-marker-label.weather-depth-180{transform:translateY(-100%);margin-top:-23px}
.weather-depth-190{--minimum-y:96%}.weather-marker-label.weather-depth-190{transform:translateY(-100%);margin-top:-23px}
.weather-depth-200{--minimum-y:100%}.weather-marker-label.weather-depth-200{transform:translateY(-100%);margin-top:-23px}

@media(min-width:781px){#weather-visual{position:relative}.weather-lab[data-weather-lesson=dst] .lab-key{position:absolute;bottom:0;left:0;margin:0}.weather-lab[data-weather-lesson=dst] .weather-threshold{display:none}}

/* Keep source controls above the non-interactive title plane. */
.weather-hero-copy{pointer-events:none}.weather-source{z-index:2}
.weather-hero-copy>p:last-child{width:fit-content;padding:4px 12px 4px 0;background:linear-gradient(90deg,#06121cbf,#06121c88 75%,transparent);text-shadow:0 1px 7px #06121c}
.weather-marker-label.weather-depth-160,.weather-marker-label.weather-depth-170,.weather-marker-label.weather-depth-180,.weather-marker-label.weather-depth-190,.weather-marker-label.weather-depth-200{margin-top:-47px}
@media(max-width:540px){.weather-source-upstream{top:162px}.weather-hero-copy>p:last-child{background:none;padding:0}.weather-example{font-size:12px}.weather-source-upstream:before{display:block;left:48px;top:50px;width:1px;height:22px;border-top:0;border-left:1px solid #91a4b4;transform:none}.weather-source-upstream:after{display:block;left:46px;top:72px;width:5px;height:5px}}
/* Feather the text backdrop into the scene; keep every map target separate. */
.weather-hero-copy>p:last-child{background:none;position:relative;isolation:isolate}
.weather-hero-copy>p:last-child:before{content:'';position:absolute;inset:-8px -14px;z-index:-1;background:#06121cc9;border-radius:50%;filter:blur(16px)}
@media(min-width:541px) and (max-width:780px){.weather-scene-art img{object-fit:contain}.weather-source-upstream{left:56%;top:150px;display:flex}.weather-source-upstream:before{left:-38px;top:26px}.weather-source-upstream:after{left:-49px;top:52px}.weather-source-ground{top:230px}}
@media(max-width:540px){.weather-hero-copy>p:last-child:before{display:none}.weather-source-ground{top:258px}}
@media(min-width:1001px) and (max-height:950px){.weather-site .site-header{height:68px}.weather-scene{height:300px}.weather-scene-art{top:-68px;height:580px}.weather-hero-copy{padding-top:7px}.weather-hero-copy h1{font-size:70px}.weather-eyebrow{margin-bottom:9px}.weather-source-upstream{top:108px}.weather-source-ground{top:215px}.weather-tabs button{min-height:68px}.weather-stage{padding-top:24px}.weather-readout h2{font-size:38px}.weather-plot-surface{height:175px}.weather-marker-label .weather-reading-number{font-size:44px}.weather-marker-label .weather-reading-unit{font-size:24px}.weather-marker-label .weather-marker-note{font-size:11px}.weather-controls{margin-top:18px;padding-top:16px}}
@media(min-width:781px){.weather-method-link{top:12px}}
@media(min-width:541px) and (max-width:780px){.weather-scene-art:after{background:linear-gradient(180deg,#06121c 0%,#06121c 20%,transparent 40%,#06121c55 79%,#06121c 100%)}}
@media(min-width:1001px) and (max-height:950px){.weather-method-link{top:-8px}}
.weather-marker-label.weather-depth-110{transform:translateY(-100%);margin-top:-23px}
.weather-site .site-footer :is(.footer-group,.footer-top,.footer-topic-link){border-color:#2b3c4a}.weather-site .footer-group .footer-count,.weather-site .footer-group summary:after{color:#a6b7c9}

/* Schumann companion to Signal Journey. Native labels, exact SVG geometry. */
.resonance-page{padding:0 0 70px;color:#eaf0f5;--resonance-accent:#b3e8d6;--resonance-line:#2b3c4a}
.resonance-page a{color:#c4e1db;text-underline-offset:5px}.resonance-page a:hover{color:#fff}
.resonance-scene{height:355px;position:relative;isolation:isolate}.resonance-scene-art{position:absolute;top:-78px;left:0;width:100%;height:610px;z-index:-1;overflow:hidden;pointer-events:none}.resonance-scene-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 45%}.resonance-scene-art:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#06121c08 25%,#06121c22 55%,#06121c 99%)}
.resonance-scene-content{position:relative;height:100%}.resonance-hero-copy{padding-top:16px}.resonance-eyebrow{font:400 11px/1.7 Poppins,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#b8cbd6;margin:0 0 12px}.resonance-hero-copy h1{font:300 clamp(56px,5.7vw,82px)/1.12 Poppins,sans-serif;letter-spacing:-.045em;color:#f4f7f6;margin:0 0 20px}.resonance-hero-copy>p:last-child{font-size:20px;font-weight:300;line-height:1.6;color:#cbd9df;margin:0}.resonance-method-link{position:absolute;right:0;top:12px;font-size:13px;text-decoration:none;min-height:36px;border-bottom:1px solid #91a6ae;display:flex;gap:16px;align-items:center}
.resonance-map-note{position:absolute;left:0;bottom:19px;font-size:11px;line-height:1.6;color:#aebfc9;margin:0}
.signal-lab.resonance-lab{display:block;padding:0;background:none;border:0;border-radius:0;overflow:visible;color:#eaf0f5;position:relative;scroll-margin-top:15px}.resonance-lab [hidden]{display:none!important}.resonance-lab .lab-controls{display:block}.resonance-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:42px;border-top:1px solid #4c626d;border-bottom:1px solid #354b57;padding:0 20px;background:#06121c33}.resonance-tabs button{position:relative;display:flex;gap:16px;justify-content:center;align-items:center;min-height:78px;padding:14px 0;border:0;background:none;color:#bccbd5;font:300 25px/1.3 Poppins,sans-serif;cursor:pointer}.resonance-tabs .resonance-tab-index{font:400 11px/1.4 Poppins,sans-serif;color:#8eaab7}.resonance-tabs button[aria-pressed=true]{color:#e6f6ef}.resonance-tabs button[aria-pressed=true]:after{content:'';position:absolute;bottom:-1px;height:3px;left:0;right:0;background:var(--resonance-accent);box-shadow:0 0 20px #b3e8d625}
.resonance-stage{padding-top:28px}.resonance-heading{display:flex;justify-content:space-between;gap:30px;align-items:center;margin-bottom:22px}.resonance-heading h2{font:300 clamp(30px,3.1vw,46px)/1.25 Poppins,sans-serif;letter-spacing:-.035em;color:#f0f5f6;margin:0 0 10px}.resonance-lab .resonance-example{font-size:12px;line-height:1.6;color:#aebfc9;margin:0}.resonance-reading{text-align:right;flex-shrink:0;min-width:135px}.resonance-reading-number{font:300 54px/1.1 Poppins,sans-serif;letter-spacing:-.05em;font-variant-numeric:tabular-nums;color:var(--resonance-accent)}.resonance-reading-unit{font-size:24px;font-weight:300;color:var(--resonance-accent);padding-left:8px}.resonance-lab #lab-reading-label{font-size:12px;line-height:1.6;margin:5px 0 0;color:#aabfca}
.resonance-lab .lab-axis-caption{font-size:13px;line-height:1.6;color:#b4c7d1;margin:0 0 20px}.resonance-lab .lab-plot{display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px}.resonance-lab .lab-plot svg{height:208px;width:100%;overflow:visible}.resonance-lab .lab-plot :is(path,polyline){vector-effect:non-scaling-stroke}.resonance-lab .lab-y{position:relative;display:block;line-height:1;font-size:16px;color:#bdced8;font-variant-numeric:tabular-nums}.resonance-lab .lab-y span{position:absolute;right:0;transform:translateY(-50%)}.resonance-lab .lab-y span:nth-child(1){top:0}.resonance-lab .lab-y span:nth-child(2){top:50%}.resonance-lab .lab-y span:nth-child(3){top:100%}.resonance-lab .lab-x{font-size:16px;color:#b0c6d3;padding-top:3px}.resonance-lab .lab-axis-bottom{font-size:12px;line-height:1.6;color:#a7bdca;margin:5px 0 0;text-align:center}.resonance-lab .lab-key{font-size:12px;line-height:1.6;gap:24px;color:#adc5d0;margin:12px 0 0}.resonance-lab .lab-key i{width:19px}.resonance-lab .lab-width-note{font-size:13px;line-height:1.7;margin:8px 0 0;color:#edcf98}
.resonance-lab .resonance-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:50px;border-top:1px solid var(--resonance-line);margin-top:22px;padding:22px 0}.resonance-range{min-width:0}.resonance-lab .lab-slider-heading label{font-size:15px;max-width:none}.resonance-lab .lab-slider-heading output{font-size:20px}.resonance-lab input[type=range]{margin:3px 0;height:44px}.resonance-lab input[type=range]::-webkit-slider-runnable-track{height:3px;background:#506c76}.resonance-lab input[type=range]::-webkit-slider-thumb{width:21px;height:21px;margin-top:-9px;border-color:#102532;box-shadow:0 0 0 1px #b3e8d6,0 0 18px #b3e8d62b}.resonance-lab #lab-control-help{font-size:13px;line-height:1.75;color:#aebfcb;margin:0;max-width:740px}.resonance-try{width:310px}.resonance-lab .resonance-try>p{font-size:12px;color:#b4c9d3;line-height:1.6;margin:0 0 12px}.resonance-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.resonance-presets button{font:400 12px/1.5 Poppins,sans-serif;min-height:47px;padding:10px 7px;cursor:pointer;background:#0c202b66;color:#c6d9df;border:1px solid #38525f;border-radius:7px}.resonance-presets button[aria-pressed=true]{border-color:var(--resonance-accent);background:#13352f66;color:#e4f8ee}.resonance-lab .lab-reset{width:auto;min-height:44px;border:0;font-size:12px;gap:10px;padding:5px 0;margin-left:auto;color:#afc4ce}.resonance-lab .lab-reset span{font-size:19px}
.resonance-insight{display:grid;grid-template-columns:1.5fr 1fr;gap:85px;border-top:1px solid var(--resonance-line);padding:28px 0}.resonance-lab .lab-kicker{font-size:11px;text-transform:uppercase;letter-spacing:.11em;color:#9ebbc7}.resonance-lab #lab-summary{font-size:16px;line-height:1.85;color:#c0d3dd;margin:14px 0 18px}.resonance-lab #lab-read-more{font-size:14px}.resonance-lab .lab-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:0;padding:0;margin:0;gap:25px;align-self:center}.resonance-lab .lab-metrics dt{font-size:12px;line-height:1.7;color:#a5bfcd}.resonance-lab .lab-metrics dd{font-size:28px;color:#e3edf2;margin-top:8px}.resonance-lab .lab-metrics div:last-child{display:block;border:0;padding:0;grid-column:auto}.resonance-lab .lab-reference-note{font-size:13px;line-height:1.8;color:#a6bfce;margin:0;padding-bottom:25px;border-bottom:1px solid var(--resonance-line)}.resonance-lab .lab-static-note{font-size:15px}.resonance-lab :is(button,input,a):focus-visible,.resonance-page :is(a,summary):focus-visible{outline:2px solid #b3e8d6;outline-offset:4px}
.resonance-lab .lab-heat-pair{display:grid;grid-template-columns:1fr 1fr;gap:50px}.resonance-lab .lab-heat-panel h3{font-size:19px;font-weight:300;margin:0 0 18px}.resonance-lab .lab-heat-panel .lab-plot svg{height:180px}.resonance-lab .lab-heat-panel .lab-axis-bottom{margin-bottom:16px}.resonance-lab .lab-colour-ramp{height:8px;border:0;border-radius:2px;margin-left:40px}.resonance-lab .lab-scale-label{font-size:12px;line-height:1.7;margin-left:40px;flex-wrap:nowrap;gap:10px}
.resonance-breadcrumbs{font-size:12px;margin:30px 0 0;color:#a1b9c9}.resonance-page .lab-reading{margin:70px 0 80px}.resonance-page .lab-reading>h2{font-size:42px;line-height:1.3;color:#eaf0f5}.resonance-page .lab-reading-grid{gap:40px 70px}.resonance-page .lab-reading-grid article{padding:25px 0 0;border:0;border-top:1px solid var(--resonance-line);border-radius:0;background:none}.resonance-page .eyebrow{font-size:11px;letter-spacing:.1em;color:#a7c1cc}.resonance-page .lab-reading-grid h3{font-size:29px;font-weight:300;color:#e5eff3;line-height:1.4;letter-spacing:-.025em;margin:14px 0 20px}.resonance-page .lab-reading-grid p,.resonance-page .lab-method p,.resonance-page .lab-next p{font-size:16px;line-height:1.9;color:#afc3d0}.resonance-page .lab-reading-grid a{font-size:14px;color:#b9e1d2}.resonance-page .lab-method{max-width:900px;margin:70px 0;scroll-margin-top:25px}.resonance-page .lab-method h2{font-size:36px;line-height:1.3;letter-spacing:-.03em;font-weight:300;color:#e5eff3}.resonance-page .lab-method summary{color:#d4e5ef;font-size:17px;line-height:1.7;min-height:44px}.resonance-page .lab-method details{border-color:var(--resonance-line)}.resonance-page .lab-method .resonance-review-date{font-size:12px}.resonance-page .weather-sibling{color:#b0c7d4}.resonance-page .lab-next{background:#0b202b;border-color:#2e4855;border-radius:18px;padding:40px;gap:70px}.resonance-page .lab-next h2{color:#e0edf2;font-size:31px;font-weight:300}.resonance-page .lab-next .button{background:#bce2d4;color:#132b31;border-color:#bce2d4;font-size:14px}
@media(min-width:1600px){.resonance-scene{height:390px}.resonance-scene-art{height:700px}}
@media(max-width:1100px){.resonance-scene{height:340px}.resonance-scene-art{height:570px}.resonance-hero-copy{padding-top:28px}.resonance-hero-copy h1{font-size:65px}.resonance-tabs{gap:28px;padding:0}.resonance-tabs button{font-size:22px;gap:12px}.resonance-insight{gap:40px}.resonance-heading h2{font-size:36px}.resonance-lab .resonance-controls{gap:28px}.resonance-page .lab-reading-grid{gap:35px}.resonance-lab .lab-heat-pair{gap:30px}}
@media(max-width:780px){.resonance-scene{height:350px}.resonance-scene-art{top:-70px;height:560px}.resonance-hero-copy h1{font-size:59px}.resonance-hero-copy{padding-top:20px}.resonance-hero-copy>p:last-child{font-size:18px}.resonance-method-link{top:auto;bottom:10px;font-size:12px}.resonance-tabs{gap:18px}.resonance-tabs button{min-height:74px;gap:6px;flex-direction:column;align-items:flex-start;padding-left:10px;font-size:19px}.resonance-lab .lab-controls{display:block}.resonance-lab .resonance-controls{grid-template-columns:1fr;gap:20px}.resonance-try{width:100%;display:grid;grid-template-columns:1fr auto;gap:0 25px}.resonance-try>p{grid-column:1/-1}.resonance-presets{max-width:420px}.resonance-insight{grid-template-columns:1fr;gap:30px}.resonance-lab .lab-metrics{max-width:500px}.resonance-reading-number{font-size:48px}.resonance-lab .lab-heat-pair{gap:24px}.resonance-lab .lab-heat-panel .lab-plot svg{height:170px}.resonance-page .lab-reading-grid{gap:30px}.resonance-page .lab-next{grid-template-columns:1fr;gap:32px}}
@media(max-width:540px){.resonance-scene{height:350px}.resonance-scene-art{top:95px;height:260px}.resonance-scene-art img{object-position:62% 50%;object-fit:cover}.resonance-scene-art:after{background:linear-gradient(180deg,#06121c 0%,transparent 25%,#06121c22 65%,#06121c 99%)}.resonance-hero-copy{padding-top:16px}.resonance-eyebrow{font-size:9px;letter-spacing:.1em;margin-bottom:14px}.resonance-hero-copy h1{font-size:43px;white-space:nowrap;letter-spacing:-.047em;margin-bottom:12px}.resonance-hero-copy>p:last-child{font-size:16px}.resonance-map-note{font-size:9px;bottom:12px;max-width:170px;line-height:1.6}.resonance-method-link{font-size:10px;gap:8px;min-height:32px;bottom:8px}.resonance-tabs{gap:10px;background:none}.resonance-tabs button{font-size:14px;line-height:1.5;min-height:65px;padding:12px 0;align-items:center}.resonance-tabs .resonance-tab-index{font-size:10px}.resonance-stage{padding-top:24px}.resonance-heading{align-items:flex-start;gap:13px;margin-bottom:22px;flex-wrap:wrap}.resonance-heading>div:first-child{width:100%}.resonance-heading h2{font-size:30px;line-height:1.25;margin-bottom:12px}.resonance-lab .resonance-example{font-size:12px}.resonance-reading{display:flex;justify-content:space-between;align-items:center;width:100%;text-align:left;gap:20px}.resonance-reading-number{font-size:43px}.resonance-reading-unit{font-size:22px}.resonance-lab #lab-reading-label{font-size:12px;max-width:145px;text-align:right;margin:0}.resonance-lab .lab-plot svg{height:180px}.resonance-lab .lab-axis-caption{font-size:12px;margin-bottom:20px}.resonance-lab .lab-key{font-size:11px;gap:20px}.resonance-lab .lab-slider-heading label{font-size:14px}.resonance-lab #lab-control-help{font-size:14px}.resonance-lab .resonance-controls{margin-top:20px;padding-top:20px}.resonance-try{display:block}.resonance-lab .lab-reset{margin-top:8px}.resonance-presets{max-width:none}.resonance-presets button{min-height:50px;font-size:12px}.resonance-lab .lab-metrics{gap:15px}.resonance-lab .lab-metrics dt{font-size:12px}.resonance-lab .lab-metrics dd{font-size:26px}.resonance-lab .lab-heat-pair{grid-template-columns:1fr;gap:30px}.resonance-lab .lab-heat-panel h3{font-size:19px}.resonance-lab .lab-heat-panel .lab-plot svg{height:150px}.resonance-lab .lab-scale-label{font-size:12px}.resonance-page .lab-reading{margin:48px 0}.resonance-page .lab-reading>h2{font-size:32px}.resonance-page .lab-reading-grid{grid-template-columns:1fr;gap:32px}.resonance-page .lab-reading-grid h3{font-size:26px}.resonance-page .lab-method{margin:50px 0}.resonance-page .lab-method h2{font-size:30px}.resonance-page .lab-next{padding:26px 22px}.resonance-page .lab-next h2{font-size:27px}.resonance-breadcrumbs{font-size:11px}}
@media(max-width:359px){.resonance-hero-copy h1{font-size:36px}.resonance-eyebrow{font-size:8px}.resonance-tabs button{font-size:12px}.resonance-tabs{gap:7px}.resonance-heading h2{font-size:27px}.resonance-map-note{max-width:144px}.resonance-method-link{font-size:9px}.resonance-presets button{font-size:11px}.resonance-reading-number{font-size:41px}}
@media(min-width:1001px) and (max-height:950px){.resonance-scene{height:300px}.resonance-scene-art{top:-68px;height:540px}.resonance-hero-copy{padding-top:7px}.resonance-hero-copy h1{font-size:70px}.resonance-method-link{top:-8px}.resonance-tabs button{min-height:68px}.resonance-stage{padding-top:23px}.resonance-heading h2{font-size:38px}.resonance-reading-number{font-size:48px}.resonance-lab .lab-plot svg{height:175px}.resonance-lab .resonance-controls{margin-top:18px;padding-top:16px}}
@media(prefers-reduced-motion:no-preference){.resonance-tabs button,.resonance-presets button{transition:color .18s,background-color .18s,border-color .18s}}
/* Keep the source caption explanatory; illustration leaders would imply false precision. */
.resonance-scene-art:after{background:linear-gradient(180deg,#06121caa 0%,#06121c12 27%,#06121c25 55%,#06121c 99%),linear-gradient(90deg,#06121c44,transparent 65%)}
.resonance-scene-caption{position:absolute;left:0;bottom:82px;color:#c6dbe4;font-size:14px;line-height:1.8;margin:0;max-width:340px}
@media(max-width:540px){.resonance-hero-copy h1{font-size:39px}.resonance-scene-art:after{background:linear-gradient(180deg,#06121c 0%,transparent 25%,#06121c22 65%,#06121c 99%)}.resonance-scene-caption{font-size:11px;line-height:1.8;bottom:63px;max-width:230px;text-shadow:0 1px 8px #06121c,0 1px 15px #06121c}.resonance-tabs button{justify-content:flex-start;min-height:77px}.resonance-tabs .resonance-tab-index{margin-bottom:3px}.resonance-reading-unit{padding-left:10px}}
@media(max-width:359px){.resonance-hero-copy h1{font-size:32px}.resonance-scene-caption{font-size:10px}}

/* Lunar companion to the selected continuous-scene labs. */
.lunar-page{--lunar-accent:#d0c7f7;--lunar-line:#2b3c4a}.lunar-lab{position:relative;isolation:isolate;color:#eaf0f5}.lunar-lab [hidden]{display:none!important}.lunar-scene{height:440px;position:relative}.lunar-space{position:absolute;inset:-78px 0 auto;height:650px;z-index:-1;pointer-events:none;overflow:hidden}.lunar-space img{display:block;width:100%;height:100%;object-fit:cover}.lunar-space:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#06121c00 25%,#06121c22 60%,#06121c 100%)}.lunar-scene-content{height:100%;position:relative}.lunar-hero-copy{position:relative;padding-top:12px;z-index:1;pointer-events:none}.lunar-eyebrow{font-size:11px;line-height:1.7;color:#b7c5d7;text-transform:uppercase;letter-spacing:.14em;margin:0 0 13px}.lunar-hero-copy h1{font:300 clamp(56px,5.8vw,84px)/1.08 Poppins,sans-serif;letter-spacing:-.045em;color:#f4f5fa;margin:0 0 20px}.lunar-hero-copy>p:last-child{font:300 19px/1.7 Poppins,sans-serif;color:#c7d2e0;margin:0}.lunar-method-link{position:absolute;right:0;top:12px;min-height:35px;display:flex;align-items:center;gap:16px;font-size:13px;text-decoration:none;border-bottom:1px solid #7e92a7;z-index:2}.lunar-hero-moon{position:absolute;right:18%;top:0;width:360px;margin:0;text-align:center}.lunar-disk{display:block;width:100%;height:auto}.lunar-hero-moon figcaption{font-size:13px;line-height:1.7;color:#bdcbe0;display:flex;flex-direction:column;gap:3px;margin-top:14px}.lunar-hero-moon figcaption span:first-child{font-size:18px;font-weight:300;color:#e1e5f2}.lunar-hero-moon figcaption span:last-child{font-size:11px}.lunar-scene-note{position:absolute;left:0;bottom:20px;color:#9fb2c7;font-size:11px;line-height:1.6;margin:0}
.lunar-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:50px;padding:0 35px;border-top:1px solid #4a5a70;border-bottom:1px solid #324558;background:#06121c33}.lunar-tabs button{display:flex;justify-content:center;align-items:center;gap:18px;position:relative;min-height:77px;padding:14px 0;color:#b8c6d7;background:none;border:0;cursor:pointer}.lunar-tab-name{font:300 28px/1.4 Poppins,sans-serif}.lunar-tab-caption{font:300 12px/1.5 Poppins,sans-serif}.lunar-tabs button[aria-pressed=true]{color:#f0eafa}.lunar-tabs button[aria-pressed=true]:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:3px;background:var(--lunar-accent)}
.lunar-lab-stage{padding-top:26px}.lunar-heading{display:flex;justify-content:space-between;gap:30px;align-items:center;margin-bottom:25px}.lunar-heading h2{font:300 clamp(30px,3vw,44px)/1.25 Poppins,sans-serif;letter-spacing:-.035em;color:#eef1f7;margin:0 0 10px}.lunar-example{font-size:12px;line-height:1.6;margin:0;color:#aebed2}.lunar-reading{font-weight:300;font-size:24px;line-height:1.2;text-align:right;color:var(--lunar-accent);white-space:nowrap}.lunar-reading>span:first-child{font-size:54px;letter-spacing:-.05em;font-variant-numeric:tabular-nums}.lunar-reading>span+span{padding-left:7px}.lunar-reading p{color:#a7bdd1;font-size:12px;font-weight:400;line-height:1.6;margin:5px 0 0}
.lunar-axis-caption{font-size:13px;line-height:1.7;color:#b1c3d6;margin:0 0 20px}.lunar-plot{display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px}.lunar-plot-surface{position:relative;height:190px}.lunar-plot svg{width:100%;height:100%;display:block;overflow:visible}.lunar-plot :is(path,polyline){vector-effect:non-scaling-stroke}.lunar-y{position:relative;font-size:16px;line-height:1;color:#b8ccdf;font-variant-numeric:tabular-nums}.lunar-y span{position:absolute;right:0;transform:translateY(-50%)}.lunar-y span:nth-child(1){top:0}.lunar-y span:nth-child(2){top:50%}.lunar-y span:nth-child(3){top:100%}.lunar-x{grid-column:2;display:flex;justify-content:space-between;font-size:16px;line-height:1.5;color:#b8ccdf;font-variant-numeric:tabular-nums;padding-top:3px}.lunar-point{position:absolute;left:var(--lunar-x);top:var(--lunar-y);width:12px;height:12px;border:3px solid #e4dfff;background:#a28fcf;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 15px #b8a9ea44}.lunar-axis-bottom{font-size:12px;line-height:1.7;color:#a4b9cd;text-align:center;margin:6px 0 0}.lunar-key{display:flex;gap:25px;flex-wrap:wrap;font-size:12px;line-height:1.7;color:#afc3d7;margin:12px 0 0}.lunar-key span{display:flex;gap:8px;align-items:center}.lunar-key i{width:18px;border-top:2px solid var(--lunar-accent)}.lunar-key .lunar-key-marker{border-top:1px dashed #d8b98c}
.lunar-adjust{display:grid;grid-template-columns:115px minmax(0,1fr) 235px;gap:35px;align-items:start;border-top:1px solid var(--lunar-line);padding:24px 0;margin-top:22px}.lunar-mini{text-align:center;padding-top:4px}.lunar-mini .lunar-disk{width:82px;margin:auto}.lunar-mini p{font-size:11px;line-height:1.6;color:#c5cfe0;margin:10px 0 0}.lunar-range-main{min-width:0}.lunar-slider-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.lunar-slider-heading label{color:#e2e8f0;font-size:15px}.lunar-slider-heading output{color:var(--lunar-accent);font-size:19px;font-weight:300;white-space:nowrap;font-variant-numeric:tabular-nums}.lunar-lab input[type=range]{appearance:none;-webkit-appearance:none;display:block;width:100%;height:44px;background:none;cursor:pointer;margin:3px 0;accent-color:var(--lunar-accent)}.lunar-lab input[type=range]::-webkit-slider-runnable-track{height:3px;border-radius:5px;background:#53667e}.lunar-lab input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:21px;height:21px;border:3px solid #132334;border-radius:50%;background:var(--lunar-accent);box-shadow:0 0 0 1px var(--lunar-accent),0 0 18px #c7b4ed33;margin-top:-9px}.lunar-lab input[type=range]::-moz-range-track{height:3px;background:#53667e}.lunar-lab input[type=range]::-moz-range-thumb{width:15px;height:15px;border:3px solid #132334;border-radius:50%;background:var(--lunar-accent)}#lunar-range-help{font-size:12px;line-height:1.7;color:#aabdd1;margin:0}.lunar-presets{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.lunar-presets button,.lunar-view-controls [data-lunar-hemisphere]{min-height:44px;padding:9px 14px;background:#0b1d2b77;border:1px solid #344b61;border-radius:7px;font:400 12px/1.5 Poppins,sans-serif;color:#c3d2e2;cursor:pointer}.lunar-presets button[aria-pressed=true],.lunar-view-controls [aria-pressed=true]{border-color:var(--lunar-accent);background:#27203b88;color:#ede6ff}.lunar-view-controls>p:first-child{font-size:12px;line-height:1.7;color:#b3c5d7;margin:0 0 10px}.lunar-view-controls>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}.lunar-orientation-help{font-size:11px;line-height:1.7;color:#a6bcd2;margin:12px 0 0}.lunar-reset{min-height:44px;border:0;background:none;color:#b3c5d6;font:400 12px/1.6 Poppins,sans-serif;padding:5px 0;display:flex;align-items:center;gap:12px;cursor:pointer;margin-left:auto}.lunar-reset span{font-size:20px}.lunar-lab :is(button,input,a):focus-visible,.lunar-page :is(a,summary):focus-visible{outline:2px solid #e2d6ff;outline-offset:4px}
.lunar-phase-gallery{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:20px;padding:16px 0 10px}.lunar-phase-gallery button{background:none;border:0;border-bottom:2px solid transparent;border-radius:0;padding:12px 5px 15px;cursor:pointer;color:#b8c9db;text-align:center;min-width:0}.lunar-phase-gallery button .lunar-disk{width:88px;max-width:100%;margin:0 auto 20px}.lunar-phase-gallery button span{font:400 13px/1.6 Poppins,sans-serif;display:block;min-height:43px}.lunar-phase-gallery button[aria-pressed=true]{border-color:var(--lunar-accent);color:#e7ddfc}.lunar-phase-gallery button:hover{color:white}.lunar-view-note{font-size:14px;line-height:1.8;color:#aebfd3;margin:18px 0 0;max-width:850px}.lunar-hemisphere-pair{display:grid;grid-template-columns:1fr 1fr;gap:60px;max-width:850px;margin:0 auto;padding:10px 0}.lunar-hemisphere-pair figure{margin:0;text-align:center}.lunar-hemisphere-pair .lunar-disk{width:205px;margin:auto}.lunar-hemisphere-pair figcaption{margin-top:20px;display:flex;flex-direction:column;gap:5px;font-size:18px;font-weight:300;line-height:1.6;color:#dee6f3}.lunar-hemisphere-pair strong{font-size:12px;font-weight:400;color:#a9bed3}
.lunar-insight{border-top:1px solid var(--lunar-line);padding:28px 0;display:grid;grid-template-columns:1.6fr 1fr;gap:90px}.lunar-overline{font-size:11px;text-transform:uppercase;letter-spacing:.11em;color:#a5b7cf;line-height:1.7;margin:0 0 12px}#lunar-summary{font-size:16px;line-height:1.85;color:#c0cede;margin:0 0 16px}#lunar-read-more{font-size:14px}.lunar-insight dl{display:grid;grid-template-columns:1.4fr 1fr;gap:25px;align-self:center;margin:0}.lunar-insight dt{font-size:12px;color:#a3b9d0;line-height:1.7}.lunar-insight dd{font-size:22px;line-height:1.5;font-weight:300;color:#e1e8f2;margin:8px 0 0}.lunar-limits{font-size:13px;line-height:1.8;margin:0;padding-bottom:25px;color:#a8bed3;border-bottom:1px solid var(--lunar-line)}.lunar-static-note{font-size:15px;line-height:1.8;color:#aec3d6}.lunar-ready .lunar-static-note{display:none}.lunar-page .lab-reading-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}.lunar-page .lab-reading-grid h3{font-size:27px}.lunar-page .lab-reading-grid a,.lunar-page .lab-method a{color:#d0c7f7}.lunar-page .lab-method .lunar-review{font-size:12px}.lunar-page .lab-method details+details{border-top:0}.lunar-page .lab-next .button{background:#d0c2f3;border-color:#d0c2f3;color:#182337}.learn-lab-pair.learn-lab-trio{grid-template-columns:repeat(3,minmax(0,1fr))}.learn-lab-trio .learn-lab-link{padding:24px;align-items:flex-start}.learn-lab-trio .learn-lab-link:last-child{background:#eef0f9}
@media(max-width:1100px){.lunar-hero-moon{right:3%;width:320px;top:0}.lunar-method-link{top:auto;bottom:12px}.lunar-hero-copy h1{font-size:72px}.lunar-tabs{gap:25px;padding:0 15px}.lunar-tabs button{flex-direction:column;gap:4px}.lunar-tab-name{font-size:26px}.lunar-adjust{grid-template-columns:100px minmax(0,1fr) 200px;gap:25px}.lunar-insight{gap:45px}.lunar-phase-gallery{gap:12px}.lunar-phase-gallery button span{font-size:12px}.lunar-page .lab-reading-grid{gap:28px}.learn-lab-pair.learn-lab-trio{grid-template-columns:1fr}.learn-lab-trio .learn-lab-link{margin:10px 0}}
@media(max-width:780px){.lunar-scene{height:450px}.lunar-space{top:-70px;height:600px}.lunar-hero-copy{padding-top:18px}.lunar-hero-copy h1{font-size:62px}.lunar-hero-copy>p:last-child{font-size:17px}.lunar-hero-moon{width:290px;right:0;top:28px}.lunar-method-link{top:auto;bottom:14px;font-size:12px}.lunar-scene-note{font-size:10px;bottom:22px}.lunar-tabs{gap:24px;padding:0}.lunar-tabs button{align-items:flex-start;padding:14px 6px}.lunar-tab-name{font-size:24px}.lunar-tab-caption{font-size:11px}.lunar-heading h2{font-size:34px}.lunar-reading>span:first-child{font-size:46px}.lunar-adjust{grid-template-columns:90px minmax(0,1fr);gap:24px}.lunar-view-controls{grid-column:2;display:grid;grid-template-columns:1fr auto;gap:0 20px}.lunar-view-controls>div{max-width:235px;grid-column:1}.lunar-view-controls>p:first-child{grid-column:1/-1}.lunar-orientation-help{grid-column:1}.lunar-reset{grid-column:2;grid-row:2/4;align-self:center}.lunar-insight{grid-template-columns:1fr;gap:25px}.lunar-insight dl{max-width:500px}.lunar-phase-gallery{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 25px}.lunar-phase-gallery button .lunar-disk{width:78px;margin-bottom:13px}.lunar-phase-gallery button span{min-height:38px}.lunar-hemisphere-pair{gap:40px}.lunar-page .lab-reading-grid{grid-template-columns:1fr}}
@media(max-width:700px){.lunar-scene{height:510px}.lunar-space{top:-68px;height:600px}.lunar-hero-copy{padding-top:13px}.lunar-eyebrow{font-size:9px;letter-spacing:.12em;margin-bottom:11px}.lunar-hero-copy h1{font-size:44px;line-height:1.07;margin-bottom:13px}.lunar-hero-copy h1 br{display:block}.lunar-hero-copy h1{max-width:350px}.lunar-hero-copy>p:last-child{font-size:15px;line-height:1.7}.lunar-hero-copy>p:last-child br{display:none}.lunar-hero-moon{width:220px;top:177px;right:calc(50% - 110px)}.lunar-hero-moon figcaption{margin-top:11px;gap:2px}.lunar-hero-moon figcaption span:first-child{font-size:15px}.lunar-hero-moon figcaption span:last-child{font-size:10px}.lunar-scene-note{font-size:9px;bottom:13px;max-width:185px;line-height:1.7}.lunar-method-link{font-size:10px;bottom:9px;min-height:32px;gap:8px}.lunar-tabs{gap:13px;background:none}.lunar-tabs button{min-height:72px;padding:13px 0;gap:4px}.lunar-tab-name{font-size:17px;line-height:1.6}.lunar-tab-caption{font-size:10px;line-height:1.6}.lunar-lab-stage{padding-top:24px}.lunar-heading{flex-wrap:wrap;gap:14px;margin-bottom:22px}.lunar-heading>div:first-child{width:100%}.lunar-heading h2{font-size:30px;line-height:1.25;margin-bottom:11px}.lunar-reading{width:100%;display:flex;align-items:center;gap:6px;text-align:left}.lunar-reading>span:first-child{font-size:43px}.lunar-reading>span+span{padding:0;font-size:22px}.lunar-reading p{margin:0 0 0 auto;max-width:130px;text-align:right;font-size:12px;white-space:normal}.lunar-example{font-size:12px}.lunar-axis-caption{font-size:12px;margin-bottom:20px}.lunar-plot{grid-template-columns:34px minmax(0,1fr);gap:10px}.lunar-plot-surface{height:170px}.lunar-y,.lunar-x{font-size:16px}.lunar-key{font-size:11px;gap:18px}.lunar-axis-bottom{font-size:12px;max-width:260px;margin:7px auto 0}.lunar-adjust{grid-template-columns:76px minmax(0,1fr);gap:18px;margin-top:20px;padding-top:22px}.lunar-mini .lunar-disk{width:72px}.lunar-mini p{font-size:10px;line-height:1.7}.lunar-slider-heading{flex-wrap:wrap;gap:5px}.lunar-slider-heading label{font-size:14px}.lunar-slider-heading output{font-size:18px}.lunar-presets{gap:7px;display:grid;grid-template-columns:1fr 1fr}.lunar-presets button{padding:8px 5px;font-size:11px;min-height:44px}#lunar-range-help{font-size:13px;line-height:1.75}.lunar-view-controls{grid-column:1/-1;gap:0 18px;border-top:1px solid var(--lunar-line);padding-top:20px}.lunar-view-controls>p:first-child{font-size:13px}.lunar-view-controls [data-lunar-hemisphere]{font-size:13px;min-height:46px}.lunar-orientation-help{font-size:12px;line-height:1.7;max-width:220px}.lunar-reset{font-size:11px}.lunar-phase-gallery{gap:12px 9px;padding:5px 0}.lunar-phase-gallery button{padding:9px 0 12px}.lunar-phase-gallery button .lunar-disk{width:62px;margin-bottom:10px}.lunar-phase-gallery button span{font-size:11px;line-height:1.5;min-height:34px}.lunar-hemisphere-pair{gap:20px;padding-top:0}.lunar-hemisphere-pair .lunar-disk{width:135px;max-width:100%}.lunar-hemisphere-pair figcaption{font-size:15px;margin-top:16px}.lunar-hemisphere-pair strong{font-size:11px}.lunar-view-note{font-size:13px;line-height:1.8}.lunar-insight{padding:25px 0;gap:25px}.lunar-insight dd{font-size:21px}.lunar-insight dt{font-size:12px}.lunar-insight dl{grid-template-columns:1.3fr 1fr;gap:20px}.lunar-limits{font-size:13px}}
@media(max-width:359px){.lunar-hero-copy h1{font-size:37px}.lunar-hero-copy>p:last-child{font-size:14px;max-width:250px}.lunar-hero-moon{width:205px;right:calc(50% - 102.5px);top:184px}.lunar-tab-name{font-size:15px}.lunar-tab-caption{font-size:9px}.lunar-tabs{gap:10px}.lunar-scene-note{font-size:8px;max-width:155px}.lunar-method-link{font-size:9px}.lunar-heading h2{font-size:27px}.lunar-presets button{font-size:10px}.lunar-phase-gallery button span{font-size:10px}.lunar-adjust{grid-template-columns:65px minmax(0,1fr);gap:16px}.lunar-mini .lunar-disk{width:64px}.lunar-x{font-size:16px}.lunar-hemisphere-pair figcaption{font-size:13px}.lunar-view-controls{gap:0 12px}}
@media(min-width:1001px) and (max-height:950px){.lunar-scene{height:350px}.lunar-space{top:-68px;height:560px}.lunar-hero-copy h1{font-size:69px}.lunar-hero-copy{padding-top:6px}.lunar-hero-copy>p:last-child{font-size:17px}.lunar-hero-moon{width:280px;right:18%;top:0}.lunar-hero-moon figcaption{margin-top:8px}.lunar-hero-moon figcaption span:first-child{font-size:16px}.lunar-hero-moon figcaption span:last-child{font-size:10px}.lunar-method-link{top:-8px}.lunar-tabs button{min-height:67px}.lunar-lab-stage{padding-top:22px}.lunar-heading h2{font-size:37px}.lunar-reading>span:first-child{font-size:47px}.lunar-plot-surface{height:165px}}
@media(prefers-reduced-motion:no-preference){.lunar-lab button{transition:color .18s,border-color .18s,background-color .18s}}

/* Exact graph marker positions for the integer-degree control; no inline styles. */
.lunar-angle-0{--lunar-x:0.00000000%;--lunar-y:100.00000000%}
.lunar-angle-1{--lunar-x:0.27777778%;--lunar-y:99.99238476%}
.lunar-angle-2{--lunar-x:0.55555556%;--lunar-y:99.96954135%}
.lunar-angle-3{--lunar-x:0.83333333%;--lunar-y:99.93147674%}
.lunar-angle-4{--lunar-x:1.11111111%;--lunar-y:99.87820251%}
.lunar-angle-5{--lunar-x:1.38888889%;--lunar-y:99.80973490%}
.lunar-angle-6{--lunar-x:1.66666667%;--lunar-y:99.72609477%}
.lunar-angle-7{--lunar-x:1.94444444%;--lunar-y:99.62730758%}
.lunar-angle-8{--lunar-x:2.22222222%;--lunar-y:99.51340344%}
.lunar-angle-9{--lunar-x:2.50000000%;--lunar-y:99.38441703%}
.lunar-angle-10{--lunar-x:2.77777778%;--lunar-y:99.24038765%}
.lunar-angle-11{--lunar-x:3.05555556%;--lunar-y:99.08135917%}
.lunar-angle-12{--lunar-x:3.33333333%;--lunar-y:98.90738004%}
.lunar-angle-13{--lunar-x:3.61111111%;--lunar-y:98.71850324%}
.lunar-angle-14{--lunar-x:3.88888889%;--lunar-y:98.51478631%}
.lunar-angle-15{--lunar-x:4.16666667%;--lunar-y:98.29629131%}
.lunar-angle-16{--lunar-x:4.44444444%;--lunar-y:98.06308480%}
.lunar-angle-17{--lunar-x:4.72222222%;--lunar-y:97.81523780%}
.lunar-angle-18{--lunar-x:5.00000000%;--lunar-y:97.55282581%}
.lunar-angle-19{--lunar-x:5.27777778%;--lunar-y:97.27592878%}
.lunar-angle-20{--lunar-x:5.55555556%;--lunar-y:96.98463104%}
.lunar-angle-21{--lunar-x:5.83333333%;--lunar-y:96.67902132%}
.lunar-angle-22{--lunar-x:6.11111111%;--lunar-y:96.35919273%}
.lunar-angle-23{--lunar-x:6.38888889%;--lunar-y:96.02524267%}
.lunar-angle-24{--lunar-x:6.66666667%;--lunar-y:95.67727288%}
.lunar-angle-25{--lunar-x:6.94444444%;--lunar-y:95.31538935%}
.lunar-angle-26{--lunar-x:7.22222222%;--lunar-y:94.93970231%}
.lunar-angle-27{--lunar-x:7.50000000%;--lunar-y:94.55032621%}
.lunar-angle-28{--lunar-x:7.77777778%;--lunar-y:94.14737964%}
.lunar-angle-29{--lunar-x:8.05555556%;--lunar-y:93.73098536%}
.lunar-angle-30{--lunar-x:8.33333333%;--lunar-y:93.30127019%}
.lunar-angle-31{--lunar-x:8.61111111%;--lunar-y:92.85836504%}
.lunar-angle-32{--lunar-x:8.88888889%;--lunar-y:92.40240481%}
.lunar-angle-33{--lunar-x:9.16666667%;--lunar-y:91.93352840%}
.lunar-angle-34{--lunar-x:9.44444444%;--lunar-y:91.45187863%}
.lunar-angle-35{--lunar-x:9.72222222%;--lunar-y:90.95760221%}
.lunar-angle-36{--lunar-x:10.00000000%;--lunar-y:90.45084972%}
.lunar-angle-37{--lunar-x:10.27777778%;--lunar-y:89.93177550%}
.lunar-angle-38{--lunar-x:10.55555556%;--lunar-y:89.40053768%}
.lunar-angle-39{--lunar-x:10.83333333%;--lunar-y:88.85729807%}
.lunar-angle-40{--lunar-x:11.11111111%;--lunar-y:88.30222216%}
.lunar-angle-41{--lunar-x:11.38888889%;--lunar-y:87.73547901%}
.lunar-angle-42{--lunar-x:11.66666667%;--lunar-y:87.15724127%}
.lunar-angle-43{--lunar-x:11.94444444%;--lunar-y:86.56768508%}
.lunar-angle-44{--lunar-x:12.22222222%;--lunar-y:85.96699002%}
.lunar-angle-45{--lunar-x:12.50000000%;--lunar-y:85.35533906%}
.lunar-angle-46{--lunar-x:12.77777778%;--lunar-y:84.73291852%}
.lunar-angle-47{--lunar-x:13.05555556%;--lunar-y:84.09991800%}
.lunar-angle-48{--lunar-x:13.33333333%;--lunar-y:83.45653032%}
.lunar-angle-49{--lunar-x:13.61111111%;--lunar-y:82.80295145%}
.lunar-angle-50{--lunar-x:13.88888889%;--lunar-y:82.13938048%}
.lunar-angle-51{--lunar-x:14.16666667%;--lunar-y:81.46601955%}
.lunar-angle-52{--lunar-x:14.44444444%;--lunar-y:80.78307377%}
.lunar-angle-53{--lunar-x:14.72222222%;--lunar-y:80.09075116%}
.lunar-angle-54{--lunar-x:15.00000000%;--lunar-y:79.38926261%}
.lunar-angle-55{--lunar-x:15.27777778%;--lunar-y:78.67882182%}
.lunar-angle-56{--lunar-x:15.55555556%;--lunar-y:77.95964517%}
.lunar-angle-57{--lunar-x:15.83333333%;--lunar-y:77.23195175%}
.lunar-angle-58{--lunar-x:16.11111111%;--lunar-y:76.49596321%}
.lunar-angle-59{--lunar-x:16.38888889%;--lunar-y:75.75190375%}
.lunar-angle-60{--lunar-x:16.66666667%;--lunar-y:75.00000000%}
.lunar-angle-61{--lunar-x:16.94444444%;--lunar-y:74.24048101%}
.lunar-angle-62{--lunar-x:17.22222222%;--lunar-y:73.47357814%}
.lunar-angle-63{--lunar-x:17.50000000%;--lunar-y:72.69952499%}
.lunar-angle-64{--lunar-x:17.77777778%;--lunar-y:71.91855734%}
.lunar-angle-65{--lunar-x:18.05555556%;--lunar-y:71.13091309%}
.lunar-angle-66{--lunar-x:18.33333333%;--lunar-y:70.33683215%}
.lunar-angle-67{--lunar-x:18.61111111%;--lunar-y:69.53655642%}
.lunar-angle-68{--lunar-x:18.88888889%;--lunar-y:68.73032967%}
.lunar-angle-69{--lunar-x:19.16666667%;--lunar-y:67.91839748%}
.lunar-angle-70{--lunar-x:19.44444444%;--lunar-y:67.10100717%}
.lunar-angle-71{--lunar-x:19.72222222%;--lunar-y:66.27840772%}
.lunar-angle-72{--lunar-x:20.00000000%;--lunar-y:65.45084972%}
.lunar-angle-73{--lunar-x:20.27777778%;--lunar-y:64.61858524%}
.lunar-angle-74{--lunar-x:20.55555556%;--lunar-y:63.78186779%}
.lunar-angle-75{--lunar-x:20.83333333%;--lunar-y:62.94095226%}
.lunar-angle-76{--lunar-x:21.11111111%;--lunar-y:62.09609478%}
.lunar-angle-77{--lunar-x:21.38888889%;--lunar-y:61.24755272%}
.lunar-angle-78{--lunar-x:21.66666667%;--lunar-y:60.39558454%}
.lunar-angle-79{--lunar-x:21.94444444%;--lunar-y:59.54044977%}
.lunar-angle-80{--lunar-x:22.22222222%;--lunar-y:58.68240888%}
.lunar-angle-81{--lunar-x:22.50000000%;--lunar-y:57.82172325%}
.lunar-angle-82{--lunar-x:22.77777778%;--lunar-y:56.95865505%}
.lunar-angle-83{--lunar-x:23.05555556%;--lunar-y:56.09346717%}
.lunar-angle-84{--lunar-x:23.33333333%;--lunar-y:55.22642316%}
.lunar-angle-85{--lunar-x:23.61111111%;--lunar-y:54.35778714%}
.lunar-angle-86{--lunar-x:23.88888889%;--lunar-y:53.48782369%}
.lunar-angle-87{--lunar-x:24.16666667%;--lunar-y:52.61679781%}
.lunar-angle-88{--lunar-x:24.44444444%;--lunar-y:51.74497484%}
.lunar-angle-89{--lunar-x:24.72222222%;--lunar-y:50.87262032%}
.lunar-angle-90{--lunar-x:25.00000000%;--lunar-y:50.00000000%}
.lunar-angle-91{--lunar-x:25.27777778%;--lunar-y:49.12737968%}
.lunar-angle-92{--lunar-x:25.55555556%;--lunar-y:48.25502516%}
.lunar-angle-93{--lunar-x:25.83333333%;--lunar-y:47.38320219%}
.lunar-angle-94{--lunar-x:26.11111111%;--lunar-y:46.51217631%}
.lunar-angle-95{--lunar-x:26.38888889%;--lunar-y:45.64221286%}
.lunar-angle-96{--lunar-x:26.66666667%;--lunar-y:44.77357684%}
.lunar-angle-97{--lunar-x:26.94444444%;--lunar-y:43.90653283%}
.lunar-angle-98{--lunar-x:27.22222222%;--lunar-y:43.04134495%}
.lunar-angle-99{--lunar-x:27.50000000%;--lunar-y:42.17827675%}
.lunar-angle-100{--lunar-x:27.77777778%;--lunar-y:41.31759112%}
.lunar-angle-101{--lunar-x:28.05555556%;--lunar-y:40.45955023%}
.lunar-angle-102{--lunar-x:28.33333333%;--lunar-y:39.60441546%}
.lunar-angle-103{--lunar-x:28.61111111%;--lunar-y:38.75244728%}
.lunar-angle-104{--lunar-x:28.88888889%;--lunar-y:37.90390522%}
.lunar-angle-105{--lunar-x:29.16666667%;--lunar-y:37.05904774%}
.lunar-angle-106{--lunar-x:29.44444444%;--lunar-y:36.21813221%}
.lunar-angle-107{--lunar-x:29.72222222%;--lunar-y:35.38141476%}
.lunar-angle-108{--lunar-x:30.00000000%;--lunar-y:34.54915028%}
.lunar-angle-109{--lunar-x:30.27777778%;--lunar-y:33.72159228%}
.lunar-angle-110{--lunar-x:30.55555556%;--lunar-y:32.89899283%}
.lunar-angle-111{--lunar-x:30.83333333%;--lunar-y:32.08160252%}
.lunar-angle-112{--lunar-x:31.11111111%;--lunar-y:31.26967033%}
.lunar-angle-113{--lunar-x:31.38888889%;--lunar-y:30.46344358%}
.lunar-angle-114{--lunar-x:31.66666667%;--lunar-y:29.66316785%}
.lunar-angle-115{--lunar-x:31.94444444%;--lunar-y:28.86908691%}
.lunar-angle-116{--lunar-x:32.22222222%;--lunar-y:28.08144266%}
.lunar-angle-117{--lunar-x:32.50000000%;--lunar-y:27.30047501%}
.lunar-angle-118{--lunar-x:32.77777778%;--lunar-y:26.52642186%}
.lunar-angle-119{--lunar-x:33.05555556%;--lunar-y:25.75951899%}
.lunar-angle-120{--lunar-x:33.33333333%;--lunar-y:25.00000000%}
.lunar-angle-121{--lunar-x:33.61111111%;--lunar-y:24.24809625%}
.lunar-angle-122{--lunar-x:33.88888889%;--lunar-y:23.50403679%}
.lunar-angle-123{--lunar-x:34.16666667%;--lunar-y:22.76804825%}
.lunar-angle-124{--lunar-x:34.44444444%;--lunar-y:22.04035483%}
.lunar-angle-125{--lunar-x:34.72222222%;--lunar-y:21.32117818%}
.lunar-angle-126{--lunar-x:35.00000000%;--lunar-y:20.61073739%}
.lunar-angle-127{--lunar-x:35.27777778%;--lunar-y:19.90924884%}
.lunar-angle-128{--lunar-x:35.55555556%;--lunar-y:19.21692623%}
.lunar-angle-129{--lunar-x:35.83333333%;--lunar-y:18.53398045%}
.lunar-angle-130{--lunar-x:36.11111111%;--lunar-y:17.86061952%}
.lunar-angle-131{--lunar-x:36.38888889%;--lunar-y:17.19704855%}
.lunar-angle-132{--lunar-x:36.66666667%;--lunar-y:16.54346968%}
.lunar-angle-133{--lunar-x:36.94444444%;--lunar-y:15.90008200%}
.lunar-angle-134{--lunar-x:37.22222222%;--lunar-y:15.26708148%}
.lunar-angle-135{--lunar-x:37.50000000%;--lunar-y:14.64466094%}
.lunar-angle-136{--lunar-x:37.77777778%;--lunar-y:14.03300998%}
.lunar-angle-137{--lunar-x:38.05555556%;--lunar-y:13.43231492%}
.lunar-angle-138{--lunar-x:38.33333333%;--lunar-y:12.84275873%}
.lunar-angle-139{--lunar-x:38.61111111%;--lunar-y:12.26452099%}
.lunar-angle-140{--lunar-x:38.88888889%;--lunar-y:11.69777784%}
.lunar-angle-141{--lunar-x:39.16666667%;--lunar-y:11.14270193%}
.lunar-angle-142{--lunar-x:39.44444444%;--lunar-y:10.59946232%}
.lunar-angle-143{--lunar-x:39.72222222%;--lunar-y:10.06822450%}
.lunar-angle-144{--lunar-x:40.00000000%;--lunar-y:9.54915028%}
.lunar-angle-145{--lunar-x:40.27777778%;--lunar-y:9.04239779%}
.lunar-angle-146{--lunar-x:40.55555556%;--lunar-y:8.54812137%}
.lunar-angle-147{--lunar-x:40.83333333%;--lunar-y:8.06647160%}
.lunar-angle-148{--lunar-x:41.11111111%;--lunar-y:7.59759519%}
.lunar-angle-149{--lunar-x:41.38888889%;--lunar-y:7.14163496%}
.lunar-angle-150{--lunar-x:41.66666667%;--lunar-y:6.69872981%}
.lunar-angle-151{--lunar-x:41.94444444%;--lunar-y:6.26901464%}
.lunar-angle-152{--lunar-x:42.22222222%;--lunar-y:5.85262036%}
.lunar-angle-153{--lunar-x:42.50000000%;--lunar-y:5.44967379%}
.lunar-angle-154{--lunar-x:42.77777778%;--lunar-y:5.06029769%}
.lunar-angle-155{--lunar-x:43.05555556%;--lunar-y:4.68461065%}
.lunar-angle-156{--lunar-x:43.33333333%;--lunar-y:4.32272712%}
.lunar-angle-157{--lunar-x:43.61111111%;--lunar-y:3.97475733%}
.lunar-angle-158{--lunar-x:43.88888889%;--lunar-y:3.64080727%}
.lunar-angle-159{--lunar-x:44.16666667%;--lunar-y:3.32097868%}
.lunar-angle-160{--lunar-x:44.44444444%;--lunar-y:3.01536896%}
.lunar-angle-161{--lunar-x:44.72222222%;--lunar-y:2.72407122%}
.lunar-angle-162{--lunar-x:45.00000000%;--lunar-y:2.44717419%}
.lunar-angle-163{--lunar-x:45.27777778%;--lunar-y:2.18476220%}
.lunar-angle-164{--lunar-x:45.55555556%;--lunar-y:1.93691520%}
.lunar-angle-165{--lunar-x:45.83333333%;--lunar-y:1.70370869%}
.lunar-angle-166{--lunar-x:46.11111111%;--lunar-y:1.48521369%}
.lunar-angle-167{--lunar-x:46.38888889%;--lunar-y:1.28149676%}
.lunar-angle-168{--lunar-x:46.66666667%;--lunar-y:1.09261996%}
.lunar-angle-169{--lunar-x:46.94444444%;--lunar-y:0.91864083%}
.lunar-angle-170{--lunar-x:47.22222222%;--lunar-y:0.75961235%}
.lunar-angle-171{--lunar-x:47.50000000%;--lunar-y:0.61558297%}
.lunar-angle-172{--lunar-x:47.77777778%;--lunar-y:0.48659656%}
.lunar-angle-173{--lunar-x:48.05555556%;--lunar-y:0.37269242%}
.lunar-angle-174{--lunar-x:48.33333333%;--lunar-y:0.27390523%}
.lunar-angle-175{--lunar-x:48.61111111%;--lunar-y:0.19026510%}
.lunar-angle-176{--lunar-x:48.88888889%;--lunar-y:0.12179749%}
.lunar-angle-177{--lunar-x:49.16666667%;--lunar-y:0.06852326%}
.lunar-angle-178{--lunar-x:49.44444444%;--lunar-y:0.03045865%}
.lunar-angle-179{--lunar-x:49.72222222%;--lunar-y:0.00761524%}
.lunar-angle-180{--lunar-x:50.00000000%;--lunar-y:0.00000000%}
.lunar-angle-181{--lunar-x:50.27777778%;--lunar-y:0.00761524%}
.lunar-angle-182{--lunar-x:50.55555556%;--lunar-y:0.03045865%}
.lunar-angle-183{--lunar-x:50.83333333%;--lunar-y:0.06852326%}
.lunar-angle-184{--lunar-x:51.11111111%;--lunar-y:0.12179749%}
.lunar-angle-185{--lunar-x:51.38888889%;--lunar-y:0.19026510%}
.lunar-angle-186{--lunar-x:51.66666667%;--lunar-y:0.27390523%}
.lunar-angle-187{--lunar-x:51.94444444%;--lunar-y:0.37269242%}
.lunar-angle-188{--lunar-x:52.22222222%;--lunar-y:0.48659656%}
.lunar-angle-189{--lunar-x:52.50000000%;--lunar-y:0.61558297%}
.lunar-angle-190{--lunar-x:52.77777778%;--lunar-y:0.75961235%}
.lunar-angle-191{--lunar-x:53.05555556%;--lunar-y:0.91864083%}
.lunar-angle-192{--lunar-x:53.33333333%;--lunar-y:1.09261996%}
.lunar-angle-193{--lunar-x:53.61111111%;--lunar-y:1.28149676%}
.lunar-angle-194{--lunar-x:53.88888889%;--lunar-y:1.48521369%}
.lunar-angle-195{--lunar-x:54.16666667%;--lunar-y:1.70370869%}
.lunar-angle-196{--lunar-x:54.44444444%;--lunar-y:1.93691520%}
.lunar-angle-197{--lunar-x:54.72222222%;--lunar-y:2.18476220%}
.lunar-angle-198{--lunar-x:55.00000000%;--lunar-y:2.44717419%}
.lunar-angle-199{--lunar-x:55.27777778%;--lunar-y:2.72407122%}
.lunar-angle-200{--lunar-x:55.55555556%;--lunar-y:3.01536896%}
.lunar-angle-201{--lunar-x:55.83333333%;--lunar-y:3.32097868%}
.lunar-angle-202{--lunar-x:56.11111111%;--lunar-y:3.64080727%}
.lunar-angle-203{--lunar-x:56.38888889%;--lunar-y:3.97475733%}
.lunar-angle-204{--lunar-x:56.66666667%;--lunar-y:4.32272712%}
.lunar-angle-205{--lunar-x:56.94444444%;--lunar-y:4.68461065%}
.lunar-angle-206{--lunar-x:57.22222222%;--lunar-y:5.06029769%}
.lunar-angle-207{--lunar-x:57.50000000%;--lunar-y:5.44967379%}
.lunar-angle-208{--lunar-x:57.77777778%;--lunar-y:5.85262036%}
.lunar-angle-209{--lunar-x:58.05555556%;--lunar-y:6.26901464%}
.lunar-angle-210{--lunar-x:58.33333333%;--lunar-y:6.69872981%}
.lunar-angle-211{--lunar-x:58.61111111%;--lunar-y:7.14163496%}
.lunar-angle-212{--lunar-x:58.88888889%;--lunar-y:7.59759519%}
.lunar-angle-213{--lunar-x:59.16666667%;--lunar-y:8.06647160%}
.lunar-angle-214{--lunar-x:59.44444444%;--lunar-y:8.54812137%}
.lunar-angle-215{--lunar-x:59.72222222%;--lunar-y:9.04239779%}
.lunar-angle-216{--lunar-x:60.00000000%;--lunar-y:9.54915028%}
.lunar-angle-217{--lunar-x:60.27777778%;--lunar-y:10.06822450%}
.lunar-angle-218{--lunar-x:60.55555556%;--lunar-y:10.59946232%}
.lunar-angle-219{--lunar-x:60.83333333%;--lunar-y:11.14270193%}
.lunar-angle-220{--lunar-x:61.11111111%;--lunar-y:11.69777784%}
.lunar-angle-221{--lunar-x:61.38888889%;--lunar-y:12.26452099%}
.lunar-angle-222{--lunar-x:61.66666667%;--lunar-y:12.84275873%}
.lunar-angle-223{--lunar-x:61.94444444%;--lunar-y:13.43231492%}
.lunar-angle-224{--lunar-x:62.22222222%;--lunar-y:14.03300998%}
.lunar-angle-225{--lunar-x:62.50000000%;--lunar-y:14.64466094%}
.lunar-angle-226{--lunar-x:62.77777778%;--lunar-y:15.26708148%}
.lunar-angle-227{--lunar-x:63.05555556%;--lunar-y:15.90008200%}
.lunar-angle-228{--lunar-x:63.33333333%;--lunar-y:16.54346968%}
.lunar-angle-229{--lunar-x:63.61111111%;--lunar-y:17.19704855%}
.lunar-angle-230{--lunar-x:63.88888889%;--lunar-y:17.86061952%}
.lunar-angle-231{--lunar-x:64.16666667%;--lunar-y:18.53398045%}
.lunar-angle-232{--lunar-x:64.44444444%;--lunar-y:19.21692623%}
.lunar-angle-233{--lunar-x:64.72222222%;--lunar-y:19.90924884%}
.lunar-angle-234{--lunar-x:65.00000000%;--lunar-y:20.61073739%}
.lunar-angle-235{--lunar-x:65.27777778%;--lunar-y:21.32117818%}
.lunar-angle-236{--lunar-x:65.55555556%;--lunar-y:22.04035483%}
.lunar-angle-237{--lunar-x:65.83333333%;--lunar-y:22.76804825%}
.lunar-angle-238{--lunar-x:66.11111111%;--lunar-y:23.50403679%}
.lunar-angle-239{--lunar-x:66.38888889%;--lunar-y:24.24809625%}
.lunar-angle-240{--lunar-x:66.66666667%;--lunar-y:25.00000000%}
.lunar-angle-241{--lunar-x:66.94444444%;--lunar-y:25.75951899%}
.lunar-angle-242{--lunar-x:67.22222222%;--lunar-y:26.52642186%}
.lunar-angle-243{--lunar-x:67.50000000%;--lunar-y:27.30047501%}
.lunar-angle-244{--lunar-x:67.77777778%;--lunar-y:28.08144266%}
.lunar-angle-245{--lunar-x:68.05555556%;--lunar-y:28.86908691%}
.lunar-angle-246{--lunar-x:68.33333333%;--lunar-y:29.66316785%}
.lunar-angle-247{--lunar-x:68.61111111%;--lunar-y:30.46344358%}
.lunar-angle-248{--lunar-x:68.88888889%;--lunar-y:31.26967033%}
.lunar-angle-249{--lunar-x:69.16666667%;--lunar-y:32.08160252%}
.lunar-angle-250{--lunar-x:69.44444444%;--lunar-y:32.89899283%}
.lunar-angle-251{--lunar-x:69.72222222%;--lunar-y:33.72159228%}
.lunar-angle-252{--lunar-x:70.00000000%;--lunar-y:34.54915028%}
.lunar-angle-253{--lunar-x:70.27777778%;--lunar-y:35.38141476%}
.lunar-angle-254{--lunar-x:70.55555556%;--lunar-y:36.21813221%}
.lunar-angle-255{--lunar-x:70.83333333%;--lunar-y:37.05904774%}
.lunar-angle-256{--lunar-x:71.11111111%;--lunar-y:37.90390522%}
.lunar-angle-257{--lunar-x:71.38888889%;--lunar-y:38.75244728%}
.lunar-angle-258{--lunar-x:71.66666667%;--lunar-y:39.60441546%}
.lunar-angle-259{--lunar-x:71.94444444%;--lunar-y:40.45955023%}
.lunar-angle-260{--lunar-x:72.22222222%;--lunar-y:41.31759112%}
.lunar-angle-261{--lunar-x:72.50000000%;--lunar-y:42.17827675%}
.lunar-angle-262{--lunar-x:72.77777778%;--lunar-y:43.04134495%}
.lunar-angle-263{--lunar-x:73.05555556%;--lunar-y:43.90653283%}
.lunar-angle-264{--lunar-x:73.33333333%;--lunar-y:44.77357684%}
.lunar-angle-265{--lunar-x:73.61111111%;--lunar-y:45.64221286%}
.lunar-angle-266{--lunar-x:73.88888889%;--lunar-y:46.51217631%}
.lunar-angle-267{--lunar-x:74.16666667%;--lunar-y:47.38320219%}
.lunar-angle-268{--lunar-x:74.44444444%;--lunar-y:48.25502516%}
.lunar-angle-269{--lunar-x:74.72222222%;--lunar-y:49.12737968%}
.lunar-angle-270{--lunar-x:75.00000000%;--lunar-y:50.00000000%}
.lunar-angle-271{--lunar-x:75.27777778%;--lunar-y:50.87262032%}
.lunar-angle-272{--lunar-x:75.55555556%;--lunar-y:51.74497484%}
.lunar-angle-273{--lunar-x:75.83333333%;--lunar-y:52.61679781%}
.lunar-angle-274{--lunar-x:76.11111111%;--lunar-y:53.48782369%}
.lunar-angle-275{--lunar-x:76.38888889%;--lunar-y:54.35778714%}
.lunar-angle-276{--lunar-x:76.66666667%;--lunar-y:55.22642316%}
.lunar-angle-277{--lunar-x:76.94444444%;--lunar-y:56.09346717%}
.lunar-angle-278{--lunar-x:77.22222222%;--lunar-y:56.95865505%}
.lunar-angle-279{--lunar-x:77.50000000%;--lunar-y:57.82172325%}
.lunar-angle-280{--lunar-x:77.77777778%;--lunar-y:58.68240888%}
.lunar-angle-281{--lunar-x:78.05555556%;--lunar-y:59.54044977%}
.lunar-angle-282{--lunar-x:78.33333333%;--lunar-y:60.39558454%}
.lunar-angle-283{--lunar-x:78.61111111%;--lunar-y:61.24755272%}
.lunar-angle-284{--lunar-x:78.88888889%;--lunar-y:62.09609478%}
.lunar-angle-285{--lunar-x:79.16666667%;--lunar-y:62.94095226%}
.lunar-angle-286{--lunar-x:79.44444444%;--lunar-y:63.78186779%}
.lunar-angle-287{--lunar-x:79.72222222%;--lunar-y:64.61858524%}
.lunar-angle-288{--lunar-x:80.00000000%;--lunar-y:65.45084972%}
.lunar-angle-289{--lunar-x:80.27777778%;--lunar-y:66.27840772%}
.lunar-angle-290{--lunar-x:80.55555556%;--lunar-y:67.10100717%}
.lunar-angle-291{--lunar-x:80.83333333%;--lunar-y:67.91839748%}
.lunar-angle-292{--lunar-x:81.11111111%;--lunar-y:68.73032967%}
.lunar-angle-293{--lunar-x:81.38888889%;--lunar-y:69.53655642%}
.lunar-angle-294{--lunar-x:81.66666667%;--lunar-y:70.33683215%}
.lunar-angle-295{--lunar-x:81.94444444%;--lunar-y:71.13091309%}
.lunar-angle-296{--lunar-x:82.22222222%;--lunar-y:71.91855734%}
.lunar-angle-297{--lunar-x:82.50000000%;--lunar-y:72.69952499%}
.lunar-angle-298{--lunar-x:82.77777778%;--lunar-y:73.47357814%}
.lunar-angle-299{--lunar-x:83.05555556%;--lunar-y:74.24048101%}
.lunar-angle-300{--lunar-x:83.33333333%;--lunar-y:75.00000000%}
.lunar-angle-301{--lunar-x:83.61111111%;--lunar-y:75.75190375%}
.lunar-angle-302{--lunar-x:83.88888889%;--lunar-y:76.49596321%}
.lunar-angle-303{--lunar-x:84.16666667%;--lunar-y:77.23195175%}
.lunar-angle-304{--lunar-x:84.44444444%;--lunar-y:77.95964517%}
.lunar-angle-305{--lunar-x:84.72222222%;--lunar-y:78.67882182%}
.lunar-angle-306{--lunar-x:85.00000000%;--lunar-y:79.38926261%}
.lunar-angle-307{--lunar-x:85.27777778%;--lunar-y:80.09075116%}
.lunar-angle-308{--lunar-x:85.55555556%;--lunar-y:80.78307377%}
.lunar-angle-309{--lunar-x:85.83333333%;--lunar-y:81.46601955%}
.lunar-angle-310{--lunar-x:86.11111111%;--lunar-y:82.13938048%}
.lunar-angle-311{--lunar-x:86.38888889%;--lunar-y:82.80295145%}
.lunar-angle-312{--lunar-x:86.66666667%;--lunar-y:83.45653032%}
.lunar-angle-313{--lunar-x:86.94444444%;--lunar-y:84.09991800%}
.lunar-angle-314{--lunar-x:87.22222222%;--lunar-y:84.73291852%}
.lunar-angle-315{--lunar-x:87.50000000%;--lunar-y:85.35533906%}
.lunar-angle-316{--lunar-x:87.77777778%;--lunar-y:85.96699002%}
.lunar-angle-317{--lunar-x:88.05555556%;--lunar-y:86.56768508%}
.lunar-angle-318{--lunar-x:88.33333333%;--lunar-y:87.15724127%}
.lunar-angle-319{--lunar-x:88.61111111%;--lunar-y:87.73547901%}
.lunar-angle-320{--lunar-x:88.88888889%;--lunar-y:88.30222216%}
.lunar-angle-321{--lunar-x:89.16666667%;--lunar-y:88.85729807%}
.lunar-angle-322{--lunar-x:89.44444444%;--lunar-y:89.40053768%}
.lunar-angle-323{--lunar-x:89.72222222%;--lunar-y:89.93177550%}
.lunar-angle-324{--lunar-x:90.00000000%;--lunar-y:90.45084972%}
.lunar-angle-325{--lunar-x:90.27777778%;--lunar-y:90.95760221%}
.lunar-angle-326{--lunar-x:90.55555556%;--lunar-y:91.45187863%}
.lunar-angle-327{--lunar-x:90.83333333%;--lunar-y:91.93352840%}
.lunar-angle-328{--lunar-x:91.11111111%;--lunar-y:92.40240481%}
.lunar-angle-329{--lunar-x:91.38888889%;--lunar-y:92.85836504%}
.lunar-angle-330{--lunar-x:91.66666667%;--lunar-y:93.30127019%}
.lunar-angle-331{--lunar-x:91.94444444%;--lunar-y:93.73098536%}
.lunar-angle-332{--lunar-x:92.22222222%;--lunar-y:94.14737964%}
.lunar-angle-333{--lunar-x:92.50000000%;--lunar-y:94.55032621%}
.lunar-angle-334{--lunar-x:92.77777778%;--lunar-y:94.93970231%}
.lunar-angle-335{--lunar-x:93.05555556%;--lunar-y:95.31538935%}
.lunar-angle-336{--lunar-x:93.33333333%;--lunar-y:95.67727288%}
.lunar-angle-337{--lunar-x:93.61111111%;--lunar-y:96.02524267%}
.lunar-angle-338{--lunar-x:93.88888889%;--lunar-y:96.35919273%}
.lunar-angle-339{--lunar-x:94.16666667%;--lunar-y:96.67902132%}
.lunar-angle-340{--lunar-x:94.44444444%;--lunar-y:96.98463104%}
.lunar-angle-341{--lunar-x:94.72222222%;--lunar-y:97.27592878%}
.lunar-angle-342{--lunar-x:95.00000000%;--lunar-y:97.55282581%}
.lunar-angle-343{--lunar-x:95.27777778%;--lunar-y:97.81523780%}
.lunar-angle-344{--lunar-x:95.55555556%;--lunar-y:98.06308480%}
.lunar-angle-345{--lunar-x:95.83333333%;--lunar-y:98.29629131%}
.lunar-angle-346{--lunar-x:96.11111111%;--lunar-y:98.51478631%}
.lunar-angle-347{--lunar-x:96.38888889%;--lunar-y:98.71850324%}
.lunar-angle-348{--lunar-x:96.66666667%;--lunar-y:98.90738004%}
.lunar-angle-349{--lunar-x:96.94444444%;--lunar-y:99.08135917%}
.lunar-angle-350{--lunar-x:97.22222222%;--lunar-y:99.24038765%}
.lunar-angle-351{--lunar-x:97.50000000%;--lunar-y:99.38441703%}
.lunar-angle-352{--lunar-x:97.77777778%;--lunar-y:99.51340344%}
.lunar-angle-353{--lunar-x:98.05555556%;--lunar-y:99.62730758%}
.lunar-angle-354{--lunar-x:98.33333333%;--lunar-y:99.72609477%}
.lunar-angle-355{--lunar-x:98.61111111%;--lunar-y:99.80973490%}
.lunar-angle-356{--lunar-x:98.88888889%;--lunar-y:99.87820251%}
.lunar-angle-357{--lunar-x:99.16666667%;--lunar-y:99.93147674%}
.lunar-angle-358{--lunar-x:99.44444444%;--lunar-y:99.96954135%}
.lunar-angle-359{--lunar-x:99.72222222%;--lunar-y:99.99238476%}
.lunar-angle-360{--lunar-x:100.00000000%;--lunar-y:100.00000000%}

.lunar-disk{display:block;width:100%;height:auto;border-radius:50%;mix-blend-mode:screen}
.moon-still-south.lunar-disk{transform:rotate(180deg)}
#lunar-hero-disk{isolation:isolate;border-radius:50%;background:#050b14}

/* Shared mobile reading pass. Keep the accepted scenes and immutable image
   exports; give live labels room instead of shrinking them to fit. */
.learn-table{position:relative}
.pulse-chart-readable .pulse-axis{font-size:20px}
.pulse-chart-readable .pulse-threshold-label{font-size:20px}
@media(min-width:721px) and (max-width:1000px){
  .today-source,.today-meaning,.today-reading>span,.today-tile-head>span,
  .today-lunar-stats,.today-next,.today-chart-key{font-size:12px;line-height:1.75}
  .today-next{flex-wrap:wrap}
  .today-next>span{margin-left:auto}
  .today-mini-chart .pulse-chart-readable .pulse-axis{font-size:24px}
  .today-mini-chart .pulse-chart-readable .pulse-threshold-label{font-size:24px}
}
@media(min-width:721px) and (max-width:900px){
  .site-header .nav-section{display:none}
  .site-header nav{gap:20px}
}
@media(max-width:720px){
  .site-header .nav-today{font-size:12px;min-height:44px;display:flex;align-items:center}
  .breadcrumbs{flex-wrap:wrap;row-gap:6px}
  .breadcrumbs,.pulse-heading .breadcrumbs,.moon-heading .breadcrumbs{font-size:12px}
  .footer-bottom,.footer-bottom span{font-size:12px}
  .learn-byline,.learn-copy .learn-table-hint,.learn-copy .learn-citation-back{font-size:12px}
  .feeling-choice span{font-size:12px}
  .today-heading>p,.today-summary>div>p:not(.eyebrow){font-size:14px}
  .today-context-row>p>span+span,.today-settings label,.today-workspace-head,
  .today-tile-head>span,.today-reading>span,.today-meaning,.today-source,
  .today-lunar-stats,.today-next,.today-chart-key,.today-summary>div>span{font-size:12px;line-height:1.8}
  .today-settings{flex-wrap:wrap;gap:12px;align-items:end}
  .today-settings label{flex:1 1 160px;min-width:0}
  .today-settings select{width:100%;max-width:none;font-size:16px;min-height:46px}
  .today-hemisphere{flex:1 1 150px}
  .today-hemisphere a{flex:1;text-align:center;font-size:12px;min-height:44px;padding:11px 9px}
  .today-tile-head{flex-wrap:wrap}
  .today-tile-head h2{font-size:19px}
  .today-mini-chart{height:auto;min-height:140px;margin:18px 0 12px}
  .today-mini-chart .pulse-chart-mobile{height:auto;min-height:140px}
  .today-detail{font-size:13px}
  .today-primary-actions .button,.today-primary-actions>a:last-of-type,
  .today-primary-actions button{font-size:13px}
  .today-method,.today-feedback{font-size:14px}
  .today-lunar{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .today-moon-visual{margin-inline:0;height:auto;align-self:center}
  .today-moon-visual .moon-disk{width:100%;height:auto;max-width:145px}
  .today-next{flex-wrap:wrap;row-gap:5px}
  .today-next>span{margin-left:auto}
  .pulse-topic-nav{flex-wrap:wrap;gap:2px 4px}
  .pulse-topic-nav a,.moon-page .pulse-topic-nav a{font-size:12px;padding:10px 12px;min-height:44px}
  .pulse-clock,.pulse-stamp,.pulse-source,.pulse-status,.pulse-facts p,.pulse-facts small,
  .pulse-facts span small,.pulse-legend,.pulse-legend span:last-child,
  .pulse-chart-heading>p,.pulse-chart-heading>p>span,.pulse-current-label{font-size:12px}
  .pulse-context,.pulse-under-panel,.pulse-secondary p,.pulse-method p{font-size:14px}
  .pulse-under-panel a,.pulse-refresh,.pulse-running p,.pulse-running .pulse-xray p,
  .pulse-running .pulse-xray a{font-size:12px}
  .pulse-table table{min-width:0;font-size:13px}
  .pulse-table summary{font-size:14px;min-height:44px}
  .pulse-table th,.pulse-table td{padding:12px 8px;overflow-wrap:anywhere}
  .station-map-label,.station-map-note{font-size:10px}
  .station-pin small,.station-options small,.station-format,.station-number,.station-provider{font-size:12px}
  .station-intro p,.station-notes p,.station-history{font-size:14px}
  .station-explorer{grid-template-columns:minmax(0,1fr)}
  .station-map{aspect-ratio:2;overflow:visible;margin-bottom:30px}
  .station-map-note{top:100%;bottom:auto;left:0;right:0;padding-top:8px;color:#526a7d;font-size:11px}
  .station-options{grid-template-columns:minmax(0,1fr)}
  .station-options>a{display:flex;align-items:center;gap:16px;min-height:86px;padding:15px 18px}
  .station-number{margin:0}
  .station-name small{display:inline;margin-left:8px}
  .station-format{margin-top:5px}
  .station-arrow{position:static;margin-left:auto;font-size:12px}
  .moon-share-copy>p:not(.eyebrow),.share-more>p{font-size:14px}
  .share-more>summary,.moon-share-copy>p.moon-share-context,.moon-share-copy>p.moon-share-note,
  .moon-share-copy>p.moon-share-feedback,.moon-preview-note,.moon-share-app>span{font-size:12px}
  .moon-share-actions button,.moon-share-actions a,.moon-saved-link,.moon-refresh,
  .moon-share-formats button{font-size:13px;min-height:44px}
  .moon-share-formats button span{font-size:11px;display:block;margin:3px 0 0}
  .moon-share-preview[data-format=story]{max-width:280px}
  .moon-share-app{font-size:14px}
  .moon-settings{grid-template-columns:minmax(0,1fr);gap:12px}
  .moon-settings select{font-size:16px;height:48px}
  .moon-settings label,.moon-hemisphere>span,.moon-settings-note{font-size:12px}
  .moon-hemisphere a{font-size:13px;min-height:44px}
  .moon-device-zone{font-size:13px;min-height:44px;margin:0}
  .moon-calendar-intro,.moon-calendar-foot,.moon-events p{font-size:12px}
  .moon-weekdays,.moon-date-label{font-size:11px;line-height:1.4}
  .moon-date-number{font-size:12px}
  .moon-date{min-height:92px}
  .moon-date-label{min-height:30px}
  .moon-calendar-heading{flex-wrap:wrap;gap:16px}
  .moon-calendar-heading nav{margin-left:auto}
  .moon-day-detail>p:not(.moon-kicker),.moon-events span{font-size:13px}
  .moon-detail-note{font-size:12px!important}
  .moon-method p,.moon-method a,.moon-questions summary{font-size:14px}
}
@media(max-width:650px){
  /* Keep the Moon beside its phase; move the facts into the full-width row. */
  .moon-hero{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);padding:22px;column-gap:14px}
  .moon-hero-copy{display:contents}
  .moon-hero-copy>.moon-kicker{grid-column:1/-1;font-size:12px;margin:0 0 18px}
  .moon-hero h2{grid-column:1;grid-row:2;align-self:end;font-size:29px;margin:0 0 12px}
  .moon-hero-description{grid-column:1;grid-row:3;font-size:13px;line-height:1.7;margin:0;padding:0}
  .moon-hero-art{grid-column:2;grid-row:2/4;padding:0;align-self:center}
  .moon-hero-art figcaption{font-size:11px;line-height:1.65;margin-top:8px}
  .moon-metrics{grid-column:1/-1;gap:28px;margin:26px 0 18px}
  .moon-metrics dt{font-size:12px;white-space:normal}
  .moon-metrics dd{font-size:32px}
  .moon-metrics dd>span{font-size:14px}
  .moon-age-line{grid-column:1/-1;font-size:13px;margin:0 0 14px}
  .moon-age-line>span{font-size:12px;display:inline}
  .moon-stamp,.moon-stamp span{font-size:12px;padding:0}
  .moon-stamp{grid-column:1/-1;margin:0 0 22px}
  .moon-next{margin:0;padding:20px 0 0;flex-wrap:wrap;gap:18px}
  .moon-next .moon-kicker,.moon-next span,.moon-next-count a{font-size:12px}
  .moon-next-count{text-align:left;font-size:20px}
}
@media(max-width:540px){
  .resonance-hero-copy h1{font-size:clamp(30px,9.8vw,39px)}
  .weather-hero-copy h1{font-size:clamp(34px,11vw,45px)}
  .resonance-eyebrow,.weather-eyebrow,.lunar-eyebrow{font-size:10px;letter-spacing:.08em}
  .resonance-method-link,.weather-method-link,.lunar-method-link{font-size:12px;min-height:44px}
  .resonance-scene-caption,.weather-source-label,.lunar-scene-caption>span{font-size:12px}
  .resonance-map-note,.weather-map-note,.lunar-scene-note{font-size:10px}
  .weather-map-note{max-width:48%}
  .weather-tab-caption,.lunar-tab-caption{font-size:12px}
  .lunar-tab-name{font-size:clamp(13px,3.9vw,17px)}
  .resonance-tab-index,.resonance-lab .lab-key,.weather-lab .lab-key,
  .lunar-key,.lunar-reset,.lunar-presets button,.lunar-phase-gallery button span{font-size:12px}
}

/* The night share destinations (site premium part 2, Task 2): /today, /moon/today, /schumann-resonance/today,
   /space-weather/today and their saved pages (/today/snapshot/vN, /moon/snapshot/vN, /pulse/<sid>) sit on the home's
   night. Tokens come from home.css (.home-page, .night-page: --home-night, --home-mist, --home-dim, --home-head, the G ramp)
   and site.css (--panel, the four level colours); nothing here adds a colour of its own beyond white at an opacity.
   Level colours stay light with a word beside them (ADR-128, ADR-020); a storm takes its G step (ADR-134). Last in the
   bundle, so it wins over every light rule before it. */
.night-page {
  --bg: var(--home-night);
  --text: #fff;
  --muted: var(--home-mist);
  --line: rgb(255 255 255 / .1);
  --surface: var(--panel);
  --night-line: rgb(255 255 255 / .1);
  --night-edge: inset 0 0 0 1px rgb(255 255 255 / .07);
  --night-raised: rgb(255 255 255 / .06);
  color-scheme: dark;
}
.night-page a:hover { color: #fff; }
.night-page :is(a, button, select, summary, [tabindex]):focus-visible {
  outline: 2px solid #fff;
  outline-offset: 4px;
}
.night-page :is(.eyebrow, .pulse-eyebrow) { color: var(--home-mist); letter-spacing: .16em; }
.night-page .breadcrumbs { color: var(--home-dim); }
.night-page .breadcrumbs a { color: var(--home-mist); }
.night-page :is(h1, h2, h3) { color: #fff; }

/* ---------- buttons: the home's white pills; outlined pills for the quieter ones */
.night-page :is(.share-btn-main, .button, .pulse-primary, .station-pending .pulse-primary) {
  background: #fff;
  color: var(--ink);
}
.night-page :is(.share-btn-main, .button, .pulse-primary):is(a, button) { -webkit-tap-highlight-color: transparent; }
/* Hover only where a pointer really hovers: on a phone a tap leaves :hover stuck, and the pill kept a light blue tint. The pressed state is the touch feedback. */
@media (hover: hover) {
  .night-page :is(.share-btn-main, .button, .pulse-primary):hover { background: #dfe9f8; color: var(--ink); }
}
.night-page :is(.share-btn-main, .button, .pulse-primary):active { color: var(--ink); opacity: .78; transform: scale(.98); }
.night-page .button .ui-icon { filter: none; }
.night-page :is(.moon-copy, .moon-download, .moon-nav, .moon-reset) {
  background: transparent;
  border: 1px solid rgb(255 255 255 / .18);
  color: var(--home-head);
  border-radius: 999px;
}
.night-page :is(.moon-copy, .moon-download, .moon-nav, .moon-reset) { -webkit-tap-highlight-color: transparent; }
@media (hover: hover) {
  .night-page :is(.moon-copy, .moon-download, .moon-nav, .moon-reset):hover { border-color: rgb(255 255 255 / .5); color: #fff; }
}
.night-page :is(.moon-copy, .moon-download, .moon-nav, .moon-reset):active { border-color: rgb(255 255 255 / .6); background: rgb(255 255 255 / .1); color: #fff; }
.night-page .moon-nav[aria-disabled] { opacity: .3; }

/* ---------- headings of the pages */
.night-page :is(.today-heading > p, .moon-heading > p:last-child, .pulse-heading > p) { color: var(--home-mist); }
.night-page .pulse-heading h1 span { color: var(--home-mist); }
.night-page .pulse-topic-nav { border-bottom-color: var(--night-line); }
.night-page .pulse-topic-nav a { color: var(--home-mist); border: 1px solid transparent; }
.night-page .pulse-topic-nav a:hover { color: #fff; border-color: rgb(255 255 255 / .18); }
.night-page .pulse-topic-nav a[aria-current=page] { color: #fff; background: transparent; border-color: rgb(255 255 255 / .3); }
.night-page .pulse-topic-nav i { background: var(--home-dim); }
.night-page .pulse-topic-nav a[aria-current=page] i { background: #fff; box-shadow: 0 0 8px rgb(255 255 255 / .6); }

/* ---------- settings: time zone, hemisphere, device zone */
.night-page :is(.today-context-row > p > span + span, .today-settings label, .moon-settings label, .moon-hemisphere > span, .moon-settings-note) { color: var(--home-mist); }
.night-page :is(.today-settings select, .moon-settings select) {
  background: var(--panel);
  color: #fff;
  border: 1px solid rgb(255 255 255 / .16);
}
.night-page :is(.today-settings button, .moon-device-zone) { color: var(--home-mist); }
.night-page :is(.today-settings button, .moon-device-zone):hover { color: #fff; }
.night-page :is(.today-hemisphere, .moon-hemisphere > div) {
  background: var(--panel);
  border: 1px solid rgb(255 255 255 / .1);
}
.night-page :is(.today-hemisphere a, .moon-hemisphere a) { color: var(--home-mist); }
.night-page :is(.today-hemisphere a, .moon-hemisphere a)[aria-current] {
  background: rgb(255 255 255 / .12);
  color: #fff;
  box-shadow: none;
}

/* ---------- the share block: the card first, two white pills, the rest under More options */
.night-page .moon-share { border-color: var(--night-line); }
.night-page :is(.moon-share-copy > p:not(.eyebrow), .share-more > p, .snapshot-copy p:not(.eyebrow)) { color: var(--home-mist); }
.night-page .moon-share-copy > p.moon-share-context { color: var(--home-head); }
.night-page :is(.moon-share-copy > p.moon-share-note, .moon-share-copy > p.moon-share-feedback, .moon-preview-note, .moon-share-app > span, .image-share-feedback) { color: var(--home-mist); }
.night-page .share-more { border-top-color: var(--night-line); }
.night-page .share-more > summary { color: var(--home-head); }
.night-page .share-more > summary:hover { color: #fff; }
.night-page :is(.moon-saved-link, .moon-refresh, .social-secondary a, .social-secondary button) { color: var(--home-head); }
.night-page .moon-share-app { border-top-color: var(--night-line); }
.night-page .instagram-help { border-color: var(--night-line); }
.night-page .instagram-help summary { color: var(--home-head); }
.night-page .instagram-help p { color: var(--home-mist); }
.night-page .moon-share-formats {
  background: var(--panel);
  border: 1px solid rgb(255 255 255 / .1);
}
.night-page .moon-share-formats button { color: var(--home-mist); }
.night-page .moon-share-formats button span { color: var(--home-dim); }
.night-page .moon-share-formats button[aria-pressed=true] { background: rgb(255 255 255 / .12); color: #fff; box-shadow: none; }
.night-page .moon-share-formats button[aria-pressed=true] span { color: var(--home-mist); }
/* The card is a picture of the night on the night: a hairline and a soft blue glow hold its edge, as the home's phone. */
.night-page :is(.moon-share-preview, .snapshot-card) {
  background: var(--panel);
  box-shadow: 0 0 0 1px rgb(255 255 255 / .14), 0 0 60px rgb(120 170 255 / .16), 0 30px 70px rgb(0 0 0 / .5);
}
.night-page .pulse-preview-feedback { color: var(--home-head); }
.night-page .snapshot-date { color: #fff; }
/* A saved page has one white pill, See today's reading; its own Share card / Save story are the outlined pair beside it. */
.night-page .snapshot-copy .share-primary .share-btn-main { background: transparent; color: #fff; box-shadow: inset 0 0 0 1px rgb(255 255 255 / .3); }
.night-page .snapshot-copy .share-primary .share-btn-main:is(:active) { background: rgb(255 255 255 / .1); color: #fff; box-shadow: inset 0 0 0 1px rgb(255 255 255 / .7); }
@media (hover: hover) {
  .night-page .snapshot-copy .share-primary .share-btn-main:hover { box-shadow: inset 0 0 0 1px rgb(255 255 255 / .7); background: transparent; color: #fff; }
}
.night-page .moon-download { gap: 6px; }
/* On Schumann and space weather the live page's share block opens the page; the Moon's comes after its month (moon.css). */
.night-page :is(.moon-page, .pulse-page) .moon-share:not(.moon-share-saved) { margin: 0 0 40px; padding: 8px 0 36px; border-top: 0; }

/* ---------- panels: one night panel, as the home's week and guide links */
.night-page :is(.today-workspace, .pulse-panel, .moon-hero) {
  background: radial-gradient(ellipse at 85% 0%, var(--night-raised), transparent 60%), var(--panel);
  border: 0;
  box-shadow: var(--night-edge), 0 30px 70px rgb(0 0 0 / .35);
}
.night-page :is(.today-workspace-head, .today-chart-key, .today-tile + .today-tile, .today-detail) { border-color: var(--night-line); }
.night-page :is(.today-workspace-head, .today-chart-key, .today-tile-head > span, .today-source, .today-next, .today-mini-chart > p) { color: var(--home-dim); }
.night-page :is(.today-meaning, .today-reading > span, .today-lunar-stats) { color: var(--home-mist); }
.night-page :is(.today-next > span, .today-detail) { color: var(--home-head); }
/* The numbers are light: the level colour with its glow, as the home's trio. */
.night-page :is(.today-reading, .pulse-reading > span:first-child, .pulse-reading .pulse-unit, .pulse-meaning) {
  text-shadow: 0 0 30px color-mix(in srgb, var(--pulse-accent) 50%, transparent);
}
.night-page .pulse-line { filter: drop-shadow(0 0 4px color-mix(in srgb, var(--pulse-accent) 60%, transparent)); }
/* A storm takes its G step from the home's ramp (G1 #FFE0B2 … G5 #E8520A), its words ("Minor storm · G1 of 5") beside it. */
.night-page .storm-g1 { --pulse-accent: var(--storm-g1); }
.night-page .storm-g2 { --pulse-accent: var(--storm-g2); }
.night-page .storm-g3 { --pulse-accent: var(--storm-g3); }
.night-page .storm-g4 { --pulse-accent: var(--storm-g4); }
.night-page .storm-g5 { --pulse-accent: var(--storm-g5); }
.night-page .pulse-bar.storm-g1 { fill: var(--storm-g1); }
.night-page .pulse-bar.storm-g2 { fill: var(--storm-g2); }
.night-page .pulse-bar.storm-g3 { fill: var(--storm-g3); }
.night-page .pulse-bar.storm-g4 { fill: var(--storm-g4); }
.night-page .pulse-bar.storm-g5 { fill: var(--storm-g5); }
/* Chart ink on the panel: the grid and axes in the night's dim tones, the G1 line in the ramp's first step. */
.night-page .pulse-grid { stroke: rgb(255 255 255 / .09); }
.night-page .pulse-axis { fill: var(--home-dim); }
.night-page .pulse-gap { fill: rgb(255 255 255 / .16); }
.night-page .pulse-threshold { stroke: var(--storm-g2); stroke-opacity: .55; }
.night-page .pulse-threshold-label { fill: var(--storm-g1); stroke: var(--panel); }
.night-page :is(.pulse-previous-line, .pulse-single-previous) { stroke: var(--home-dim); }
.night-page .pulse-single-previous { fill: var(--home-dim); }

/* ---------- the observation panel's words */
.night-page :is(.pulse-clock, .pulse-current-label, .pulse-stamp, .pulse-legend, .pulse-chart-heading > p > span, .pulse-facts p, .pulse-facts small, .pulse-source) { color: var(--home-dim); }
.night-page :is(.pulse-status, .pulse-context, .pulse-back, .pulse-source a) { color: var(--home-mist); }
.night-page .pulse-chart-heading > p { color: var(--home-head); }
/* The Schumann hero is the 30-minute level; the latest 5-minute sample is a quiet line under its stamp. */
.night-page .pulse-sample { margin-top: 6px; font-size: 12px; line-height: 1.6; color: var(--home-mist); font-variant-numeric: tabular-nums; }
.night-page :is(.pulse-facts, .pulse-facts > div + div, .pulse-facts > div:nth-child(2)) { border-color: var(--night-line); }
.night-page .pulse-refresh { color: var(--home-head); border-bottom-color: rgb(255 255 255 / .25); }
.night-page .pulse-compare { color: var(--home-mist); border-color: rgb(255 255 255 / .18); }
.night-page .pulse-compare[aria-pressed=true] { background: rgb(255 255 255 / .1); border-color: rgb(255 255 255 / .3); }
.night-page .pulse-empty { border-color: var(--night-line); background: none; }
.night-page .pulse-empty p { color: var(--home-head); }
.night-page .pulse-empty a { color: var(--home-mist); }
.night-page .pulse-empty-orbit { border-color: var(--home-dim); }
.night-page .pulse-under-panel { color: var(--home-mist); }
.night-page :is(.pulse-secondary, .pulse-table, .pulse-method, .pulse-app-history, .today-primary-actions, .today-method) { border-color: var(--night-line); }
.night-page :is(.pulse-secondary p, .pulse-xray p, .pulse-xray a, .pulse-xray small, .pulse-app-history p, .pulse-method p, .pulse-table caption) { color: var(--home-mist); }
.night-page .pulse-xray { border-color: var(--night-line); }
.night-page :is(.pulse-table th, .pulse-table td) { border-bottom-color: var(--night-line); }
.night-page .pulse-table td { color: var(--home-head); }

/* ---------- Today's summary, actions and method */
.night-page .today-summary > div > p:not(.eyebrow) { color: var(--home-head); }
.night-page .today-summary > div > span { color: var(--home-dim); }
.night-page :is(.today-primary-actions button, .today-feedback) { color: var(--home-mist); }
.night-page .today-method { color: var(--home-mist); }
.night-page .today-method summary { color: var(--home-head); }
.night-page .today-app-context { color: var(--home-mist); }

/* ---------- the Moon: the hero, the calendar, the method (the Moon art and its lighting are unchanged) */
.night-page :is(.moon-kicker, .moon-metrics dt, .moon-stamp, .moon-next span, .moon-hero-art figcaption) { color: var(--home-mist); }
.night-page .moon-stamp span, .night-page .moon-age-line > span { color: var(--home-dim); }
.night-page :is(.moon-hero-description, .moon-age-line, .moon-metrics dd > span, .moon-next-count a) { color: var(--home-mist); }
.night-page .moon-next-count { color: var(--home-head); }
.night-page .moon-next { border-top-color: var(--night-line); }
.night-page :is(.moon-calendar-intro, .moon-weekdays, .moon-events p, .moon-calendar-foot) { color: var(--home-mist); }
.night-page .moon-date {
  background: transparent;
  border-color: transparent;
  box-shadow: var(--night-edge);
  color: var(--home-head);
}
.night-page .moon-date:hover { background: transparent; border-color: rgb(255 255 255 / .3); color: #fff; }
.night-page .moon-event-date { background: transparent; border-color: rgb(255 255 255 / .22); }
.night-page .moon-date-label { color: var(--home-mist); }
.night-page .moon-date[aria-current=date] .moon-date-number { color: #fff; text-decoration-color: rgb(255 255 255 / .7); }
.night-page .moon-date[data-selected=true] { border-color: rgb(255 255 255 / .7); box-shadow: 0 0 0 1px rgb(255 255 255 / .7), 0 0 24px rgb(120 170 255 / .2); background: transparent; }
.night-page .moon-day-detail {
  background: transparent;
  border: 0;
  box-shadow: var(--night-edge);
}
.night-page .moon-day-detail > .moon-kicker { color: var(--home-mist); }
.night-page .moon-day-detail > p:not(.moon-kicker) { color: var(--home-head); }
.night-page { --moon-detail-note: var(--home-dim); }  /* moon.css's note colour is a custom property for this */
.night-page .moon-selected-event { border-top-color: var(--night-line); }
.night-page .moon-events > a { border-top-color: var(--night-line); }
.night-page :is(.moon-method p, .moon-method a, .moon-questions p) { color: var(--home-mist); }
.night-page .moon-questions details { border-bottom-color: var(--night-line); }
.night-page .moon-questions summary { color: var(--home-head); }
.night-page .moon-unavailable { border-color: var(--night-line); color: var(--home-mist); }

/* ---------- the Schumann station explorer */
.night-page .station-intro p { color: var(--home-mist); }
.night-page .station-intro > a { color: var(--home-head); }
.night-page .station-map { box-shadow: var(--night-edge), inset 0 0 50px #08132066; }
.night-page .station-options > a {
  background: var(--panel);
  border-color: transparent;
  box-shadow: var(--night-edge);
  color: var(--home-head);
}
.night-page .station-options > a:hover { border-color: rgb(255 255 255 / .3); background: var(--panel); }
.night-page .station-options > a[aria-current=true] { border-color: rgb(255 255 255 / .55); background: var(--panel); box-shadow: 0 0 24px rgb(120 170 255 / .16); }
.night-page :is(.station-number, .station-name small, .station-format) { color: var(--home-mist); }
.night-page .station-arrow { color: var(--home-head); }
.night-page .station-detail { background: var(--panel); border-color: transparent; box-shadow: var(--night-edge); }
.night-page :is(.station-detail h2 > span, .station-description, .station-capture-status, .station-spectrogram figcaption, .station-time-note, .station-notes p, .station-provider, .station-history p, .station-history li, .station-history summary span) { color: var(--home-mist); }
.night-page .station-access { color: var(--home-mist); border-color: rgb(255 255 255 / .18); }
.night-page :is(.station-notes, .station-history) { border-top-color: var(--night-line); }
.night-page .station-notes a { color: var(--home-head); }
.night-page .station-pending { background: radial-gradient(ellipse at 15% 50%, var(--night-raised), transparent 60%), var(--home-night); box-shadow: var(--night-edge); }

/* ---------- the app, the labs link and the guides under the readings */
.night-page :is(.pulse-app, .app-story, .learn-lab-link) {
  background: radial-gradient(ellipse at 0% 0%, var(--night-raised), transparent 60%), var(--panel);
  border: 0;
  box-shadow: var(--night-edge);
  color: #fff;
}
.night-page :is(.pulse-app p, .pulse-app-actions > span, .learn-lab-link p, .app-story p, .app-story-fields dd, .app-story-caption, .app-story-path li > span) { color: var(--home-mist); }
.night-page .app-story-fields dd.app-story-kind { color: var(--home-dim); }
.night-page :is(.app-story-record, .app-story-fields, .app-story-fields > div, .app-story-health) { border-color: var(--night-line); }
.night-page :is(.app-story-orbit, .app-story-orbit::after) { border-color: rgb(255 255 255 / .08); }
.night-page .app-story-orbit img { opacity: .3; }
.night-page .app-story .eyebrow { color: var(--home-mist); }
.night-page .app-story :is(a, button):focus-visible { outline-color: #fff; }
.night-page .pulse-learn-grid a { border-top-color: var(--night-line); }
.night-page :is(.pulse-learn-grid span, .pulse-learn-grid p) { color: var(--home-mist); }

/* ---------- the footer: the field guide on the night, as the home's footer */
.night-page .site-footer { border-top-color: var(--night-line); color: var(--home-head); }
.night-page :is(.footer-group, .site-footer .footer-top, .footer-topic-link) { border-color: var(--night-line); }
.night-page :is(.footer-group a, .footer-intro > a) { color: var(--home-mist); }
.night-page .footer-group a:hover { color: #fff; }
.night-page :is(.footer-group summary::after, .footer-group .footer-count) { color: var(--home-dim); }
.night-page .footer-bottom { color: var(--home-dim); }

/* ---------- phones */
/* Phones: the three topics stay on one line (the current one is the outlined pill, so the dots can go). */
@media (max-width: 420px) {
  .night-page .pulse-topic-nav { flex-wrap: nowrap; gap: 2px; }
  .night-page .pulse-topic-nav a { padding: 10px 11px; white-space: nowrap; }
  .night-page .pulse-topic-nav i { display: none; }
}
@media (max-width: 340px) {
  .night-page .pulse-topic-nav a { font-size: 11px; padding-inline: 8px; }
}
@media (max-width: 480px) {
  .night-page .snapshot-copy > .share-btn { align-self: stretch; }
}
@media (max-width: 720px) {
  .night-page :is(.moon-page, .pulse-page) .moon-share:not(.moon-share-saved) { margin-bottom: 30px; padding-bottom: 28px; }
  .night-page .pulse-running .pulse-xray { border-left-color: var(--night-line); }
}
@media (prefers-reduced-motion: reduce) {
  .night-page .share-more > summary::after { transition: none; }
}

/* Until the app is in the App Store its links lead nowhere: remove this rule with the release. */
a[href^="schumannpulse://"], .until-release { display: none; }