.swiaty-page { position: relative; overflow: hidden; background: radial-gradient(circle at 78% 12%, rgb(56 35 68 / 38%), transparent 27rem), radial-gradient(circle at 12% 44%, rgb(27 33 69 / 64%), transparent 34rem); }
.swiaty-page::before { position: absolute; inset: 0; z-index: 0; pointer-events: none; opacity: .08; background-image: radial-gradient(var(--color-ivory-glow) .7px, transparent .7px); background-size: 28px 28px; content: ""; }
.swiaty-page > section { position: relative; z-index: 1; }
.swiaty-page a { text-decoration-thickness: 1px; }
.swiaty-hero { padding: var(--space-8) 0 var(--space-9); }
.swiaty-hero__layout { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: var(--space-6); align-items: center; }
.swiaty-hero__copy { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: var(--space-5); }
.swiaty-hero__copy h1, .swiaty-hero__copy p, .swiaty-hero__copy .technical-label { margin: 0; }
.swiaty-hero__copy h1 { font-size: clamp(3rem, 6vw, 5.5rem); max-width: 12ch; }
.swiaty-hero__copy .lead { max-width: 56ch; }
.swiaty-breadcrumbs { display: flex; min-width: 0; gap: var(--space-2); color: var(--color-text-muted); font-size: var(--text-sm); }
.swiaty-breadcrumbs a { color: var(--color-text-muted); }
.swiaty-hero__actions, .swiaty-final__actions { display: flex; min-width: 0; flex-wrap: wrap; gap: var(--space-3); }
.swiaty-hero__media { grid-column: 2; width: 100%; min-width: 0; margin: 0; }
.swiaty-hero__media img { width: 100%; aspect-ratio: 16 / 9; border: 1px solid var(--color-border); border-radius: var(--radius-lg); object-fit: cover; object-position: right center; box-shadow: var(--shadow-soft); }
.swiaty-route-map { grid-column: 1 / -1; display: flex; min-width: 0; flex-direction: column; gap: var(--space-4); padding: var(--space-5); border: 1px solid var(--color-border); border-radius: var(--radius-md); background: rgb(10 13 28 / 70%); }
.swiaty-route-map__intro { max-width: 62ch; margin: 0; color: var(--color-text-muted); font-size: var(--text-sm); }
.swiaty-route-map__stations { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-4); position: relative; }
.swiaty-route-map__stations::before { position: absolute; top: 14px; right: 11%; left: 11%; height: 1px; background: linear-gradient(90deg, var(--color-starlight-silver), var(--color-comet-cyan), var(--color-starlight-silver)); content: ""; }
.swiaty-route-map__station { position: relative; display: flex; min-width: 0; flex-direction: column; gap: var(--space-1); color: var(--color-text-muted); font-size: var(--text-xs); letter-spacing: .08em; text-decoration: none; text-transform: uppercase; }
.swiaty-route-map__station::before { width: 28px; height: 28px; margin-bottom: var(--space-2); border: 1px solid var(--color-starlight-silver); border-radius: 50%; background: var(--color-polished-obsidian); box-shadow: 0 0 0 5px rgb(10 13 28 / 88%); content: ""; transition: border-color var(--transition-fast), background-color var(--transition-fast), box-shadow var(--transition-fast); }
.swiaty-route-map__station strong { color: var(--color-ivory-glow); font-size: var(--text-sm); letter-spacing: .02em; text-transform: none; }
.swiaty-route-map__station small { color: var(--color-text-muted); font-size: var(--text-xs); letter-spacing: .04em; text-transform: none; }
.swiaty-route-map__station:hover::before, .swiaty-route-map__station[aria-current="true"]::before { border-color: var(--color-comet-cyan); background: var(--color-comet-cyan); box-shadow: 0 0 16px rgb(78 217 232 / 55%); }
.swiaty-reading__heading { max-width: 64ch; }
.swiaty-reading__heading .eyebrow, .swiaty-reading__heading h2, .swiaty-reading__heading p { margin: 0 0 var(--space-4); }
.swiaty-reading__cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-5); margin-top: var(--space-6); }
.swiaty-reading__card { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: var(--space-4); }
.swiaty-reading__card > * { margin: 0; }
.swiaty-reading__card p { max-width: 34ch; }
.swiaty-card-number, .swiaty-signal-card > span, .swiaty-route-card > span { color: var(--color-star-gold); font-size: var(--text-xs); font-weight: 700; letter-spacing: .14em; }
.swiaty-signals__heading { max-width: 58ch; }
.swiaty-signals__heading > * { margin-top: 0; }
.swiaty-signals__grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--space-4); margin-top: var(--space-6); }
.swiaty-signal-card { display: flex; min-width: 0; flex-direction: column; gap: var(--space-3); padding: var(--space-5); border: 1px solid var(--color-border); border-radius: var(--radius-md); background: var(--surface-glass); box-shadow: var(--shadow-soft); }
.swiaty-signal-card > * { margin: 0; }
.swiaty-signal-card h3 { font-size: clamp(1.6rem, 2.4vw, 2rem); }
.swiaty-signal-card p { max-width: 30ch; }
.swiaty-signal-card--herta { grid-column: span 3; }.swiaty-signal-card--jarilo { grid-column: span 3; margin-top: var(--space-5); }.swiaty-signal-card--xianzhou { grid-column: span 4; }.swiaty-signal-card--penacony { grid-column: span 2; margin-top: var(--space-5); border-color: rgb(180 61 130 / 52%); }
.swiaty-signals__caption { margin: var(--space-5) 0 0; color: var(--color-text-muted); font-size: var(--text-sm); }
.swiaty-feature__grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: var(--space-7); align-items: start; }
.swiaty-feature__copy, .swiaty-penacony__copy { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: var(--space-5); }
.swiaty-feature__copy > *, .swiaty-penacony__copy > * { margin: 0; }
.swiaty-feature__copy > p { max-width: 60ch; }.swiaty-feature__links { display: flex; min-width: 0; flex-direction: column; gap: var(--space-3); }
.swiaty-feature__visual { position: relative; min-width: 0; }.swiaty-feature__visual figure { margin: 0; }.swiaty-feature__visual img { width: 100%; aspect-ratio: 16 / 9; border: 1px solid var(--color-border); border-radius: var(--radius-lg); object-fit: cover; object-position: right center; }
.swiaty-editorial-note { position: absolute; right: var(--space-4); bottom: calc(var(--space-4) * -1); display: flex; width: min(22.5rem, calc(100% - var(--space-6))); min-width: 0; flex-direction: column; gap: var(--space-3); }
.swiaty-editorial-note > * { margin: 0; }.swiaty-editorial-note p { max-width: 40ch; }
.swiaty-jarilo__heading { max-width: 50ch; }.swiaty-jarilo__heading h2 { margin-bottom: var(--space-5); }.swiaty-jarilo__heading blockquote { max-width: 42ch; }
.swiaty-jarilo__main { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: var(--space-6); align-items: start; }.swiaty-jarilo__main figure { min-width: 0; margin: 0; }.swiaty-jarilo__main img { width: 100%; aspect-ratio: 3 / 2; border: 1px solid var(--color-border); border-radius: var(--radius-lg); object-fit: cover; }
.swiaty-jarilo__description { min-width: 0; }.swiaty-jarilo__description > p:first-child { max-width: 62ch; }.swiaty-jarilo__observations { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-4); }.swiaty-jarilo__observations article { min-width: 0; }.swiaty-jarilo__observations article p { max-width: 32ch; }.swiaty-jarilo__outro { max-width: 60ch; }
.swiaty-xianzhou__heading { max-width: 58ch; }.swiaty-xianzhou__heading > * { margin-top: 0; }.swiaty-xianzhou__media { margin: var(--space-6) 0; }.swiaty-xianzhou__media img { width: 100%; aspect-ratio: 16 / 9; border: 1px solid var(--color-border); border-radius: var(--radius-lg); object-fit: cover; }.swiaty-xianzhou__columns { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-5); }.swiaty-xianzhou__columns article { min-width: 0; padding-right: var(--space-5); border-right: 1px solid var(--color-border); }.swiaty-xianzhou__columns article:last-child { padding-right: 0; border: 0; }.swiaty-xianzhou__columns article p { max-width: 30ch; }
.swiaty-xianzhou__callout { display: flex; min-width: 0; align-items: center; justify-content: space-between; gap: var(--space-5); margin-top: var(--space-6); padding: var(--space-5); border: 1px solid var(--color-border); border-left: 2px solid var(--color-comet-cyan); border-radius: var(--radius-md); background: var(--surface-strong); }.swiaty-xianzhou__callout > div { min-width: 0; max-width: 62ch; }.swiaty-xianzhou__callout h3, .swiaty-xianzhou__callout p { margin: 0; }.swiaty-xianzhou__callout p { margin-top: var(--space-3); }
.swiaty-penacony__grid { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: var(--space-7); align-items: start; }.swiaty-penacony__copy > p { max-width: 56ch; }.swiaty-penacony__media { min-width: 0; margin: var(--space-6) 0 0; }.swiaty-penacony__media img { width: 100%; aspect-ratio: 4 / 5; border: 1px solid var(--color-border); border-radius: var(--radius-md); object-fit: cover; }.swiaty-penacony__callout { display: flex; min-width: 0; flex-direction: column; gap: var(--space-3); padding: var(--space-5); border-left: 2px solid var(--color-comet-cyan); background: rgb(10 13 28 / 55%); }.swiaty-penacony__callout > * { margin: 0; }.swiaty-penacony__callout p { max-width: 48ch; }.swiaty-penacony__callout--magenta { border-left-color: var(--color-nebula-magenta); }
.swiaty-practice__grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: var(--space-7); }.swiaty-practice__intro { min-width: 0; }.swiaty-practice__intro > * { margin-top: 0; }.swiaty-practice__intro .lead { max-width: 60ch; }.swiaty-practice__steps { display: flex; min-width: 0; flex-direction: column; gap: var(--space-6); margin: 0; padding: 0; list-style: none; }.swiaty-practice__steps li { position: relative; display: grid; grid-template-columns: 4.5rem minmax(0, 1fr); gap: var(--space-4); min-width: 0; }.swiaty-practice__steps li::before { position: absolute; top: 2rem; bottom: calc(var(--space-6) * -1); left: 14px; width: 1px; background: var(--color-border-strong); content: ""; }.swiaty-practice__steps li:last-child::before { display: none; }.swiaty-practice__steps li > span { position: relative; z-index: 1; width: 30px; height: 30px; padding-top: 4px; border: 1px solid var(--color-comet-cyan); border-radius: 50%; background: var(--color-polished-obsidian); color: var(--color-comet-cyan); font-size: var(--text-xs); font-weight: 700; text-align: center; }.swiaty-practice__steps li > div { min-width: 0; }.swiaty-practice__steps h3 { margin-top: 0; }.swiaty-practice__steps p { max-width: 52ch; }
.swiaty-routes__heading { max-width: 55ch; }.swiaty-routes__heading > * { margin-top: 0; }.swiaty-routes__grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--space-5); margin-top: var(--space-6); }.swiaty-route-card { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: var(--space-3); grid-column: span 3; }.swiaty-route-card > * { margin: 0; }.swiaty-route-card p { max-width: 34ch; }.swiaty-route-card--wide { grid-column: 4 / span 6; }.swiaty-route-card--wide p { max-width: 44ch; }
.swiaty-final__panel { display: flex; max-width: 42.5rem; min-width: 0; flex-direction: column; align-items: center; gap: var(--space-4); margin: 0 auto; padding: var(--space-7); border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: radial-gradient(circle at 50% 0%, rgb(78 217 232 / 14%), transparent 16rem), var(--color-deep-nebula); text-align: center; }.swiaty-final__panel > * { margin: 0; }.swiaty-final__panel p { max-width: 56ch; color: var(--color-text-muted); }.swiaty-final__actions { justify-content: center; }
@media (max-width: 1099px) { .swiaty-hero__layout, .swiaty-feature__grid, .swiaty-jarilo__main, .swiaty-penacony__grid, .swiaty-practice__grid { grid-template-columns: 1fr; }.swiaty-hero__media, .swiaty-route-map { grid-column: 1; }.swiaty-hero__media { order: 2; }.swiaty-route-map { order: 3; }.swiaty-feature__visual { display: flex; flex-direction: column; gap: var(--space-5); }.swiaty-editorial-note { position: static; width: 100%; }.swiaty-jarilo__main figure { order: 1; }.swiaty-jarilo__description { order: 2; }.swiaty-penacony__media { order: -1; margin-top: 0; }.swiaty-penacony__media img { aspect-ratio: 3 / 2; }.swiaty-practice__steps { max-width: 47.5rem; }.swiaty-signals__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }.swiaty-signal-card, .swiaty-signal-card--herta, .swiaty-signal-card--jarilo, .swiaty-signal-card--xianzhou, .swiaty-signal-card--penacony { grid-column: span 1; margin-top: 0; }.swiaty-xianzhou__columns { grid-template-columns: repeat(2, minmax(0, 1fr)); }.swiaty-xianzhou__columns article:first-child { grid-column: 1 / -1; }.swiaty-routes__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }.swiaty-route-card, .swiaty-route-card--wide { grid-column: span 1; } }
@media (max-width: 767px) { .swiaty-hero { padding-top: var(--space-6); }.swiaty-hero__copy h1 { max-width: 10ch; font-size: clamp(2.625rem, 12vw, 3.5rem); }.swiaty-hero__copy .lead { max-width: 34ch; }.swiaty-hero__actions, .swiaty-final__actions { width: 100%; flex-direction: column; }.swiaty-hero__actions .button, .swiaty-final__actions .button { width: 100%; }.swiaty-hero__media img { aspect-ratio: 4 / 3; }.swiaty-route-map { padding: var(--space-4); }.swiaty-route-map__stations { grid-template-columns: 1fr; gap: var(--space-4); padding-left: 2.5rem; }.swiaty-route-map__stations::before { top: 1rem; bottom: 1rem; left: 14px; width: 1px; height: auto; }.swiaty-route-map__station::before { position: absolute; top: 0; left: -2.5rem; margin: 0; }.swiaty-reading__cards, .swiaty-signals__grid, .swiaty-jarilo__observations, .swiaty-xianzhou__columns, .swiaty-routes__grid { grid-template-columns: 1fr; }.swiaty-reading__card p, .swiaty-signal-card p, .swiaty-jarilo__observations article p, .swiaty-xianzhou__columns article p, .swiaty-route-card p { max-width: none; }.swiaty-signal-card { grid-column: 1; }.swiaty-xianzhou__columns article, .swiaty-xianzhou__columns article:first-child { grid-column: 1; padding: var(--space-5) 0 0; border-top: 1px solid var(--color-border); border-right: 0; }.swiaty-xianzhou__columns article:first-child { padding-top: 0; border-top: 0; }.swiaty-xianzhou__callout { flex-direction: column; align-items: flex-start; }.swiaty-jarilo__main img, .swiaty-xianzhou__media img { aspect-ratio: 4 / 3; }.swiaty-penacony__media img { aspect-ratio: 4 / 5; }.swiaty-practice__steps li { grid-template-columns: 2.75rem minmax(0, 1fr); }.swiaty-practice__steps li::before { left: 14px; }.swiaty-route-card, .swiaty-route-card--wide { grid-column: 1; }.swiaty-final__panel { padding: var(--space-6) var(--space-5); } }
@media (prefers-reduced-motion: no-preference) { .swiaty-route-map__station:hover::before { transform: scale(1.12); } }