:root {--band__container: 8px;--site__inner: #ffffff;--layout-banner: linear-gradient(135deg, var(--segment__banner) 0%, var(--link-zone) 100%);--area-top: #0ea5e9;--container-flex: 24px;--widget-inner: #6b7280;--inner-cell: 0 16px 40px rgba(31, 41, 55, 0.14);--media-flex: #e5e7eb;--view-outer: rgba(55,65,81,1);--area-inner: 0 8px 24px rgba(31, 41, 55, 0.08);--nav__meta: rgba(254,252,232,1);--site-band: #fef3c7;--segment__banner: #facc15;--banner-foot: #1e40af;--zone-info: #ffffff;--card-text: 16px;--link-zone: #3b82f6;--widget-wrap: #1f2937;--container-card: #eab308}

* { box-sizing: border-box; }
html {overflow-x: hidden;scroll-behavior: smooth}
body.wrap__area {color: var(--widget-wrap);font-family: 'Segoe UI', Roboto, -apple-system, BlinkMacSystemFont, sans-serif;background: var(--site__inner);line-height: 1.6;margin: 0;overflow-x: hidden;pointer-events:auto;visibility:visible;outline-offset:0;user-select:auto}
img {display: block;height: auto;max-width: 100%}
a {text-decoration: none;color: inherit}
ul {margin: 0;list-style: none;padding: 0}
h1, h2, h3, h4 {margin: 0 0 0.5em;font-weight: 800}
p {margin: 0 0 1em;color: var(--view-outer)}

.right-block {margin: 0 auto;padding: 0 24px;max-width: 1200px}
.sec__holder {font-size: 2rem;text-align: center;color: var(--widget-wrap);margin-bottom: 8px}
.segment__info, .sub-btn {text-align: center;color: var(--widget-inner);margin-bottom: 32px}
.flex-alt {color: var(--banner-foot);font-size: 0.8rem;text-transform: uppercase;letter-spacing: 0.08em;font-weight: 700}
.col-info { color: var(--view-outer); }
.col-info h2, .col-info h3 { color: var(--widget-wrap); }


.title-nav {display: inline-flex;border-radius: var(--band__container);align-items: center;padding: 12px 28px;border: 2px solid transparent;justify-content: center;font-weight: 700;font-size: 0.95rem;transition: all 0.2s ease;cursor: pointer}

.hero-view {background: linear-gradient(135deg, var(--segment__banner) 0%, var(--container-card) 100%);color: #fff}
.hero-view:hover {background: linear-gradient(135deg, var(--container-card) 0%, var(--segment__banner) 100%);box-shadow: var(--area-inner);transform: translateY(-2px)}
body.info-section .hero-view { background: linear-gradient(45deg, #667eea, #764ba2, #667eea); }
body.info-section .hero-view:hover { background: linear-gradient(45deg, #764ba2, #667eea, #764ba2); }

.title-band {background: #fff;border-color: var(--link-zone);color: var(--banner-foot)}
.title-band:hover { background: rgba(59, 130, 246, 0.08); }
body.flex-lg-icon .title-band {border-color: rgba(255, 255, 255, 0.65);background: transparent;color: #fff}
body.flex-lg-icon .title-band:hover {color: #fff;background: rgba(255, 255, 255, 0.12)}

body.flex-lg-icon .side__view .title-band,
body.flex-lg-icon .tier__holder .title-band {border-color: var(--link-zone);background: #fff;color: var(--banner-foot)}
body.flex-lg-icon .side__view .title-band:hover,
body.flex-lg-icon .tier__holder .title-band:hover {color: var(--banner-foot);background: rgba(59, 130, 246, 0.08)}
.wide-holder {border-color: var(--media-flex);background: var(--nav__meta);color: var(--widget-wrap)}
.site__title {font-size: 1.1rem;padding: 16px 36px}
.zone-img {font-size: 0.85rem;padding: 8px 18px}
.foot-slot { width: 100%; }


.foot__entry {top: 0;position: sticky;z-index: 100}
.full-container {padding: 14px 24px;justify-content: space-between;max-width: 1200px;align-items: center;gap: 16px;display: flex;margin: 0 auto}
body.info-section .container-layout {box-shadow: 0 2px 10px rgba(250, 204, 21, 0.2);background: linear-gradient(135deg, var(--segment__banner) 0%, var(--container-card) 100%)}
body.info-section .link-layout {backdrop-filter: blur(10px);border-bottom: 1px solid var(--media-flex);background: rgba(255, 255, 255, 0.92)}
body.flex-lg-icon .container-layout,
body.flex-lg-icon .link-layout {background: linear-gradient(180deg, rgba(15, 23, 42, 0.92) 0%, rgba(15, 23, 42, 0.88) 100%);backdrop-filter: blur(14px)}
body.flex-lg-icon .container-layout { border-bottom: 1px solid rgba(255, 255, 255, 0.08); }
body.flex-lg-icon .link-layout {box-shadow: 0 12px 40px rgba(8, 15, 40, 0.28);border-top: 1px solid rgba(255, 255, 255, 0.05)}
body.flex-lg-icon .nav-info { color: rgba(255, 255, 255, 0.85); }
body.flex-lg-icon .nav-info:hover, body.flex-lg-icon .nav-info.strip-meta { color: rgba(255,255,255,1); }
body.flex-lg-icon .header-zone-cell { color: rgba(255, 255, 255, 0.85); }
body.flex-lg-icon .row-full { color: rgba(255, 255, 255, 0.6); }
body.flex-lg-icon .area-list-entry span { background: rgb(255,255,255); }
.block-title { width: 100%; }
.primary-badge { display: block; }
.card-dark {padding: 16px 24px;margin: 0 auto;justify-content: space-between;align-items: center;display: flex;gap: 24px;max-width: 1200px}
.body-item-box {align-items: center;gap: 8px;display: flex}

.zone-top {object-fit: cover;border-radius: 50%;flex: none;height: 32px;width: 32px}
.box-band {font-size: 1.4rem;color: transparent;background: var(--layout-banner);-webkit-background-clip: text !important;background-clip: text !important;font-weight: 900}
.page-text { height: 36px; }
.frame-foot {flex-wrap: wrap;gap: 20px;display: flex;align-items: center;overflow: visible;flex: 1}
.nav-info {font-weight: 700;border-radius: var(--band__container);padding: 8px 12px;white-space: nowrap;font-size: 0.9rem;color: var(--view-outer)}
.nav-info:hover, .nav-info.strip-meta { color: var(--banner-foot); }
.segment-img { position: relative; }
.header-zone-cell {gap: 4px;align-items: center;display: flex;font-family: inherit;border: none;background: none}
.row-full { font-size: 0.7em; }
.sm-inner {border: 1px solid var(--media-flex);transform: translateY(8px);left: 0;background: var(--zone-info);top: 100%;box-shadow: var(--inner-cell);min-width: 300px;gap: 2px;transition: all 0.2s ease;padding: 10px;display: grid;grid-template-columns: repeat(2, 1fr);opacity: 0;border-radius: var(--band__container);position: absolute;visibility: hidden}
.segment-img.note-body .sm-inner,
.segment-img:hover .sm-inner {transform: translateY(0);opacity: 1;visibility: visible}
.col__badge {font-size: 0.85rem;padding: 8px 10px;gap: 8px;border-radius: var(--band__container);color: var(--view-outer);align-items: center;display: flex;white-space: nowrap}
.col__badge:hover, .col__badge.strip-meta {background: var(--site-band);color: var(--banner-foot)}
.main-area {font-size: 1rem;line-height: 1;flex: none}
.bar-lead {text-overflow: ellipsis;overflow: hidden}
.content-btn {gap: 10px;align-items: center;display: flex}
.area-list-entry {padding: 8px;border: none;cursor: pointer;display: none;gap: 4px;background: none;flex-direction: column}
.area-list-entry span {height: 2px;width: 22px;background: var(--widget-wrap)}

.tier__holder {width: 300px;background: var(--site__inner);box-shadow: var(--inner-cell);transform: translateX(100%);transition: transform 0.3s ease;top: 0;z-index: 200;height: 100vh;right: 0;height: 100dvh;position: fixed;overflow-y: auto}
.tier__holder.note-body { transform: translateX(0); }
.area-alt-view {border-bottom: 1px solid var(--media-flex);justify-content: space-between;padding: 20px;align-items: center;display: flex}
.box-narrow-cell {color: var(--widget-wrap);background: none;font-size: 1.6rem;border: none;cursor: pointer}
.col-zone {padding: 16px;flex-direction: column;gap: 16px;display: flex}
.wrap-light {display: flex;padding-bottom: 12px;border-bottom: 1px solid var(--media-flex);flex-direction: column;gap: 4px}
.wrap-layout {text-transform: uppercase;color: var(--widget-inner);letter-spacing: 0.06em;margin: 0 0 4px;font-size: 0.75rem}
.box-link {grid-template-columns: repeat(2, 1fr);gap: 4px;display: grid}
.header__badge {font-size: 0.85rem;align-items: center;gap: 8px;border-radius: var(--band__container);color: var(--view-outer);display: flex;padding: 10px 8px}
.header__badge:hover, .header__badge.strip-meta {color: var(--banner-foot);background: var(--nav__meta)}
.block-slot {visibility: hidden;transition: opacity 0.3s ease;background: rgba(31,41,55,0.5);opacity: 0;position: fixed;inset: 0;z-index: 199}
.block-slot.note-body {opacity: 1;visibility: visible}

.side__view { display: none; }


.col-bottom-text {flex-wrap: wrap;display: flex;background: linear-gradient(180deg, var(--nav__meta), var(--site__inner));gap: 32px;overflow: hidden;padding: 64px 0;justify-content: center;align-items: center;position: relative}
.col-bottom-text > .frame-row { margin: 0; }
.frame-row {text-align: center;max-width: 720px}
.side-right-link { padding: 40px 0 32px; }
.side-right-link .foot-widget {font-size: 2.1rem;margin-bottom: 14px}
.side-right-link .inner__title {margin-bottom: 18px;font-size: 1rem}

body.info-section .col-bottom-text::before {pointer-events: none;position: absolute;background:
    radial-gradient(circle at 20% 20%, rgba(34, 197, 94, 0.15) 0%, transparent 50%),
    radial-gradient(circle at 80% 30%, rgba(16, 185, 129, 0.12) 0%, transparent 50%),
    radial-gradient(circle at 40% 70%, rgba(132, 204, 22, 0.08) 0%, transparent 50%);inset: 0;content: ''}
body.info-section .col-unit {z-index: 1;position: relative}

body.flex-lg-icon .side-right-link {
  background: linear-gradient(135deg, var(--segment__banner) 0%, var(--container-card) 100%);
}
body.flex-lg-icon .side-right-link .foot-widget,
body.flex-lg-icon .side-right-link .inner__title { color: #fff; }
body.flex-lg-icon .side-right-link .inner__title { color: rgba(255, 255, 255, 0.9); }

body.flex-lg-icon .side-right-link .widget-nav .foot-widget { color: var(--widget-wrap); }
body.flex-lg-icon .side-right-link .widget-nav .inner__title { color: var(--view-outer); }
.panel-strip {background: var(--site-band);color: var(--banner-foot);font-size: 0.8rem;display: inline-flex;font-weight: 700;margin-bottom: 16px;align-items: center;padding: 6px 16px;border-radius: 999px;gap: 6px}
body.info-section .panel-strip {box-shadow: 0 4px 12px rgba(250, 204, 21, 0.3);color: #fff;background: linear-gradient(135deg, var(--segment__banner) 0%, var(--container-card) 100%)}
.foot-widget {line-height: 1.15;margin-bottom: 20px;font-size: 2.6rem;color: var(--widget-wrap)}
.card-secondary { max-width: 320px; }
.content__lead {width: 100%;border-radius: var(--card-text)}
.inner__title {font-size: 1.1rem;margin-bottom: 24px;color: var(--view-outer)}
.col-bottom-area {gap: 24px;margin-bottom: 32px;flex-wrap: wrap;justify-content: center;display: flex}
.col-frame {font-weight: 700;display: flex;align-items: center;color: var(--view-outer);gap: 8px}
.header-secondary { color: var(--banner-foot); }
.inner__badge { white-space: nowrap; }
.band-feature {display: flex;justify-content: center;margin-bottom: 20px;flex-wrap: wrap;gap: 16px}
.item-media {font-size: 0.8rem;color: var(--widget-inner)}


.col-unit {gap: 40px;grid-template-columns: 1fr 1fr;padding: 0 24px;margin: 0 auto;align-items: center;display: grid;width: 100%;max-width: 1200px}
.panel-sm {max-width: 600px;text-align: left}
.panel-sm .band-group, .panel-sm .panel-strip { justify-content: flex-start; }
.band-group {margin-bottom: 20px;display: flex;flex-wrap: wrap;gap: 16px}
.content__lead {display: flex;justify-content: center}
.area-meta {width: 100%;border: 2px solid var(--segment__banner);padding: 28px;border-radius: var(--container-flex);box-shadow: var(--inner-cell);background: var(--zone-info);max-width: 420px}
.page__feature {border-radius: var(--card-text);max-width: 320px;margin: 0 auto 20px;display: block;width: 100%}
.nav-btn, .zone-strip-title { margin-bottom: 20px; }
.sm-text, .nav-media {font-size: 0.9rem;color: var(--widget-wrap);margin-bottom: 10px;font-weight: 700}
.segment-menu {gap: 10px;display: grid;grid-template-columns: repeat(3, 1fr)}
.meta-flex { text-align: center; }
.row-dark-wrap {color: var(--banner-foot);display: block;font-size: 1.2rem;font-weight: 800}
.body-info-frame {color: var(--widget-inner);font-size: 0.7rem}
.page-feature {gap: 8px;display: flex;flex-direction: column}
.tier__icon {align-items: center;gap: 8px;display: flex;font-size: 0.85rem;color: var(--view-outer)}
.side-right {flex-wrap: wrap;display: flex;gap: 8px}
.entry-zone {font-size: 0.75rem;align-items: center;font-weight: 600;color: var(--banner-foot);gap: 6px;padding: 6px 12px;display: flex;background: var(--site-band);border-radius: 999px}
@media (max-width: 900px) {
  .col-unit { grid-template-columns: 1fr; }
  .panel-sm {max-width: 100%;text-align: center}
  .panel-sm .band-group, .panel-sm .panel-strip { justify-content: center; }
}
.group-flex { background: linear-gradient(180deg, #fff7cc, var(--site__inner)); }


.meta-area {background: var(--site__inner);padding: 64px 0}
.module__icon {padding: 64px 0;background: var(--nav__meta)}
.row-bottom {gap: 24px;grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));display: grid}
.sec-title {border: 1px solid var(--media-flex);display: flex;background: var(--zone-info);border-radius: var(--card-text);gap: 16px;padding: 24px}
.head-text {border-radius: 50%;flex: none;color: #0a1a3a;height: 36px;width: 36px;display: flex;align-items: center;background: var(--layout-banner);font-weight: 800;justify-content: center}
.inner-holder {margin: 0 0 6px;font-size: 1.05rem}
.site-wide {color: var(--view-outer);margin: 0;font-size: 0.9rem}
.inner-zone-frame {max-width: 720px;text-align: center;margin: 0 auto 40px}
.area-nav {display: inline-flex;color: var(--banner-foot);background: var(--site-band);align-items: center;border-radius: 999px;margin-bottom: 12px;font-weight: 700;padding: 6px 16px;gap: 6px;font-size: 0.8rem}
.media-area {gap: 24px;grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));display: grid}
.secondary-inner {text-align: center;box-shadow: var(--area-inner);background: var(--zone-info);border: 1px solid var(--media-flex);border-radius: var(--card-text);padding: 28px}
.outer-zone-frame {font-size: 2rem;margin-bottom: 12px}


.side-title-img {background: var(--nav__meta);padding: 64px 0}
.band__media {gap: 24px;display: grid;grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));margin-top: 12px}
.segment__title {padding: 24px;border: 1px solid var(--media-flex);background: var(--zone-info);box-shadow: var(--area-inner);border-radius: var(--card-text)}
.box-bottom-container { grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); }
.left-text {transition: transform 0.2s ease;padding: 0;overflow: hidden;color: inherit;display: block}
.left-text:hover { transform: translateY(-4px); }
.left-text img {object-fit: cover;aspect-ratio: 4 / 3;width: 100%}
.left-text h3 {padding: 14px 16px;font-size: 1rem;margin: 0;text-align: center}
.region__img {font-size: 1.6rem;margin-bottom: 8px}
.content-zone-banner {color: var(--banner-foot);margin-bottom: 4px;font-weight: 700;font-size: 0.85rem}
.entry-col {font-weight: 700;color: var(--banner-foot)}


.outer-bottom {background: var(--layout-banner);padding: 48px 0}
.content__link {gap: 20px;display: grid;grid-template-columns: repeat(auto-fit, minmax(140px, 1fr))}
.hero-entry { text-align: center; }
.flex-info-slot {display: block;font-weight: 900;font-size: 1.8rem;color: #0a1a3a}
.row__feature {font-size: 0.85rem;color: rgb(30,41,59)}


.row-lg-feature {background: var(--site__inner);padding: 64px 0}
.nav-cell {align-items: start;display: grid;gap: 40px;grid-template-columns: 1.2fr 0.8fr}
.link-module {font-weight: 600;color: var(--view-outer)}
.content-banner {overflow: hidden;margin-top: 20px;aspect-ratio: 16/9;border-radius: var(--card-text)}
.content-banner iframe {height: 100%;border: 0;display: block;width: 100%}
.module-menu {padding: 56px 0;text-align: center;background: var(--nav__meta)}
.sec-right-badge {border-radius: var(--card-text);aspect-ratio: 1/1;border: 1px solid var(--media-flex);margin: 32px auto 0;max-width: 820px;overflow: hidden;background: var(--site__inner)}
.sec-right-badge iframe {display: block;border: 0;height: 100%;width: 100%}
.sec-item {display: flex;flex-direction: column;gap: 12px}
.outer__banner {gap: 8px;display: flex;margin-bottom: 8px;font-weight: 700}
.foot-foot {padding: 16px;border-radius: var(--card-text);background: var(--nav__meta)}
.foot-foot cite {margin-top: 8px;font-style: normal;color: var(--widget-inner);display: block;font-size: 0.85rem}


.head-container {background: var(--nav__meta);padding: 64px 0}
.region__holder {margin-top: 12px;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));gap: 24px;display: grid}
.bottom-img {background: var(--zone-info);padding: 24px;border: 1px solid var(--media-flex);border-radius: var(--card-text);text-align: center}
.top-block { font-size: 1.8rem; }


.nav__group {padding: 64px 0;background: var(--site__inner)}
.region-full-inner {flex-direction: column;gap: 12px;display: flex;margin: 0 auto;max-width: 800px}
.lg-wrap {border-radius: var(--band__container);background: var(--nav__meta);padding: 16px 20px}
.widget-card {cursor: pointer;font-weight: 700}
.left-cell {margin-top: 10px;margin-bottom: 0}


.hero-bottom {padding: 64px 0;background: var(--banner-foot);text-align: center}
.hero-bottom h2, .hero-bottom p { color: rgb(255,255,255); }
.body-left {max-width: 640px;margin: 0 auto}
.block__group {justify-content: center;margin: 20px 0;display: flex;flex-wrap: wrap;gap: 16px}
.hero-bottom .title-band {border-color: #fff;background: transparent;color: rgb(255,255,255)}
.sm-box {font-size: 0.85rem;opacity: 0.85}


.body-band-main {padding: 64px 0;background: var(--nav__meta)}
.box-entry {gap: 20px;border: 1px solid var(--media-flex);padding: 24px;align-items: flex-start;border-radius: var(--card-text);background: var(--zone-info);margin-bottom: 16px;display: flex}
.block-top {flex: none;font-size: 1.8rem}
.block-info-slot { flex: 1; }
.block-main li {border-bottom: 1px solid var(--media-flex);padding: 8px 0;color: var(--view-outer)}
.block-main li:last-child { border-bottom: none; }
.block-main li strong { color: var(--widget-wrap); }


.row-block {padding: 56px 0;background: var(--site__inner)}
.side-menu-desc {grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));display: grid;gap: 20px}
.box-frame {padding: 24px;border-radius: var(--card-text);background: var(--nav__meta);text-align: center}
.foot__note {margin-bottom: 8px;font-size: 1.8rem}
.module__view {padding: 56px 0;background: var(--nav__meta)}
.site__inner {gap: 32px;display: grid;grid-template-columns: 1.4fr 1fr}
.layout__block, .zone__media {background: var(--zone-info);border: 1px solid var(--media-flex);padding: 28px;border-radius: var(--card-text)}


.holder-side {padding: 12px 0;border-bottom: 1px solid var(--media-flex)}
.tier-center {display: flex;color: var(--widget-inner);gap: 8px;font-size: 0.85rem}
.tier-center li:not(:last-child)::after {margin-left: 8px;content: '/'}
.tier-center a { color: var(--banner-foot); }


.main-band { display: block; }
.inner__note {background: var(--nav__meta);padding: 48px 0 24px;text-align: center}
.center-area { padding: 40px 0; }
.icon-body {grid-template-columns: 2fr 1fr;gap: 40px;align-items: start;display: grid}
.header-data-widget {border: 1px solid var(--media-flex);padding: 20px;display: flex;border-radius: var(--card-text);position: sticky;flex-direction: column;gap: 8px;background: var(--nav__meta);top: 100px}
.sub-view {padding: 4px 0;color: var(--banner-foot);font-size: 0.9rem}



.right-feature {overflow: hidden;background: #111827;padding: 56px 0 24px;color: #cbd5e1;position: relative}
body.info-section .right-feature {color: rgba(255, 255, 255, 0.92);background: linear-gradient(135deg, var(--container-card) 0%, #f59e0b 100%)}
body.info-section .right-feature::before {pointer-events: none;inset: 0;position: absolute;background:
    radial-gradient(circle at 20% 20%, rgba(34, 197, 94, 0.1) 0%, transparent 50%),
    radial-gradient(circle at 80% 80%, rgba(16, 185, 129, 0.08) 0%, transparent 50%);content: ''}
body.info-section .right-feature > * {z-index: 1;position: relative}
.body-dark-info {grid-template-columns: 1.5fr repeat(3, 1fr);padding: 0 24px 40px;max-width: 1200px;margin: 0 auto;display: grid;gap: 32px}
.top-link { min-width: 0; }
.band-desc {display: flex;flex-direction: column;gap: 10px}
.section-bottom {gap: 10px;display: flex;align-items: center}
.side__main { height: 32px; }
.view-page {flex: none;height: 32px;width: 32px;border-radius: 50%;object-fit: cover}
.segment-text-text {font-size: 0.85rem;opacity: 0.8}
.head-badge {flex-wrap: wrap;display: flex;gap: 8px}
.entry-zone {font-size: 0.75rem;border-radius: 999px;background: rgba(255,255,255,0.08);padding: 4px 10px}
.box-media {margin-bottom: 12px;text-transform: uppercase;letter-spacing: 0.05em;font-weight: 700;color: rgb(255,255,255);font-size: 0.8rem}
.zone-icon, .panel-block {padding: 4px 0;display: block;color: rgba(203,213,225,1);font-size: 0.9rem;opacity: 0.85}
.zone-icon:hover { color: var(--segment__banner); }
body.info-section .zone-icon, body.info-section .panel-block, body.info-section .segment-text-text { color: #fff; }
body.info-section .zone-icon:hover { color: #0a1a3a; }
.holder-layout {padding: 24px 24px 0;display: flex;flex-wrap: wrap;max-width: 1200px;margin: 0 auto;gap: 16px;border-top: 1px solid rgba(255,255,255,0.1);align-items: center;justify-content: space-between}
.segment-zone-container {display: flex;flex-wrap: wrap;gap: 8px}
.wrap-band {background: rgba(255,255,255,0.08);padding: 6px 12px;font-size: 0.8rem;border-radius: var(--band__container)}
.secondary-entry p {margin: 0;font-size: 0.8rem;opacity: 0.7}
.area-box { opacity: 0.7; }


@media (max-width: 1150px) {
  .frame-foot { display: none; }
  .area-list-entry { display: flex; }
  .page-area { display: none; }
  .side__view {bottom: 0;border-top: 1px solid var(--media-flex);gap: 10px;z-index: 150;left: 0;right: 0;padding: 10px 16px calc(10px + env(safe-area-inset-bottom));background: rgba(255, 255, 255, 0.97);backdrop-filter: blur(10px);position: fixed;display: flex}
  .side__view .title-nav { flex: 1; }
  body.wrap__area { padding-bottom: 64px; }
}
@media (max-width: 900px) {
  .nav-cell, .site__inner, .icon-body { grid-template-columns: 1fr; }
  .body-dark-info { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 600px) {
  .foot-widget { font-size: 2rem; }
  .body-dark-info { grid-template-columns: 1fr; }
  .holder-layout {flex-direction: column;align-items: flex-start}
}


.title-block {background: var(--nav__meta);padding: 64px 0}
.module-right {background: var(--zone-info);border: 1px solid var(--media-flex);overflow: hidden;max-width: 640px;margin: 0 auto;flex-direction: column;border-radius: var(--card-text);display: flex}
.outer-title-meta {justify-content: space-between;border-bottom: 1px solid var(--media-flex);display: flex;align-items: baseline;padding: 14px 20px;gap: 16px;margin: 0}
.outer-title-meta:last-child { border-bottom: none; }
.section-center-wrap {font-weight: 700;margin: 0;color: var(--widget-wrap)}
.section-zone {margin: 0;text-align: right;color: var(--view-outer)}

.block__wrap {background: var(--site__inner);padding: 64px 0}
.btn-foot {margin: 0 auto;max-width: 640px;flex-direction: column;gap: 12px;display: flex}
.content-list {display: flex;color: var(--view-outer);gap: 10px;align-items: center;font-weight: 600}
.site__meta {font-weight: 700;color: var(--container-card)}

.entry-flex {background: var(--nav__meta);padding: 64px 0}
.item-widget {display: flex;margin: 0 auto;max-width: 720px;padding-left: 22px;flex-direction: column;gap: 14px}
.header-slot { color: var(--view-outer); }
.header-slot strong { color: var(--widget-wrap); }

@media (max-width: 600px) {
  .outer-title-meta {gap: 4px;flex-direction: column}
  .section-zone { text-align: left; }
}


.area__inner {font-size: 0.85rem;color: var(--widget-inner);margin-top: 12px}

.foot-frame {gap: 18px;flex-direction: column;display: flex}
.area__area {gap: 18px;display: grid;grid-template-columns: 1fr 1fr}
.feature-wrap {flex-direction: column;display: flex;gap: 6px}
.feature-wrap label {color: var(--widget-wrap);font-weight: 700;font-size: 0.9rem}
.feature-wrap input, .feature-wrap select, .feature-wrap textarea {padding: 12px 14px;border: 1px solid var(--media-flex);color: var(--widget-wrap);background: var(--site__inner);font: inherit;border-radius: var(--band__container)}
.feature-wrap input:focus, .feature-wrap select:focus, .feature-wrap textarea:focus {outline: 2px solid var(--link-zone);outline-offset: 1px}
.feature-wrap textarea { resize: vertical; }
.text-header {color: var(--view-outer);align-items: flex-start;font-size: 0.85rem;gap: 10px;display: flex}
.text-header input { margin-top: 3px; }
.text-header a {color: var(--banner-foot);font-weight: 700}
@media (max-width: 600px) {
  .area__area { grid-template-columns: 1fr; }
}

.widget-nav {box-shadow: var(--inner-cell);max-width: 480px;padding: 32px;margin: 0 auto 24px;background: var(--zone-info);border: 2px solid var(--segment__banner);border-radius: var(--container-flex)}
.top-area {flex-direction: column;align-items: stretch}
.side-wide-icon {align-items: center;gap: 10px;flex-direction: column;display: flex}
.outer-badge {font-weight: 800;font-size: 0.9rem;height: 44px;justify-content: center;width: 44px;align-items: center;display: flex;color: var(--banner-foot);background: var(--site-band);border-radius: 50%}


.band__lead { padding: 56px 0; }
.card-band-banner { background: var(--nav__meta); }
.flex-box {max-width: 820px;margin: 0 auto}
.main__wrap {text-align: center;font-size: 0.9rem;margin: 16px auto 0;color: var(--widget-inner);max-width: 900px}
.strip-wrap {max-width: 800px;margin: 0 auto;counter-reset: policy-step;display: flex;gap: 18px;flex-direction: column}
.strip-wrap li {position: relative;color: var(--view-outer);padding-left: 48px}
.strip-wrap li::before {content: counter(policy-step);display: flex;border-radius: 50%;left: 0;background: var(--layout-banner);top: 0;font-weight: 800;width: 32px;counter-increment: policy-step;position: absolute;font-size: 0.9rem;color: rgba(10,26,58,1);height: 32px;justify-content: center;align-items: center}
.block-light-note {grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));gap: 16px;display: grid}
.unit-media {display: flex;padding: 16px;align-items: center;border: 1px solid var(--media-flex);border-radius: var(--card-text);gap: 12px;background: var(--zone-info)}
.sec-info {justify-content: center;background: var(--layout-banner);width: 44px;flex: none;font-weight: 800;display: flex;font-size: 0.8rem;align-items: center;color: #0a1a3a;border-radius: 50%;height: 44px}
.unit-media p { margin: 0; }

.site__group {gap: 16px;max-width: 800px;display: flex;flex-direction: column;margin: 0 auto}
.inner-menu-box {gap: 16px;padding: 18px 20px;border: 1px solid var(--media-flex);align-items: center;background: var(--zone-info);border-radius: var(--card-text);display: flex}
.text-area {background: #22c55e;flex: none;border-radius: 50%;height: 12px;width: 12px}
.inner-menu-box.inner-site .text-area { background: #f59e0b; }
.frame-outer { flex: 1; }
.frame-outer h3 {font-size: 1rem;margin: 0 0 4px}
.frame-outer p {font-size: 0.85rem;margin: 0;color: var(--widget-inner)}
.site-zone {flex-wrap: wrap;display: flex;justify-content: center;gap: 16px}


.box__group {background: var(--nav__meta);padding: 56px 0}
.left-info {display: grid;grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));gap: 20px;margin-top: 16px}
.group-hero {background: var(--zone-info);border: 1px solid var(--media-flex);border-radius: var(--card-text);padding: 20px}
.group-hero cite {display: block;color: var(--widget-inner);font-style: normal;margin-top: 10px;font-size: 0.85rem}
.box__group .region__holder { margin-top: 16px; }

.cell-card {padding: 56px 0;background: var(--site__inner)}
.sec-text {flex-direction: column;margin: 24px auto 0;gap: 14px;padding: 0;display: flex;list-style: none;max-width: 720px}
.band-entry {border-radius: var(--card-text);gap: 16px;padding: 16px 20px;background: var(--nav__meta);align-items: flex-start;display: flex}
.band-meta {color: #0a1a3a;background: var(--layout-banner);justify-content: center;display: flex;width: 32px;flex: none;height: 32px;font-weight: 800;border-radius: 50%;align-items: center}


.text-text, .col-btn, .full-lead,
.badge-inner, .layout-text, .center-meta,
.band__icon, .list-holder { padding: 56px 0; }
.outer__link {max-width: 820px;margin: 0 auto}


.title-foot {background: var(--site__inner);padding: 64px 0}
.nav-cell {margin-bottom: 32px;grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));display: grid;gap: 24px}
.zone__media {border-radius: var(--card-text);background: var(--nav__meta);padding: 24px}
.group-tier {font-size: 1.8rem;margin-bottom: 8px}
.nav-foot-entry p, .zone__meta p {color: var(--view-outer);font-size: 0.9rem;margin: 0 0 4px}
.zone__meta { margin-top: 12px; }
.block-menu-note {margin: 0 auto;max-width: 800px}
.site-meta {margin-bottom: 12px;font-weight: 700}
.section__btn {border-radius: var(--card-text);overflow: hidden}
.section__btn iframe {width: 100%;height: 280px;border: 0;display: block}
body.flex-lg-icon .area__inner { color: var(--widget-inner); }


.region-lead { padding: 56px 0; }
.body__view {gap: 12px;max-width: 800px;margin: 0 auto;display: flex;flex-direction: column}


.flex__area, .foot__btn, .foot__cell, .sm-btn,
.region-lead, .sec-primary, .title-frame, .foot-banner,
.page-widget, .box-cell, .tier__info, .sec-note { padding: 56px 0; }


.dark-wrap {gap: 20px;grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));margin-top: 16px;display: grid}
.site__view {border: 1px solid var(--media-flex);background: var(--zone-info);padding: 24px;border-radius: var(--card-text)}
.site__view h3 { margin-bottom: 8px; }
.card-light-area {padding-left: 22px;display: flex;gap: 14px;color: var(--view-outer);max-width: 720px;flex-direction: column;margin: 16px auto 0}
.side-icon {margin-top: 16px;grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));display: grid;gap: 20px}
.section-sm {background: var(--zone-info);text-align: center;border: 1px solid var(--media-flex);border-radius: var(--card-text);padding: 24px}
.section-sm h3 { margin-bottom: 8px; }
body.flex-lg-icon .container-content { padding: 56px 0; }

.main-info .nav-cell { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }
.group-tier {font-size: 1.8rem;margin-bottom: 10px}
.main-info { padding: 56px 0; }


.bottom-link { background: var(--nav__meta); }
.lead-layout {display: flex;gap: 16px;justify-content: center;margin-top: 20px;flex-wrap: wrap}

.sec-left { padding: 56px 0; }
.slot-panel {text-align: center;border: 1px solid var(--media-flex);background: var(--zone-info);max-width: 640px;margin: 0 auto;padding: 32px;border-radius: var(--card-text)}
.site-sm-link {gap: 10px;margin: 16px 0;display: flex}
.site-sm-link input {border-radius: var(--band__container);flex: 1;border: 1px solid var(--media-flex);padding: 12px 16px}
.header-entry {justify-content: center;display: flex;gap: 8px;flex-wrap: wrap}
.layout-container {padding: 6px 14px;background: var(--nav__meta);font-size: 0.8rem;border-radius: 999px}

.dark-box, .top-slot, .card__widget, .block-unit, .sm-btn, .area-sm, .nav-sm, .list-banner, .left-area, .strip-cell { padding: 56px 0; }
.block-module, .narrow-block {grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));display: grid;gap: 24px}
.icon-col, .primary-img {background: var(--zone-info);border: 1px solid var(--media-flex);padding: 24px;text-align: center;border-radius: var(--card-text)}
.wrap-content {font-size: 1.25rem;margin-bottom: 12px}
.dark-img {font-size: 2rem;margin-bottom: 12px}
.data-view {color: var(--banner-foot);display: inline-block;margin-top: 8px;font-weight: 700}

.region__wrap, .section-desc {gap: 20px;grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));display: grid}
.main-left-frame, .frame-header {border: 1px solid var(--media-flex);background: var(--zone-info);overflow: hidden;border-radius: var(--card-text)}
.block-wrap {font-size: 2rem;padding: 32px 0;background: var(--nav__meta);text-align: center}
.foot-foot-box { padding: 16px; }
.frame-header { padding: 20px; }

.block-item-group, .inner-entry {gap: 24px;grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));display: grid}
.inner-outer {border: 1px solid var(--media-flex);text-align: center;border-radius: var(--card-text);padding: 24px;background: var(--zone-info)}
.content__btn {font-size: 2rem;margin-bottom: 10px}
.container-band {margin: 10px 0;font-size: 0.9rem}
.foot-feature {margin-top: 8px;font-weight: 700;color: var(--banner-foot)}

.sec-menu-container {gap: 12px;display: flex;flex-direction: column;margin: 0 auto;max-width: 700px}
.link-outer {background: var(--zone-info);padding: 16px;display: flex;align-items: center;border: 1px solid var(--media-flex);gap: 14px;border-radius: var(--band__container)}
.outer-strip {border-radius: 50%;height: 12px;flex: none;background: #22c55e;width: 12px}
.link-outer.panel-list-cell .outer-strip { background: #f59e0b; }

.segment-list-slot {max-width: 600px;margin: 0 auto;border: 1px solid var(--media-flex);padding: 32px;background: var(--zone-info);border-radius: var(--card-text)}

.hero-slot {padding: 20px;text-align: center;display: block;background: var(--zone-info);border: 1px solid var(--media-flex);border-radius: var(--card-text)}
.region__info {font-size: 1.8rem;margin-bottom: 8px}
.body__view {margin: 0 auto;display: flex;flex-direction: column;max-width: 800px;gap: 10px}
.lg-wrap {background: var(--zone-info);padding: 4px 20px;border: 1px solid var(--media-flex);border-radius: var(--band__container)}
.widget-card {cursor: pointer;display: flex;padding: 14px 0;justify-content: space-between;align-items: center}
.widget-card h3 {margin: 0;font-size: 1rem}
.panel-inner {justify-content: center;font-weight: 300;border-radius: 50%;height: 32px;color: rgba(34,197,94,1);width: 32px;display: flex;align-items: center;font-size: 1.5rem;flex: none;background: rgba(34, 197, 94, 0.1)}
.left-cell { padding-bottom: 14px; }

.site-title {display: grid;gap: 20px;grid-template-columns: repeat(auto-fit, minmax(240px, 1fr))}
.btn-site {text-align: center;padding: 24px;border: 1px solid var(--media-flex);border-radius: var(--card-text);background: var(--zone-info)}
.top-frame {  }
.menu-area {display: flex;gap: 16px;flex-direction: column}
.side-btn { }


.title-box { padding: 32px 0; }
.block-secondary {padding: 40px 0;background: var(--nav__meta)}
.card-group {border: 1px solid var(--media-flex);max-width: 480px;border-radius: var(--card-text);background: var(--zone-info);margin: 0 auto;overflow: hidden}
.header__info {border-bottom: 1px solid var(--media-flex);padding: 8px 20px;justify-content: space-between;display: flex}
.header__info:last-child { border-bottom: none; }
.site-right { color: var(--widget-inner); }
.nav-title { font-weight: 700; }
.hero-text { padding: 40px 0; }
.holder-body {max-width: 640px;display: flex;margin: 16px auto 0;gap: 10px;flex-direction: column}
.holder-body li {gap: 10px;display: flex;align-items: center;color: var(--view-outer)}
.layout__badge {background: var(--nav__meta);padding: 40px 0}
.layout__badge ol {padding-left: 22px;color: var(--view-outer);gap: 8px;flex-direction: column;display: flex;margin: 16px auto 0;max-width: 720px}
.site-sm-btn { padding: 40px 0; }
.main-right-box {max-width: 800px;margin: 0 auto}


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