/* Local, normal-flow presentation. Desktop selectors stay unchanged. */
.mobile-orbit { display: none; }
html[data-presentation="light"] { scroll-behavior: auto; }
html[data-presentation="light"] .site-header {
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  background: var(--paper-solid);
  padding-left: max(16px, env(safe-area-inset-left));
  padding-right: max(16px, env(safe-area-inset-right));
}
html[data-presentation="light"] .story-panel .scroll-story { height: auto; }
html[data-presentation="light"] .story-panel .hero {
  position: relative;
  top: auto;
  height: auto;
  min-height: 0;
  display: block;
  overflow: visible;
  padding: calc(var(--header-height, 108px) + 32px) 20px 0;
}
html[data-presentation="light"] .story-panel .hero::after { display: none; }
html[data-presentation="light"] .story-panel .hero .system {
  width: min(100%, 640px);
  height: auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  padding: 0 0 48px;
}
html[data-presentation="light"] .story-panel :is(.orbit-field, .annotation, .attention-matrix, .port, .fusion-mark, .stream-bridge) { display: none; }
html[data-presentation="light"] .mobile-orbit {
  display: block;
  position: relative;
  flex: none;
  width: 240px;
  height: 152px;
  max-width: 100%;
  pointer-events: none;
  color: var(--muted);
}
.mobile-orbit::before {
  content: "";
  position: absolute;
  inset: 16px;
  border: 1px solid var(--line);
  border-radius: 50%;
}
.mobile-orbit-label {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  font: 9px var(--font-mono);
  letter-spacing: .08em;
}
.mobile-orbit-ball {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 14px;
  height: 14px;
  margin: -7px;
  border: 1px solid var(--paper-solid);
  border-radius: 50%;
  background: var(--math);
  transform: translate(104px, 0);
}
.mobile-orbit-ball:nth-of-type(2) { background: var(--stats); transform: translate(-52px, 52px); }
.mobile-orbit-ball:nth-of-type(3) { background: var(--cs); transform: translate(-52px, -52px); }
html[data-presentation="light"] .story-panel .core {
  position: relative;
  inset: auto;
  width: 100%;
  min-height: 0;
  display: block;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  transform: none;
  opacity: 1;
}
html[data-presentation="light"] .story-panel .core::before,
html[data-presentation="light"] .story-panel .core::after,
html[data-presentation="light"] .story-panel .core-label { display: none; }
html[data-presentation="light"] .story-panel h1 {
  white-space: normal;
  font-size: clamp(28px, 7.8vw, 40px);
  line-height: 1.22;
  overflow-wrap: anywhere;
}
html[data-presentation="light"] .story-panel .identity p { max-width: 100%; font-size: 13px; line-height: 1.7; }
html[data-presentation="light"] .story-panel .route-links {
  position: relative;
  inset: auto;
  transform: none;
  opacity: 1;
  gap: 24px;
  flex-wrap: wrap;
  justify-content: center;
}
html[data-presentation="light"] .story-panel .route-links a { min-height: 44px; display: inline-flex; align-items: center; font-size: 12px; }
html[data-presentation="light"] .story-panel .focus-panel {
  position: relative;
  inset: auto;
  min-height: 0;
  display: block;
  padding: 32px 0 48px;
  border-top: 1px solid var(--line);
  opacity: 1;
  transform: none;
  pointer-events: auto;
  will-change: auto;
}
html[data-presentation="light"] .story-panel .focus-inner { width: min(100%, 720px); margin-inline: auto; text-align: left; }
html[data-presentation="light"] .story-panel :is(.focus-kicker, .focus-panel h2, .focus-lede, .focus-paths) { width: 100%; margin-inline: 0; }
html[data-presentation="light"] .story-panel .focus-panel h2 { font-size: clamp(28px, 6.8vw, 40px); line-height: 1.25; }
html[data-presentation="light"] .story-panel .focus-kicker { font-size: 9px; line-height: 1.8; letter-spacing: .12em; }
html[data-presentation="light"] .story-panel .focus-lede { font-size: 16px; line-height: 1.8; margin: 20px 0 0; }
html[data-presentation="light"] .story-panel .focus-paths { width: 100%; margin-top: 28px; }
html[data-presentation="light"] .story-panel .focus-path::before { display: block; left: 0; top: 20px; width: 8px; height: 8px; }
html[data-presentation="light"] .story-panel .content-stream { padding-top: 0; }
html[data-presentation="light"] .story-panel .chapter-section { min-height: 0; padding-block: 48px; }
html[data-presentation="light"] .story-panel .chapter-content { padding-left: 0; }
html[data-presentation="light"] .story-panel .section-heading,
html[data-presentation="light"] .story-panel .contact-copy { padding-left: 0; }
html[data-presentation="light"] .story-panel :is(.reveal-item, .content-reveal),
html[data-presentation="light"] :is(.article-body-section, .archive-item) {
  opacity: 1 !important;
  transform: none !important;
  transition: none;
  will-change: auto;
}
html[data-presentation="light"] .sphere-slot { animation: none !important; transform: none !important; box-shadow: none; }
/* Keep the original lower-viewport fade, without translating content or balls. */
html[data-presentation="light"] .story-panel .content-reveal:not(:focus-within) {
  opacity: var(--mobile-reveal-opacity, 1) !important;
}
html[data-presentation="light"] .story-panel .project-ledger { grid-template-columns: minmax(0, 1fr); gap: 0; }
html[data-presentation="light"] .story-panel .project-entry { border: 0; border-bottom: 1px solid var(--line); }
html[data-presentation="light"] .story-panel .project-card-link { padding: 28px 16px; }
html[data-presentation="light"] .story-panel .project-card-link h3 { font-size: clamp(24px, 5.5vw, 30px); }
html[data-presentation="light"] .story-panel .note-title { display: grid; grid-template-columns: 16px minmax(0, 1fr); gap: 12px; }
html[data-presentation="light"] .story-panel .note-title > .sphere-slot { position: static; width: 16px; height: 16px; margin-top: 6px; }
html[data-presentation="light"] .story-panel .note-title-link { min-height: 44px; }
html[data-presentation="light"] .story-panel .contact-links { grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); }
html[data-presentation="light"] :is(.article, .article-body, .article-body-section, .install-step, .archive-item) { min-width: 0; overflow-wrap: anywhere; }
html[data-presentation="light"] :is(pre, .article-body table) { max-width: 100%; overflow-x: auto; overscroll-behavior-x: contain; }
html[data-presentation="light"] .article-body table { display: block; }
html[data-presentation="light"] :is(.back-link, [data-topic-filter]) { min-height: 44px; align-items: center; }
html[data-presentation="light"] .back-link { display: inline-flex; }
html[data-presentation="light"] .site-header .nav a { min-width: 44px; min-height: 44px; display: grid; place-items: center; }
html[data-presentation="light"] .footer { padding-bottom: max(24px, env(safe-area-inset-bottom)); }
html[data-presentation="light"] main { animation: mobile-page-in 180ms ease-out; }
@keyframes mobile-page-in { from { opacity: .5; } to { opacity: 1; } }
@media (prefers-reduced-motion: reduce) {
  html[data-presentation="light"] main { animation: none; }
}

@media (max-width: 760px) {
  html[data-presentation="light"] .story-panel .focus-paths { grid-template-columns: 1fr; }
  html[data-presentation="light"] .story-panel .focus-path { border-left: 0; }
  html[data-presentation="light"] .story-panel .section-shell { width: calc(100% - 40px); }
  html[data-presentation="light"] .story-panel .section-heading p { width: 100%; }
}