:root {--feature-side: #0a0e27;--section-cell: 0 8px 24px rgba(0, 0, 0, 0.35);--outer-title-frame: rgb(0,184,144);--nav-entry: #1a2442;--nav-foot-link: rgb(255,255,255);--module-area: #212d52;--bottom-slot: #fbbf24;--flex-title: rgb(45,58,95);--view-section: 8px;--inner-text-btn: rgb(203,213,225);--note-header: 24px;--img-panel: 0 16px 40px rgba(0, 0, 0, 0.45);--tier-secondary: rgba(99,102,241,1);--body-meta: #33deb8;--band__area: linear-gradient(135deg, var(--top-area) 0%, var(--tier-secondary) 100%);--top-area: rgba(0,212,170,1);--link-nav: #141b3a;--sm-text: 16px;--zone-left: #94a3b8}

* { box-sizing: border-box; }
html {overflow-x: hidden;scroll-behavior: smooth}
body.layout__title {line-height: 1.6;font-family: 'Segoe UI', Roboto, -apple-system, BlinkMacSystemFont, sans-serif;margin: 0;overflow-x: hidden;color: var(--nav-foot-link);background: var(--feature-side);user-select:auto;outline-offset:0}
img {display: block;max-width: 100%;height: auto}
a {color: inherit;text-decoration: none}
ul {margin: 0;list-style: none;padding: 0}
h1, h2, h3, h4 {margin: 0 0 0.5em;font-weight: 700}
p {color: var(--inner-text-btn);margin: 0 0 1em}

.band-top-link {max-width: 1200px;margin: 0 auto;padding: 0 24px}
.segment-dark-frame {margin-bottom: 8px;color: var(--nav-foot-link);text-align: center;font-size: 2rem}
.site-inner {color: var(--zone-left);margin-bottom: 32px;text-align: center}
.nav-band-view {letter-spacing: 0.08em;text-transform: uppercase;font-weight: 600;font-size: 0.8rem;color: var(--top-area)}
.narrow-view { color: var(--inner-text-btn); }
.narrow-view h2, .narrow-view h3 { color: var(--nav-foot-link); }


.light-note {border-radius: var(--view-section);border: 2px solid transparent;font-weight: 600;display: inline-flex;padding: 12px 28px;cursor: pointer;transition: all 0.2s ease;align-items: center;font-size: 0.95rem;justify-content: center}
.inner-header {color: #fff;background: var(--band__area)}
.inner-header:hover {box-shadow: var(--section-cell);transform: translateY(-2px)}
.foot-head-view {color: var(--top-area);background: transparent;border-color: var(--top-area)}
.foot-head-view:hover { background: rgba(0, 212, 170, 0.1); }
.nav-container {background: var(--top-area);color: #06210f}
.wrap-view {border-color: var(--flex-title);color: var(--nav-foot-link);background: var(--nav-entry)}
.module-link {background: var(--bottom-slot);color: #221a02}
.hero-title-slot {font-size: 0.85rem;padding: 8px 18px;color: rgba(34,26,2,1);background: var(--bottom-slot)}
.inner-view {font-size: 1.1rem;padding: 16px 36px}
.outer-container {padding: 8px 18px;font-size: 0.85rem}
.page__cell { width: 100%; }


.box-data-entry {top: 0;z-index: 100;backdrop-filter: blur(10px);border-bottom: 1px solid var(--flex-title);position: sticky;background: rgba(10, 14, 39, 0.95)}
.tier-data { width: 100%; }
.content-note { display: block; }
.outer-slot {justify-content: space-between;margin: 0 auto;max-width: 1200px;display: flex;padding: 16px 24px;align-items: center;gap: 24px}
.flex-widget {display: flex;align-items: center}
.row-alt-link {background: var(--band__area);-webkit-background-clip: text !important;font-size: 1.4rem;font-weight: 800;color: transparent;background-clip: text !important}
.layout__btn { height: 36px; }
.hero-dark-meta {flex-wrap: wrap;flex: 1;overflow: visible;align-items: center;gap: 20px;display: flex}
.inner-top-view {white-space: nowrap;border-radius: var(--view-section);padding: 8px 12px;font-size: 0.9rem;font-weight: 600;color: var(--inner-text-btn)}
.inner-top-view:hover, .inner-top-view.segment-secondary { color: var(--top-area); }
.holder-hero { position: relative; }
.content-strip {background: none;gap: 4px;align-items: center;font-family: inherit;border: none;display: flex}
.nav__media { font-size: 0.7em; }
.media-tier {display: grid;gap: 2px;transform: translateY(8px);position: absolute;visibility: hidden;background: var(--nav-entry);padding: 10px;left: 0;opacity: 0;transition: all 0.2s ease;top: 100%;border: 1px solid var(--flex-title);grid-template-columns: repeat(2, 1fr);min-width: 300px;box-shadow: var(--img-panel);border-radius: var(--view-section)}
.holder-hero.page-list .media-tier,
.holder-hero:hover .media-tier {visibility: visible;transform: translateY(0);opacity: 1}
.dark-note {gap: 8px;border-radius: var(--view-section);white-space: nowrap;color: var(--inner-text-btn);display: flex;align-items: center;padding: 8px 10px;font-size: 0.85rem}
.dark-note:hover, .dark-note.segment-secondary {color: var(--top-area);background: var(--module-area)}
.card-inner {flex: none;font-size: 1rem;line-height: 1}
.sec__img {overflow: hidden;text-overflow: ellipsis}
.module-narrow {align-items: center;display: flex;gap: 10px}
.section__link {background: none;border: none;cursor: pointer;padding: 8px;gap: 4px;flex-direction: column;display: none}
.section__link span {height: 2px;width: 22px;background: var(--nav-foot-link)}

.area__entry {right: -320px;top: 0;box-shadow: var(--img-panel);height: 100vh;z-index: 200;height: 100dvh;position: fixed;width: 300px;overflow-y: auto;transition: right 0.3s ease;background: var(--link-nav)}
.area__entry.page-list { right: 0; }
.box-data-widget {justify-content: space-between;align-items: center;display: flex;padding: 20px;border-bottom: 1px solid var(--flex-title)}
.row__lead {font-size: 1.6rem;cursor: pointer;color: var(--nav-foot-link);background: none;border: none}
.page__group {flex-direction: column;padding: 16px;gap: 16px;display: flex}
.module-right {padding-bottom: 12px;flex-direction: column;gap: 4px;display: flex;border-bottom: 1px solid var(--flex-title)}
.content-menu-entry {text-transform: uppercase;margin: 0 0 4px;font-size: 0.75rem;color: var(--zone-left);letter-spacing: 0.06em}
.card-desc {display: grid;gap: 4px;grid-template-columns: repeat(2, 1fr)}
.area-sub-feature {align-items: center;font-size: 0.85rem;padding: 10px 8px;border-radius: var(--view-section);display: flex;gap: 8px;color: var(--inner-text-btn)}
.area-sub-feature:hover, .area-sub-feature.segment-secondary {color: var(--top-area);background: var(--nav-entry)}
.container-hero {background: rgba(0,0,0,0.6);visibility: hidden;transition: opacity 0.3s ease;inset: 0;z-index: 199;position: fixed;opacity: 0}
.container-hero.page-list {visibility: visible;opacity: 1}

.text-inner { display: none; }


.box__group {padding: 64px 0;background: radial-gradient(circle at top right, rgba(0,212,170,0.12), transparent 60%), var(--feature-side)}
.full-icon {max-width: 1200px;text-align: center}

.band-meta { padding: 40px 0 32px; }
.band-meta .main__meta {margin-bottom: 14px;font-size: 2.1rem}
.band-meta .alt-area {margin-bottom: 18px;font-size: 1rem}
.band-meta .section__note { max-width: 280px; }
.band-meta .panel__text { max-width: 220px; }
.main-holder {text-align: left;align-items: center;gap: 48px;grid-template-columns: 1.1fr 0.9fr;display: grid}
.outer-feature {display: flex;flex-direction: column}
.outer-feature .block-data-info,
.outer-feature .nav-wide-widget,
.outer-feature .module-light { justify-content: flex-start; }
.block-data-info {gap: 12px;flex-wrap: wrap;margin-bottom: 20px;justify-content: center;display: flex}
.header-narrow-badge {background: var(--nav-entry);border: 1px solid var(--flex-title);font-size: 0.8rem;padding: 6px 14px;border-radius: 999px;color: var(--inner-text-btn)}
.main__meta {font-size: 2.6rem;line-height: 1.15;margin-bottom: 20px;color: var(--nav-foot-link)}
@supports (background-clip: text) or (-webkit-background-clip: text) {
  .main__meta {background: var(--band__area);color: transparent;-webkit-background-clip: text !important;background-clip: text !important}
}
.desc-foot {max-width: 320px;margin: 0 auto 24px}
.panel__text { display: none; }
.section__note {max-width: 420px;margin: 0}
.nav-sm-meta {width: 100%;border-radius: var(--sm-text)}
.alt-area {color: var(--inner-text-btn);font-size: 1.1rem;margin-bottom: 24px}
.nav-wide-widget {justify-content: center;flex-wrap: wrap;margin-bottom: 32px;display: flex;gap: 24px}
.hero__img {gap: 8px;font-weight: 600;color: var(--inner-text-btn);display: flex;align-items: center}
.box-full { color: var(--top-area); }
.lg-slot { white-space: nowrap; }
.module-light {flex-wrap: wrap;margin-bottom: 20px;gap: 16px;justify-content: center;display: flex}
.holder-foot {font-size: 0.8rem;color: var(--zone-left)}


.entry-region {padding: 64px 0;background: var(--link-nav)}
.header-menu {grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));margin-top: 32px;gap: 24px;display: grid}
.sec-info-main {border: 1px solid var(--flex-title);background: var(--nav-entry);transition: all 0.25s ease;padding: 28px;border-radius: var(--sm-text)}
.sec-info-main:hover {box-shadow: var(--section-cell);background: var(--module-area);transform: translateY(-4px)}
.section-title-badge {padding: 6px 14px;display: inline-block;border-radius: 999px;margin-bottom: 12px;background: var(--module-area);font-size: 0.85rem}
.header__main {background: rgba(251,191,36,0.15);color: var(--bottom-slot)}
.section-link {background: rgba(99,102,241,0.15);color: var(--tier-secondary)}
.band-cell {background: rgba(0,212,170,0.15);color: var(--top-area)}
.segment-cell { font-size: 1.25rem; }
.box-inner {color: var(--top-area);font-weight: 600;font-size: 0.9rem}
.foot-sm-block { color: var(--inner-text-btn); }
.flex-dark {margin-top: 12px;font-weight: 600;color: var(--top-area);display: inline-block}
.flex-dark:hover { color: var(--body-meta); }


.desc-outer { padding: 64px 0; }
.page-note {margin-bottom: 28px;flex-wrap: wrap;justify-content: center;display: flex;gap: 10px}
.sec-lg {cursor: pointer;font-weight: 600;border: 1px solid var(--flex-title);font-family: inherit;border-radius: 999px;padding: 10px 20px;background: var(--nav-entry);color: var(--inner-text-btn)}
.sec-lg.segment-secondary {color: #fff;background: var(--band__area);border-color: transparent}
.cell-zone { position: relative; }
.band__lead {margin: 0 auto;display: none;max-width: 920px}
.band__lead.segment-secondary { display: block; }
.zone-slot {border: 1px solid var(--flex-title);color: var(--inner-text-btn);font-size: 0.8rem;background: var(--nav-entry);border-radius: var(--view-section);padding: 6px 12px}
.main-lead li {padding: 10px 0;border-bottom: 1px solid var(--flex-title);color: var(--inner-text-btn)}
.main-lead li:last-child { border-bottom: none; }
.main-lead li strong { color: var(--nav-foot-link); }
.wrap-foot-media {display: flex;justify-content: center;gap: 10px;flex-wrap: wrap}
.desc-inner {display: grid;align-items: start;grid-template-columns: 1.3fr 1fr;gap: 32px}
.group-body { min-width: 0; }
.tier__desc img { border-radius: var(--sm-text); }


.hero-group {background: var(--link-nav);padding: 64px 0}
.row-inner {margin-top: 32px;gap: 20px;display: grid;grid-template-columns: repeat(auto-fit, minmax(280px, 1fr))}
.band-item-lead {margin: 0;border: 1px solid var(--flex-title);padding: 24px;background: var(--nav-entry);border-radius: var(--sm-text)}
.dark-inner {color: var(--inner-text-btn);font-style: italic}
.area-head {font-weight: 700;color: var(--nav-foot-link);margin: 0}
.main-lg {font-weight: 400;color: var(--zone-left)}
.box__main {align-items: center;margin-bottom: 24px;justify-content: center;gap: 10px;display: flex}
.box__main span:first-child {color: var(--bottom-slot);font-size: 1.1rem}
.box__main span:last-child {font-weight: 700;color: var(--inner-text-btn)}
.section-right {margin-bottom: 8px;display: block;font-size: 0.9rem;color: var(--bottom-slot)}
.inner-col {margin-top: 8px;display: inline-block;color: var(--top-area);font-size: 0.75rem}


.alt-banner { padding: 64px 0; }
.region-alt-holder {display: grid;grid-template-columns: 1.2fr 1fr;align-items: start;gap: 40px}
.btn-sec {gap: 16px;display: grid;grid-template-columns: repeat(2, 1fr)}
.cell-panel {border: 1px solid var(--flex-title);padding: 20px;text-align: center;background: var(--nav-entry);border-radius: var(--sm-text)}
.region-sm-title {font-weight: 800;color: var(--top-area);font-size: 1.6rem;display: block}
.card-strip {color: var(--zone-left);font-size: 0.85rem}


.wrap-bar-badge {background: var(--link-nav);padding: 64px 0}
.nav-widget {margin-top: 32px;gap: 20px;grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));display: grid}
.primary-icon {border: 1px solid var(--flex-title);background: var(--nav-entry);border-radius: var(--sm-text);text-align: center;padding: 24px}
.body-title-view {font-size: 2rem;display: block;margin-bottom: 8px}
.hero-media { font-size: 1.05rem; }
.foot-bottom-holder {color: var(--inner-text-btn);font-size: 0.9rem}
.note-box {display: flex;justify-content: center;gap: 32px;margin-top: 36px;flex-wrap: wrap}
.foot-zone-cell { text-align: center; }
.foot-zone-cell strong {font-size: 1.4rem;color: var(--top-area);display: block}
.foot-zone-cell span {color: var(--zone-left);font-size: 0.85rem}


.feature-sec { padding: 64px 0; }
.header-lead {margin-top: 32px;grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));gap: 20px;display: grid}
.segment__frame {border: 1px solid var(--flex-title);text-align: center;border-radius: var(--sm-text);background: var(--nav-entry);transition: all 0.25s ease;padding: 24px}
.segment__frame:hover {transform: translateY(-4px);box-shadow: var(--section-cell)}
.text-view {margin-bottom: 10px;font-size: 2rem;display: block}
.outer-note { font-size: 1.05rem; }
.card-secondary {font-size: 0.9rem;margin-bottom: 16px}
.module__feature {margin-top: 32px;text-align: center}


.wide-holder {background: var(--link-nav);padding: 64px 0}
.zone__badge {max-width: 760px;flex-direction: column;margin: 32px auto 0;display: flex;gap: 12px}
.page__feature {border: 1px solid var(--flex-title);border-radius: var(--view-section);background: var(--nav-entry);padding: 16px 20px}
.side-alt {color: var(--nav-foot-link);font-weight: 700;cursor: pointer}
.cell-wrap {margin-bottom: 0;margin-top: 12px}


.light-icon { padding: 64px 0; }
.band-band {align-items: center;grid-template-columns: 1.4fr 1fr;gap: 40px;display: grid}
.segment-wide-btn {gap: 16px;display: flex;flex-direction: column}


.lg-frame {padding: 64px 0;background: var(--link-nav)}
.region-widget {gap: 20px;margin-top: 32px;display: grid;grid-template-columns: repeat(auto-fit, minmax(220px, 1fr))}
.hero-info {border: 1px solid var(--flex-title);padding: 24px;text-align: center;background: var(--nav-entry);border-radius: var(--sm-text)}
.hero-sub {margin-bottom: 8px;font-size: 1.8rem;display: block}


.sm-wrap {padding: 64px 0;background: var(--band__area)}
.side__wrap {text-align: center;color: #fff}
.side__wrap h2 { color: #fff; }
.side__wrap p { color: rgba(255,255,255,0.9); }
.lead-inner {flex-wrap: wrap;margin: 24px 0 12px;justify-content: center;display: flex;gap: 16px}
.sm-wrap .inner-header {color: var(--outer-title-frame);background: #fff}
.sm-wrap .foot-head-view {color: #fff;border-color: rgb(255,255,255)}
.cell-section {font-size: 0.9rem;color: rgba(255,255,255,0.85)}


.bar-entry {background: var(--link-nav);border-top: 1px solid var(--flex-title);padding: 56px 0 24px}
.title-area {max-width: 1200px;grid-template-columns: 1.5fr 1fr 1fr 1fr;padding: 0 24px;gap: 32px;margin: 0 auto;display: grid}
.block-primary-holder {display: flex;flex-direction: column}
.card-alt-group { gap: 8px; }
.content-sub-info {letter-spacing: 0.05em;text-transform: uppercase;font-size: 0.85rem;margin-bottom: 12px;color: var(--nav-foot-link);font-weight: 700}
.list-lead, .panel__feature {color: var(--inner-text-btn);font-size: 0.9rem;display: block;padding: 4px 0}
.list-lead:hover { color: var(--top-area); }
.text-layout { font-size: 0.9rem; }
.page-cell {margin-top: 12px;flex-wrap: wrap;display: flex;gap: 8px}
.hero-item {background: var(--nav-entry);padding: 4px 10px;border-radius: 999px;color: var(--zone-left);font-size: 0.75rem}
.text-main {height: 32px;margin-bottom: 12px}
.col-dark {padding: 24px 24px 0;border-top: 1px solid var(--flex-title);max-width: 1200px;align-items: center;gap: 16px;display: flex;justify-content: space-between;margin: 40px auto 0;flex-wrap: wrap}
.box-info {flex-wrap: wrap;gap: 8px;display: flex}
.page-container {background: var(--nav-entry);padding: 6px 12px;border: 1px solid var(--flex-title);font-size: 0.8rem;border-radius: var(--view-section);color: var(--inner-text-btn)}
.tier-narrow-icon {color: var(--zone-left);font-size: 0.8rem;text-align: right}
.tier-narrow-icon p {color: inherit;margin: 0}
.sec__container {font-size: 0.75rem;color: var(--zone-left)}


.block-grid {border-bottom: 1px solid var(--flex-title);background: var(--link-nav);padding: 16px 0}
.info-nav {display: flex;gap: 8px;font-size: 0.85rem;color: var(--zone-left)}
.info-nav li + li::before {content: '/';margin-right: 8px}
.info-nav a { color: var(--top-area); }

.band-area { padding: 56px 0; }
.site__link {gap: 40px;grid-template-columns: 2fr 1fr;display: grid;align-items: start}
.grid-widget {display: flex;flex-direction: column;gap: 28px}
.wrap__note {border: 1px solid var(--flex-title);padding: 28px;background: var(--nav-entry);border-radius: var(--sm-text)}
.outer__feature { font-size: 1.4rem; }
.site-btn { margin-bottom: 16px; }
.site-btn h3 {color: var(--nav-foot-link);font-size: 1rem}
.data-img {position: sticky;display: flex;top: 100px;flex-direction: column;gap: 20px}
.strip-info { margin-top: 12px; }

.right-area {background: var(--link-nav);padding: 56px 0}
.outer-group {gap: 24px;display: grid;grid-template-columns: repeat(auto-fit, minmax(240px, 1fr))}
.feature-hero {flex-direction: column;gap: 12px;display: flex}
.card-text {border: 1px solid var(--flex-title);border-radius: var(--sm-text);padding: 24px;background: var(--nav-entry)}
.right-frame {display: flex;flex-direction: column;gap: 8px}
.right-frame a {color: var(--top-area);font-size: 0.9rem}
.region-menu-widget p { font-size: 0.9rem; }
.slot-tier p {margin: 0 0 6px;font-size: 0.9rem;color: var(--inner-text-btn)}
.narrow-box a {font-size: 0.9rem;color: var(--top-area)}

.hero__area { padding: 56px 0; }
.container-band {margin-top: 24px;grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));gap: 20px;display: grid}
.layout-box {padding: 24px;border: 1px solid var(--flex-title);background: var(--nav-entry);text-align: center;border-radius: var(--sm-text)}
.layout-box h4 { margin-bottom: 16px; }


.row-wide-lead { display: block; }
.wrap-page {text-align: center;padding: 48px 0 24px}
.header-menu-btn {background: var(--link-nav);text-align: center;padding: 40px 0}
.note-header { padding: 24px 0 56px; }
.foot__text {grid-template-columns: 2fr 1fr;align-items: start;display: grid;gap: 40px}
.outer-text {top: 100px;padding: 20px;position: sticky;gap: 8px;border: 1px solid var(--flex-title);display: flex;border-radius: var(--sm-text);background: var(--nav-entry);flex-direction: column}
.section-banner {color: var(--top-area);font-size: 0.9rem;padding: 4px 0}



@media (max-width: 1150px) {
  .hero-dark-meta { display: none; }
  .section__link { display: flex; }
  .group-box { display: none; }
  .text-inner {border-top: 1px solid var(--flex-title);right: 0;position: fixed;padding: 10px 16px calc(10px + env(safe-area-inset-bottom));display: flex;bottom: 0;background: rgba(10, 14, 39, 0.97);backdrop-filter: blur(10px);gap: 10px;z-index: 150;left: 0}
  .text-inner .light-note { flex: 1; }
  body.layout__title { padding-bottom: 64px; }
}
@media (max-width: 900px) {
  .region-alt-holder, .band-band, .site__link, .foot__text { grid-template-columns: 1fr; }
  .title-area { grid-template-columns: 1fr 1fr; }
  .tier-narrow-icon { text-align: left; }
  .main-holder {text-align: center;grid-template-columns: 1fr}
  .outer-feature .block-data-info,
  .outer-feature .nav-wide-widget,
  .outer-feature .module-light { justify-content: center; }
  .section__note { display: none; }
  .panel__text {display: block;max-width: 280px;margin: 0 auto 24px}
  .desc-inner { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
  .main__meta { font-size: 2rem; }
  .title-area { grid-template-columns: 1fr; }
  .col-dark {align-items: flex-start;flex-direction: column}
}


.sec-info-main .nav-sm-meta,
.segment__frame img,
.sec-info-main img {max-width: 512px;object-fit: contain !important;aspect-ratio: 1 / 1 !important;max-height: 512px;background: linear-gradient(135deg, var(--nav-entry), var(--module-area))}


.sf-related-articles{padding:clamp(18px,3vw,28px);border:1px solid rgba(148,163,184,.24);box-shadow:0 16px 45px rgba(15,23,42,.08);background:rgba(255,255,255,.06);margin:clamp(28px,5vw,56px) auto;max-width:1120px;border-radius:24px}
.sf-related-articles h2{line-height:1.2;font-size:clamp(1.35rem,2.5vw,2rem);margin:0 0 8px}
.sf-related-articles>p{opacity:.78;margin:0 0 18px;line-height:1.65}
.sf-related-articles__list{padding:0;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid;margin:0;list-style:none;gap:14px}
.sf-related-articles__item{padding:0;list-style:none;margin:0}
.sf-related-articles__link{min-height:100%;background:rgba(255,255,255,.08);transition:transform .18s ease,border-color .18s ease,background .18s ease;border-radius:18px;border:1px solid rgba(148,163,184,.18);color:inherit;display:flex;flex-direction:column;padding:16px;text-decoration:none;gap:7px}
.sf-related-articles__link:hover{transform:translateY(-2px);border-color:rgba(59,130,246,.45);background:rgba(255,255,255,.13)}
.sf-related-articles__type{color:inherit;padding:3px 9px;font-size:.72rem;border-radius:999px;font-weight:700;letter-spacing:.04em;opacity:.88;width:max-content;text-transform:uppercase;background:rgba(59,130,246,.14)}
.sf-related-articles strong{font-size:1rem;line-height:1.35}
.sf-related-articles small{font-size:.88rem;opacity:.72;line-height:1.45}
@media(max-width:640px){.sf-related-articles{border-radius:18px;padding:16px;margin:28px 12px}.sf-related-articles__list{grid-template-columns:1fr}.sf-related-articles__link{padding:14px}}