/* Approved cosmos direction: shared production theme and CSS 3D geometry. */
html { background: #07090f; color-scheme: dark; }
.cosmos-theme {
  --mb-bg: #07090f;
  --mb-selected: #272a31;
  --mb-ink: #f0f1f3;
  --mb-muted: #b0b6c1;
  --mb-line: #2a2d35;
  --mb-face: #1a1c21;
  --mb-side: #101218;
  --mb-top: #2c2e35;
  --mb-depth: 1;
  --mb-title: 62px;
  --bg: var(--mb-bg);
  --ink: var(--mb-ink);
  --muted: var(--mb-muted);
  --line: var(--mb-line);
  --green: var(--mb-ink);
  --sage: var(--mb-selected);
  --peach: #1b1e25;
  --orange: var(--mb-ink);
  --sans: Inter, "PingFang SC", "Microsoft YaHei", sans-serif;
  --serif: var(--sans);
  position: relative;
  isolation: isolate;
  min-height: 100vh;
  margin: 0;
  color: var(--mb-ink);
  background: var(--mb-bg);
  background-image: radial-gradient(ellipse at 90% 8%, #d5dbe51c, transparent 45%), radial-gradient(ellipse at 50% 48%, #bec5d115, transparent 50%), radial-gradient(ellipse at 18% 94%, #d5dbe51c, transparent 44%);
  font: 16px/1.8 var(--sans);
  color-scheme: dark;
}
.cosmos-theme *, .cosmos-theme *::before, .cosmos-theme *::after { box-sizing: border-box; }
.cosmos-theme [hidden] { display: none !important; }
.cosmos-theme ::selection { color: #fff; background: #4b5261; }
.cosmos-theme :is(button, a, input, textarea, select, summary):focus-visible { outline: 2px solid var(--mb-ink); outline-offset: 5px; }
.cosmos-theme :is(h1, h2, h3) { font-family: var(--sans); font-weight: 500; }
.cosmos-theme button, .cosmos-theme a { touch-action: manipulation; }
.cosmos-theme button { font-family: inherit; }
.cosmos-theme .cosmos-stars, .cosmos-theme .mb-space-canvas { position: absolute; inset: 0; width: 100%; height: 100%; display: block; pointer-events: none; z-index: 0; }
.cosmos-theme > .site-header, .cosmos-theme > .detail-main, .cosmos-theme > .site-footer { position: relative; z-index: 1; }
.cosmos-theme .skip-link { color: #07090f; background: var(--mb-ink); }
.cosmos-theme .mb-page { position: relative; z-index: 1; max-width: 1200px; margin-inline: auto; padding: 0 40px; display: flex; flex-direction: column; min-height: 100vh; background: transparent; color: var(--mb-ink); }
.cosmos-theme .mb-page :where(h1, h2, h3, p) { margin: 0; }
.cosmos-theme .mb-page :where(a, button) { color: inherit; }
.cosmos-theme .mb-page a { text-decoration: none; }
.cosmos-theme .mb-page button { background: none; border: 0; }
.cosmos-theme .mb-page svg { width: 17px; height: 17px; flex-shrink: 0; }
.cosmos-theme .mb-header { position: relative; z-index: 10; display: flex; align-items: center; justify-content: space-between; gap: 24px; height: auto; min-height: 74px; border-bottom: 1px solid var(--mb-line); }
.cosmos-theme .mb-brand { display: inline-flex; align-items: center; gap: 10px; flex-shrink: 0; font-size: 20px; font-weight: 500; letter-spacing: -.7px; }
.cosmos-theme .mb-brand-mark { height: 19px; width: 19px; border: 1px solid var(--mb-ink); border-radius: 5px; transform: rotate(-12deg); position: relative; }
.cosmos-theme .mb-brand-mark::after { content: ""; width: 5px; height: 5px; border-radius: 50%; background: var(--mb-ink); position: absolute; left: 6px; top: 6px; }
.cosmos-theme .mb-nav { min-height: 44px; display: flex; align-items: center; font-size: 13px; }
.cosmos-theme .mb-hero { text-align: center; padding: 40px 0 18px; }
.cosmos-theme .mb-eyebrow { color: var(--mb-muted); font-size: 12px; letter-spacing: 1.8px; }
.cosmos-theme .mb-hero h1 { font-size: clamp(40px, 6vw, var(--mb-title)); line-height: 1.25; letter-spacing: -2.4px; margin: 20px 0 18px; }
.cosmos-theme .mb-intro { font-size: 16px; color: var(--mb-muted); line-height: 1.85; }
.cosmos-theme .mb-scene-section { margin-top: 4px; }
.cosmos-theme .mb-scene-top { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 6px 0 4px; font-size: 12px; color: var(--mb-muted); }
.cosmos-theme .mb-scene-top strong { font-weight: 400; color: var(--mb-ink); }
/* Clipping stays outside the perspective element and preserve-3d rig. */
.cosmos-theme .mb-clip { overflow: clip; }
.cosmos-theme .mb-viewport { height: 300px; position: relative; perspective: 850px; perspective-origin: 50% 46%; touch-action: pan-y; user-select: none; overflow: visible; cursor: grab; }
.cosmos-theme .mb-viewport.is-dragging { cursor: grabbing; }
.cosmos-theme .mb-world { position: absolute; left: 50%; top: 50%; width: 500px; height: 290px; transform: translate(-50%, -50%) scale(var(--mb-scale, 1)) rotateX(var(--mb-rx, -16deg)) rotateY(var(--mb-ry, 0deg)); transform-style: preserve-3d; pointer-events: none; }
.cosmos-theme .mb-world * { transform-style: preserve-3d; pointer-events: none; }
.cosmos-theme .mb-solid { --w: 100px; --h: 100px; --d: 24px; --x: 0px; --y: 0px; --z: 0px; position: absolute; left: 50%; top: 50%; width: var(--w); height: var(--h); transform: translate(-50%, -50%) translate3d(var(--x), var(--y), calc(var(--z) * var(--mb-depth))); transform-style: preserve-3d; }
.cosmos-theme .mb-face { position: absolute; left: 50%; top: 50%; width: var(--w); height: var(--h); background: var(--mb-face); border: 1px solid var(--mb-line); backface-visibility: hidden; }
.cosmos-theme .mb-front { transform: translate(-50%, -50%) translateZ(calc(var(--d) * var(--mb-depth) / 2)); overflow: hidden; }
.cosmos-theme .mb-back { transform: translate(-50%, -50%) rotateY(180deg) translateZ(calc(var(--d) * var(--mb-depth) / 2)); background: var(--mb-side); }
.cosmos-theme .mb-left, .cosmos-theme .mb-right { width: calc(var(--d) * var(--mb-depth)); height: var(--h); background: var(--mb-side); }
.cosmos-theme .mb-left { transform: translate(-50%, -50%) rotateY(-90deg) translateZ(calc(var(--w) / 2)); }
.cosmos-theme .mb-right { transform: translate(-50%, -50%) rotateY(90deg) translateZ(calc(var(--w) / 2)); background: #21232a; }
.cosmos-theme .mb-top, .cosmos-theme .mb-bottom { width: var(--w); height: calc(var(--d) * var(--mb-depth)); background: var(--mb-top); }
.cosmos-theme .mb-top { transform: translate(-50%, -50%) rotateX(90deg) translateZ(calc(var(--h) / 2)); }
.cosmos-theme .mb-bottom { transform: translate(-50%, -50%) rotateX(-90deg) translateZ(calc(var(--h) / 2)); background: var(--mb-side); }
.cosmos-theme .mb-orbit-ring { position: absolute; left: 50%; top: 50%; width: 360px; height: 270px; border: 1px solid var(--mb-line); border-radius: 50%; transform: translate(-50%, -50%) rotateX(35deg) translateZ(-20px); }
.cosmos-theme .mb-orbit .mb-solid { --w: 58px; --h: 48px; --d: 32px; }
.cosmos-theme .mb-orbit .mb-front { padding: 8px; display: grid; place-items: center; font-size: 16px; }
.cosmos-theme .mb-orbit .mb-core { --w: 94px; --h: 94px; --d: 94px; --z: 25px; --y: 8px; }
.cosmos-theme .mb-orbit .mb-core .mb-front { background: var(--mb-selected); padding: 26px; }
.cosmos-theme .mb-core-symbol { width: 31px; height: 31px; border: 1px solid var(--mb-ink); display: grid; place-items: center; transform: rotate(45deg); }
.cosmos-theme .mb-core-symbol::after { content: ""; width: 12px; height: 12px; background: var(--mb-ink); }
.cosmos-theme .mb-orbit .mb-n1 { --x: -146px; --y: -71px; --z: -15px; }
.cosmos-theme .mb-orbit .mb-n2 { --x: 139px; --y: -67px; --z: -32px; }
.cosmos-theme .mb-orbit .mb-n3 { --x: 164px; --y: 61px; --z: 34px; }
.cosmos-theme .mb-orbit .mb-n4 { --x: -129px; --y: 79px; --z: 65px; }
.cosmos-theme .mb-orbit .mb-n5 { --x: -6px; --y: -125px; --z: -70px; }
.cosmos-theme .mb-scene-legend { min-height: 42px; display: flex; justify-content: center; align-items: center; gap: 13px; flex-wrap: wrap; font-size: 12px; color: var(--mb-muted); text-align: center; }
.cosmos-theme .mb-scene-legend b { font-weight: 400; color: var(--mb-ink); }
.cosmos-theme .mb-camera-row { display: flex; justify-content: center; align-items: center; gap: 18px; flex-wrap: wrap; margin: 12px 0 17px; }
.cosmos-theme .mb-camera-buttons { display: inline-flex; gap: 4px; padding: 3px; border: 1px solid var(--mb-line); border-radius: 10px; }
.cosmos-theme .mb-camera-buttons button { min-width: 47px; min-height: 44px; padding: 7px 13px; border-radius: 7px; font-size: 12px; }
.cosmos-theme .mb-camera-buttons button[aria-pressed="true"] { background: var(--mb-selected); color: var(--mb-ink); }
.cosmos-theme .mb-camera-status { font-size: 11px; min-width: 117px; color: var(--mb-muted); }
.cosmos-theme .mb-projects { display: grid; grid-template-columns: 1fr 1fr; gap: 34px; margin-top: 10px; padding-bottom: 28px; }
.cosmos-theme .mb-project { border-top: 1px solid var(--mb-line); padding-top: 22px; min-width: 0; }
.cosmos-theme .mb-project-kicker { font-size: 12px; letter-spacing: 1px; color: var(--mb-muted); }
.cosmos-theme .mb-project h2 { font-size: 24px; line-height: 1.5; letter-spacing: -.7px; margin: 10px 0; }
.cosmos-theme .mb-project > p { font-size: 16px; line-height: 1.9; color: var(--mb-muted); }
.cosmos-theme .mb-project :is(.project-link, .mb-project-link) { display: inline-flex; align-items: center; gap: 16px; min-height: 44px; margin-top: 16px; border-color: var(--mb-muted); color: var(--mb-ink); font-size: 14px; }
.cosmos-theme .mb-project details { margin-top: 10px; }
.cosmos-theme .mb-project summary { font-size: 14px; min-height: 44px; display: flex; align-items: center; justify-content: space-between; gap: 12px; list-style: none; color: var(--mb-ink); cursor: pointer; }
.cosmos-theme .mb-project summary::-webkit-details-marker { display: none; }
.cosmos-theme .mb-project summary::after { content: "＋"; font-size: 18px; }
.cosmos-theme .mb-project details[open] summary::after { content: "−"; }
.cosmos-theme .mb-project details p { font-size: 14px; line-height: 1.85; color: var(--mb-muted); padding: 5px 0 12px; }
.cosmos-theme .mb-footer { margin-top: auto; display: flex; justify-content: space-between; gap: 15px; flex-wrap: wrap; padding: 25px 0; border-top: 1px solid var(--mb-line); font-size: 12px; color: var(--mb-muted); }
.cosmos-theme :is(.mb-header, .mb-hero, .mb-project, .mb-footer, .mb-scene-top, .mb-scene-legend, .mb-camera-row, .detail-heading, .detail-article, .section-heading, .about-copy) { text-shadow: 0 1px 3px #03050a, 0 0 12px #03050acc; }

/* Shared navigation, actions, and the existing public content sections. */
.cosmos-theme .main-nav { gap: 25px; color: var(--mb-muted); }
.cosmos-theme .main-nav > a:hover { color: var(--mb-ink); }
.cosmos-theme .nav-contact, .cosmos-theme .mb-page .nav-contact { border: 1px solid #4a4f5b; background: var(--mb-selected); color: var(--mb-ink); border-radius: 8px; }
.cosmos-theme .nav-contact:hover { background: #333740; }
.cosmos-theme .button { border-radius: 9px; min-height: 46px; font-size: 14px; }
.cosmos-theme .button.primary, .cosmos-theme .mb-page .button.primary { background: var(--mb-ink); color: #101219; border: 1px solid var(--mb-ink); }
.cosmos-theme .button.primary:hover { background: #d9dce3; color: #101219; }
.cosmos-theme .button.secondary { color: var(--mb-ink); border: 1px solid #545b68; background: var(--mb-selected); }
.cosmos-theme .button.secondary:hover { background: #343943; }
.cosmos-theme .status-dot, .cosmos-theme .status-dot.amber { background: #bbc1cd; }
.cosmos-theme .text-link, .cosmos-theme .project-link { color: var(--mb-ink); border-color: #757d8c; }
.cosmos-theme .section-index, .cosmos-theme .section-heading > p { color: var(--mb-muted); }
.cosmos-theme .section-index { font-size: 12px; }
.cosmos-theme .section-heading h2, .cosmos-theme .about-copy h2 { font-size: clamp(27px, 3vw, 36px); letter-spacing: -1px; }
.cosmos-theme .section-heading > p { font-size: 15px; }
.cosmic-home .mb-page .wrap { width: 100%; max-width: none; }
.cosmic-home .section-space { padding-block: 64px; }
.cosmos-theme .approach-section { background: transparent; border-color: var(--mb-line); }
.cosmos-theme .approach-grid { gap: 38px; }
.cosmos-theme .approach-grid h3 { font-size: 19px; letter-spacing: -.3px; color: var(--mb-ink); }
.cosmos-theme .approach-grid p { font-size: 16px; line-height: 1.9; color: var(--mb-muted); max-width: none; }
.cosmos-theme .step-number { color: #b0b6c1; border-color: #3b404a; font-family: var(--sans); font-style: normal; font-size: 27px; }
.cosmos-theme .hand-note { font-family: var(--sans); font-size: 13px; color: #aab2c0; transform: none; }
.cosmic-home .about-section { display: block; padding-block: 64px; }
.cosmos-theme .about-copy { max-width: 790px; }
.cosmos-theme .cosmos-about { display: grid; grid-template-columns: .85fr 1.35fr; gap: 70px; border-top: 1px solid var(--mb-line); align-items: start; }
.cosmos-theme .cosmos-about h2 { font-size: clamp(28px, 3.2vw, 36px); line-height: 1.5; letter-spacing: -.9px; }
.cosmos-theme .cosmos-about .about-copy p:first-child { margin-top: 0; }
.cosmos-theme .about-copy p:not(.section-index) { color: var(--mb-muted); font-size: 16px; line-height: 1.95; max-width: none; }
.cosmos-theme .about-signature { color: #c6ccd5; font-family: var(--sans); font-size: 15px; letter-spacing: .5px; }
.cosmos-theme .contact-section { border: 1px solid #333842; background: #13171fe8; border-radius: 18px; }
.cosmos-theme .contact-section h2 { font-size: clamp(28px, 3.5vw, 38px); letter-spacing: -.8px; }
.cosmos-theme .contact-section .section-index, .cosmos-theme .contact-section > p:not(.section-index) { color: var(--mb-muted); font-size: 16px; }
.cosmos-theme .contact-section .section-index { font-size: 12px; }
.cosmos-theme .contact-decoration { color: #424854; opacity: .65; }
.cosmos-theme .contact-caption { color: #aeb7c4; font-size: 12px; }
.cosmos-theme .site-footer { color: var(--mb-muted); font-size: 12px; }
.cosmos-theme .footer-brand { color: var(--mb-ink); }
.cosmos-theme .footer-brand span, .cosmos-theme .site-footer > a:last-child { font-size: 11px; }

/* Project details retain the existing renderer and semantic structure. */
.cosmos-theme.detail-body .site-header { min-height: 88px; border-bottom: 1px solid var(--mb-line); }
.cosmos-theme .brand { color: var(--mb-ink); font-weight: 500; letter-spacing: -.4px; }
.cosmos-theme .brand-mark { stroke: var(--mb-ink); }
.cosmos-theme .brand-sub { color: var(--mb-muted); letter-spacing: .5px; }
.cosmos-theme .back-link { color: #c7ccd5; font-size: 14px; }
.cosmos-theme .detail-heading h1 { font-size: clamp(34px, 4.6vw, 52px); line-height: 1.35; letter-spacing: -1.4px; }
.cosmos-theme .detail-subtitle, .cosmos-theme .detail-motto { color: var(--mb-ink); font-family: var(--sans); font-size: 23px; letter-spacing: -.4px; }
.cosmos-theme .detail-summary { color: var(--mb-muted); font-size: 17px; line-height: 1.95; }
.cosmos-theme .detail-meta span { color: #c2cad7; border-color: #4b5260; font-size: 12px; background: #161b24d9; }
.cosmos-theme .detail-flow, .cosmos-theme .detail-flow.team { background: #141821f2; border: 1px solid #333947; border-radius: 16px; }
.cosmos-theme .detail-flow-heading, .cosmos-theme .detail-flow-heading span:last-child { color: var(--mb-muted); font-size: 13px; line-height: 1.7; }
.cosmos-theme .flow-item, .cosmos-theme .team .flow-item { border-color: #3a404c; background: #1b202a; border-radius: 10px; }
.cosmos-theme .flow-item b { color: #aab3c2; font-family: var(--sans); }
.cosmos-theme .flow-item h3 { color: var(--mb-ink); font-size: 16px; }
.cosmos-theme .flow-item p { color: #bcc4d1; font-size: 14px; line-height: 1.9; }
.cosmos-theme .flow-item:not(:last-child)::after { color: #b9c3d4; }
.cosmos-theme .detail-columns { gap: 52px; }
.cosmos-theme .detail-article h2 { color: var(--mb-ink); font-size: 29px; letter-spacing: -.6px; }
.cosmos-theme .detail-article p { color: var(--mb-muted); font-size: 16px; line-height: 2; }
.cosmos-theme .detail-highlight > span { color: #9da8b9; font-family: var(--sans); font-style: normal; }
.cosmos-theme .detail-highlight h3 { font-size: 18px; color: var(--mb-ink); }
.cosmos-theme .detail-highlight p { font-size: 16px; }
.cosmos-theme .story-box { background: #1b1e27ed; border-left-color: #c0c7d3; border-radius: 10px; }
.cosmos-theme .story-box h2 { font-size: 26px; }
.cosmos-theme .story-box p { font-size: 16px; }
.cosmos-theme .detail-aside { background: #151a23f5; border: 1px solid #333b49; border-radius: 12px; }
.cosmos-theme .detail-aside h2 { color: var(--mb-ink); font-size: 16px; }
.cosmos-theme .detail-aside :is(p, ul) { color: #b5becd; font-size: 14px; line-height: 1.95; }
.cosmos-theme .detail-aside .aside-divider { border-top-color: #38414e; }
.cosmos-theme .detail-end .next-project { color: var(--mb-ink); border-color: #818b9b; font-size: 15px; line-height: 1.8; }
.cosmos-theme .detail-end p { color: #b8c1cf; font-family: var(--sans); font-size: 19px; }
.cosmos-theme .not-found p { color: var(--mb-muted); }

/* The contact dialog stays opaque, usable, and independent of the canvas. */
.cosmos-theme .contact-dialog { background: #12161e; color: var(--mb-ink); border: 1px solid #414958; border-radius: 18px; box-shadow: 0 24px 100px #000a; }
.cosmos-theme .contact-dialog::backdrop { background: #03060dc9; backdrop-filter: blur(4px); }
.cosmos-theme .dialog-close { width: 44px; height: 44px; right: 12px; top: 9px; color: #c7cfdb; }
.cosmos-theme .dialog-close:hover { background: var(--mb-selected); }
.cosmos-theme .dialog-inner h2 { color: var(--mb-ink); font-family: var(--sans); font-size: 28px; letter-spacing: -.5px; padding-right: 25px; }
.cosmos-theme .dialog-intro { color: #bcc4d1; font-size: 15px; }
.cosmos-theme .contact-form label { color: #d0d6e1; font-size: 14px; }
.cosmos-theme .contact-form label small { color: #b5bece; }
.cosmos-theme .contact-form select, .cosmos-theme .contact-form textarea { background: #1b212c; border-color: #485366; color: var(--mb-ink); border-radius: 8px; font-size: 16px; }
.cosmos-theme .contact-form option { background: #1b212c; color: var(--mb-ink); }
.cosmos-theme .contact-form textarea::placeholder { color: #9ba7ba; opacity: 1; }
.cosmos-theme .form-help, .cosmos-theme .form-local-note { color: #b2bdcd; font-size: 12px; line-height: 1.85; }
.cosmos-theme .form-local-note, .cosmos-theme .brief-result { border-color: #343d4c; }
.cosmos-theme .brief-result h3 { color: var(--mb-ink); font-size: 17px; }
.cosmos-theme .brief-result pre { background: #080d15; border-color: #3b475a; color: #dce3ee; font-size: 14px; line-height: 1.9; }
.cosmos-theme .copy-status { color: #d1dbe9; font-size: 13px; }
.cosmos-theme .form-actions .button { font-size: 14px; min-height: 46px; }

@media (max-width: 800px) {
  .cosmos-theme .mb-page { padding-inline: 25px; }
  .cosmos-theme .mb-world { --mb-scale: .85; }
  .cosmos-theme .mb-projects { gap: 24px; }
  .cosmos-theme .mb-project h2 { font-size: 23px; }
  .cosmos-theme .mb-header { min-height: 74px; }
  .cosmos-theme .menu-toggle, .cosmos-theme .mb-page .menu-toggle { border: 1px solid #4b5361; background: #181d27; width: 44px; height: 44px; }
  .cosmos-theme .menu-toggle span { background: var(--mb-ink); }
  .cosmos-theme .main-nav { z-index: 30; background: #151a23; border-color: #3e4756; box-shadow: 0 12px 28px #0008; color: var(--mb-ink); }
  .cosmos-theme .mb-header .main-nav { top: calc(100% - 2px); left: 0; right: 0; }
  .cosmos-theme .mb-page .nav-contact { border: 1px solid #4a4f5b; background: var(--mb-selected); }
  .cosmos-theme .detail-columns { gap: 32px; }
  .cosmos-theme .cosmos-about { gap: 34px; }
  .cosmos-theme .detail-flow-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cosmos-theme .detail-aside { position: static; }
}
@media (max-width: 580px) {
  .cosmos-theme .mb-page { padding-inline: 20px; }
  .cosmos-theme .mb-header { min-height: 68px; }
  .cosmos-theme .mb-hero { padding-top: 35px; }
  .cosmos-theme .mb-hero h1 { font-size: calc(var(--mb-title) * .64); letter-spacing: -1.8px; margin-top: 22px; }
  .cosmos-theme .mb-intro { font-size: 15px; }
  .cosmos-theme .mb-eyebrow { font-size: 11px; letter-spacing: .7px; }
  .cosmos-theme .mb-viewport { height: 290px; perspective: 650px; }
  .cosmos-theme .mb-world { --mb-scale: .56; }
  .cosmos-theme .mb-orbit .mb-front { font-size: 25px; }
  .cosmos-theme .mb-scene-top { font-size: 11px; gap: 10px; }
  .cosmos-theme .mb-scene-legend { gap: 8px; min-height: 66px; }
  .cosmos-theme .mb-camera-row { gap: 10px; margin-top: 8px; }
  .cosmos-theme .mb-camera-status { min-width: 112px; }
  .cosmos-theme .mb-projects { grid-template-columns: 1fr; gap: 23px; margin-top: 8px; }
  .cosmos-theme .mb-project { padding-top: 20px; }
  .cosmos-theme .mb-project h2 { font-size: 24px; margin: 8px 0; }
  .cosmos-theme .mb-footer { gap: 9px; }
  .cosmos-theme .section-heading { margin-bottom: 30px; }
  .cosmos-theme .cosmos-about { grid-template-columns: 1fr; gap: 24px; }
  .cosmic-home .section-space, .cosmic-home .about-section { padding-block: 48px; }
  .cosmos-theme .approach-grid { gap: 28px; }
  .cosmos-theme .approach-grid article { padding-left: 43px; }
  .cosmos-theme .contact-section { padding: 35px 22px; }
  .cosmos-theme .contact-caption { font-size: 12px; }
  .cosmos-theme .detail-heading h1 { font-size: 33px; letter-spacing: -1px; }
  .cosmos-theme .detail-summary, .cosmos-theme .detail-article p { font-size: 16px; }
  .cosmos-theme .detail-subtitle, .cosmos-theme .detail-motto { font-size: 21px; }
  .cosmos-theme .detail-flow { padding: 22px 17px; }
  .cosmos-theme .detail-flow-heading { flex-direction: column; gap: 5px; }
  .cosmos-theme .detail-flow-grid { grid-template-columns: 1fr; gap: 16px; }
  .cosmos-theme .flow-item { padding: 20px; }
  .cosmos-theme .flow-item::after { display: none; }
  .cosmos-theme .flow-item h3 { font-size: 17px; }
  .cosmos-theme .flow-item p { font-size: 15px; }
  .cosmos-theme .detail-article h2 { font-size: 26px; }
  .cosmos-theme .detail-highlight h3 { font-size: 18px; }
  .cosmos-theme .detail-aside :is(p, ul) { font-size: 15px; }
  .cosmos-theme .dialog-inner { padding: 32px 23px; }
  .cosmos-theme .dialog-inner h2 { font-size: 25px; }
  .cosmos-theme .contact-form textarea, .cosmos-theme .contact-form select { font-size: 16px; }
  .cosmos-theme .form-actions { gap: 10px; }
}
@media (max-width: 350px) {
  .cosmos-theme .mb-page { padding-inline: 17px; }
  .cosmos-theme .mb-world { --mb-scale: .49; }
  .cosmos-theme .mb-hero h1 { font-size: calc(var(--mb-title) * .59); }
}
@media (prefers-reduced-motion: reduce) {
  .cosmos-theme *, .cosmos-theme *::before, .cosmos-theme *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}
.cosmos-theme .detail-aside li{font-size:inherit}