

:root {--panel-text: #facc15;--menu-note: 16px;--inner__view: 24px;--primary-slot: #6b7280;--main-list: #1f2937;--view-page: rgb(55,65,81);--card__box: rgb(254,243,199);--box-text: rgba(254,252,232,1);--side-band-slot: #3b82f6;--sec-frame: 0 8px 24px rgba(31, 41, 55, 0.08);--narrow-area: 0 16px 40px rgba(31, 41, 55, 0.14);--layout__wrap: #ffffff;--flex-full: rgb(255,255,255);--layout__widget: rgb(14,165,233);--segment-data-desc: #e5e7eb;--wrap-band: 8px;--sec-view: linear-gradient(135deg, var(--panel-text) 0%, var(--side-band-slot) 100%);--side-top: rgb(234,179,8);--module__badge: #1e40af}

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

.nav-sub {padding: 0 24px;max-width: 1200px;margin: 0 auto}
.link-tier {margin-bottom: 8px;color: var(--main-list);font-size: 2rem;text-align: center}
.header-primary-area, .box-sub {color: var(--primary-slot);margin-bottom: 32px;text-align: center}
.section-foot {text-transform: uppercase;color: var(--module__badge);letter-spacing: 0.08em;font-weight: 700;font-size: 0.8rem}
.band-holder { color: var(--view-page); }
.band-holder h2, .band-holder h3 { color: var(--main-list); }


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

.header-media {color: #fff;background: linear-gradient(135deg, var(--panel-text) 0%, var(--side-top) 100%)}
.header-media:hover {background: linear-gradient(135deg, var(--side-top) 0%, var(--panel-text) 100%);box-shadow: var(--sec-frame);transform: translateY(-2px)}
body.card-menu-area .header-media { background: linear-gradient(45deg, #667eea, #764ba2, #667eea); }
body.card-menu-area .header-media:hover { background: linear-gradient(45deg, #764ba2, #667eea, #764ba2); }

.slot-tier {color: var(--module__badge);border-color: var(--side-band-slot);background: rgba(255,255,255,1)}
.slot-tier:hover { background: rgba(59, 130, 246, 0.08); }
body.layout-left .slot-tier {border-color: rgba(255, 255, 255, 0.65);color: #fff;background: transparent}
body.layout-left .slot-tier:hover {color: #fff;background: rgba(255, 255, 255, 0.12)}

body.layout-left .col__btn .slot-tier,
body.layout-left .menu-view .slot-tier {color: var(--module__badge);background: #fff;border-color: var(--side-band-slot)}
body.layout-left .col__btn .slot-tier:hover,
body.layout-left .menu-view .slot-tier:hover {background: rgba(59, 130, 246, 0.08);color: var(--module__badge)}
.light-frame {color: var(--main-list);background: var(--box-text);border-color: var(--segment-data-desc)}
.header-bar-frame {font-size: 1.1rem;padding: 16px 36px}
.unit-img {padding: 8px 18px;font-size: 0.85rem}
.outer-top { width: 100%; }


.title-module {position: sticky;z-index: 100;top: 0}
.inner__group {align-items: center;gap: 16px;padding: 14px 24px;max-width: 1200px;margin: 0 auto;display: flex;justify-content: space-between}
body.card-menu-area .side-strip-cell {background: linear-gradient(135deg, var(--panel-text) 0%, var(--side-top) 100%);box-shadow: 0 2px 10px rgba(250, 204, 21, 0.2)}
body.card-menu-area .inner-site {border-bottom: 1px solid var(--segment-data-desc);background: rgba(255, 255, 255, 0.92);backdrop-filter: blur(10px)}
body.layout-left .side-strip-cell,
body.layout-left .inner-site {background: linear-gradient(180deg, rgba(15, 23, 42, 0.92) 0%, rgba(15, 23, 42, 0.88) 100%);backdrop-filter: blur(14px)}
body.layout-left .side-strip-cell { border-bottom: 1px solid rgba(255, 255, 255, 0.08); }
body.layout-left .inner-site {box-shadow: 0 12px 40px rgba(8, 15, 40, 0.28);border-top: 1px solid rgba(255, 255, 255, 0.05)}
body.layout-left .flex__group { color: rgba(255, 255, 255, 0.85); }
body.layout-left .flex__group:hover, body.layout-left .flex__group.band-wide-link { color: #fff; }
body.layout-left .wrap__inner { color: rgba(255, 255, 255, 0.85); }
body.layout-left .body-banner { color: rgba(255, 255, 255, 0.6); }
body.layout-left .wrap-text-widget span { background: #fff; }
.hero-band { width: 100%; }
.side-media { display: block; }
.col-title-feature {align-items: center;margin: 0 auto;padding: 16px 24px;max-width: 1200px;justify-content: space-between;display: flex;gap: 24px}
.tier__img {gap: 8px;display: flex;align-items: center}

.feature-area {height: 32px;object-fit: cover;flex: none;width: 32px;border-radius: 50%}
.site-secondary {color: transparent;background: var(--sec-view);font-weight: 900;-webkit-background-clip: text !important;background-clip: text !important;font-size: 1.4rem}
.title-feature { height: 36px; }
.header-primary {flex-wrap: wrap;gap: 20px;display: flex;align-items: center;flex: 1;overflow: visible}
.flex__group {color: var(--view-page);font-weight: 700;font-size: 0.9rem;padding: 8px 12px;white-space: nowrap;border-radius: var(--wrap-band)}
.flex__group:hover, .flex__group.band-wide-link { color: var(--module__badge); }
.band-zone { position: relative; }
.wrap__inner {font-family: inherit;display: flex;background: none;border: none;align-items: center;gap: 4px}
.body-banner { font-size: 0.7em; }
.zone-grid {position: absolute;box-shadow: var(--narrow-area);visibility: hidden;grid-template-columns: repeat(2, 1fr);left: 0;padding: 10px;top: 100%;transition: all 0.2s ease;opacity: 0;display: grid;border: 1px solid var(--segment-data-desc);min-width: 300px;gap: 2px;border-radius: var(--wrap-band);transform: translateY(8px);background: var(--flex-full)}
.band-zone.foot-alt .zone-grid,
.band-zone:hover .zone-grid {transform: translateY(0);opacity: 1;visibility: visible}
.site-bottom {font-size: 0.85rem;gap: 8px;padding: 8px 10px;align-items: center;color: var(--view-page);display: flex;white-space: nowrap;border-radius: var(--wrap-band)}
.site-bottom:hover, .site-bottom.band-wide-link {color: var(--module__badge);background: var(--card__box)}
.box-foot {flex: none;font-size: 1rem;line-height: 1}
.module__title {text-overflow: ellipsis;overflow: hidden}
.group-main {gap: 10px;align-items: center;display: flex}
.wrap-text-widget {padding: 8px;background: none;display: none;cursor: pointer;flex-direction: column;border: none;gap: 4px}
.wrap-text-widget span {width: 22px;height: 2px;background: var(--main-list)}

.menu-view {box-shadow: var(--narrow-area);transition: transform 0.3s ease;top: 0;overflow-y: auto;transform: translateX(100%);height: 100vh;right: 0;background: var(--layout__wrap);width: 300px;z-index: 200;position: fixed;height: 100dvh}
.menu-view.foot-alt { transform: translateX(0); }
.link-band {padding: 20px;border-bottom: 1px solid var(--segment-data-desc);align-items: center;display: flex;justify-content: space-between}
.band__meta {color: var(--main-list);border: none;font-size: 1.6rem;background: none;cursor: pointer}
.body-primary-area {gap: 16px;flex-direction: column;padding: 16px;display: flex}
.flex-main {flex-direction: column;gap: 4px;display: flex;border-bottom: 1px solid var(--segment-data-desc);padding-bottom: 12px}
.primary-entry {color: var(--primary-slot);letter-spacing: 0.06em;margin: 0 0 4px;text-transform: uppercase;font-size: 0.75rem}
.inner-zone {gap: 4px;display: grid;grid-template-columns: repeat(2, 1fr)}
.inner-right-feature {align-items: center;color: var(--view-page);font-size: 0.85rem;padding: 10px 8px;display: flex;gap: 8px;border-radius: var(--wrap-band)}
.inner-right-feature:hover, .inner-right-feature.band-wide-link {color: var(--module__badge);background: var(--box-text)}
.top-badge {transition: opacity 0.3s ease;background: rgba(31,41,55,0.5);z-index: 199;position: fixed;visibility: hidden;opacity: 0;inset: 0}
.top-badge.foot-alt {opacity: 1;visibility: visible}

.col__btn { display: none; }


.header-secondary {overflow: hidden;position: relative;padding: 64px 0;justify-content: center;display: flex;gap: 32px;align-items: center;flex-wrap: wrap;background: linear-gradient(180deg, var(--box-text), var(--layout__wrap))}
.header-secondary > .right-lead { margin: 0; }
.right-lead {max-width: 720px;text-align: center}
.sm-link { padding: 40px 0 32px; }
.sm-link .hero-area {margin-bottom: 14px;font-size: 2.1rem}
.sm-link .side-secondary-lead {margin-bottom: 18px;font-size: 1rem}

body.card-menu-area .header-secondary::before {inset: 0;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%);pointer-events: none;content: ''}
body.card-menu-area .secondary-feature {z-index: 1;position: relative}

body.layout-left .sm-link {
  background: linear-gradient(135deg, var(--panel-text) 0%, var(--side-top) 100%);
}
body.layout-left .sm-link .hero-area,
body.layout-left .sm-link .side-secondary-lead { color: rgba(255,255,255,1); }
body.layout-left .sm-link .side-secondary-lead { color: rgba(255, 255, 255, 0.9); }

body.layout-left .sm-link .grid-group .hero-area { color: var(--main-list); }
body.layout-left .sm-link .grid-group .side-secondary-lead { color: var(--view-page); }
.text-wrap {background: var(--card__box);padding: 6px 16px;align-items: center;font-weight: 700;margin-bottom: 16px;gap: 6px;display: inline-flex;font-size: 0.8rem;border-radius: 999px;color: var(--module__badge)}
body.card-menu-area .text-wrap {background: linear-gradient(135deg, var(--panel-text) 0%, var(--side-top) 100%);color: rgba(255,255,255,1);box-shadow: 0 4px 12px rgba(250, 204, 21, 0.3)}
.hero-area {margin-bottom: 20px;line-height: 1.15;font-size: 2.6rem;color: var(--main-list)}
.flex-unit-banner { max-width: 320px; }
.col-frame {width: 100%;border-radius: var(--menu-note)}
.side-secondary-lead {color: var(--view-page);margin-bottom: 24px;font-size: 1.1rem}
.card-item {display: flex;flex-wrap: wrap;gap: 24px;margin-bottom: 32px;justify-content: center}
.meta-page {display: flex;font-weight: 700;color: var(--view-page);gap: 8px;align-items: center}
.lead-flex { color: var(--module__badge); }
.segment-banner { white-space: nowrap; }
.body-narrow {justify-content: center;margin-bottom: 20px;display: flex;gap: 16px;flex-wrap: wrap}
.header-text {font-size: 0.8rem;color: var(--primary-slot)}


.secondary-feature {gap: 40px;padding: 0 24px;width: 100%;grid-template-columns: 1fr 1fr;display: grid;max-width: 1200px;margin: 0 auto;align-items: center}
.segment-right {text-align: left;max-width: 600px}
.segment-right .site-icon, .segment-right .text-wrap { justify-content: flex-start; }
.site-icon {display: flex;gap: 16px;flex-wrap: wrap;margin-bottom: 20px}
.col-frame {display: flex;justify-content: center}
.hero__link {padding: 28px;border: 2px solid var(--panel-text);background: var(--flex-full);max-width: 420px;border-radius: var(--inner__view);box-shadow: var(--narrow-area);width: 100%}
.module-data-icon {margin: 0 auto 20px;width: 100%;max-width: 320px;border-radius: var(--menu-note);display: block}
.block__img, .header-zone { margin-bottom: 20px; }
.primary-box, .bottom-widget {font-weight: 700;font-size: 0.9rem;margin-bottom: 10px;color: var(--main-list)}
.site-alt {display: grid;gap: 10px;grid-template-columns: repeat(3, 1fr)}
.band-title { text-align: center; }
.side-cell {color: var(--module__badge);display: block;font-size: 1.2rem;font-weight: 800}
.zone-text {color: var(--primary-slot);font-size: 0.7rem}
.side-text-info {display: flex;gap: 8px;flex-direction: column}
.layout-img {gap: 8px;color: var(--view-page);display: flex;font-size: 0.85rem;align-items: center}
.cell-nav {gap: 8px;display: flex;flex-wrap: wrap}
.full-slot {font-size: 0.75rem;display: flex;color: var(--module__badge);padding: 6px 12px;border-radius: 999px;font-weight: 600;align-items: center;background: var(--card__box);gap: 6px}
@media (max-width: 900px) {
  .secondary-feature { grid-template-columns: 1fr; }
  .segment-right {text-align: center;max-width: 100%}
  .segment-right .site-icon, .segment-right .text-wrap { justify-content: center; }
}
.content-banner { background: linear-gradient(180deg, #fff7cc, var(--layout__wrap)); }


.center-entry {padding: 64px 0;background: var(--layout__wrap)}
.site__title {background: var(--box-text);padding: 64px 0}
.layout-banner {grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));gap: 24px;display: grid}
.text-block {border: 1px solid var(--segment-data-desc);background: var(--flex-full);border-radius: var(--menu-note);display: flex;padding: 24px;gap: 16px}
.foot-img {border-radius: 50%;display: flex;color: #0a1a3a;justify-content: center;background: var(--sec-view);flex: none;font-weight: 800;width: 36px;align-items: center;height: 36px}
.outer-info-lead {font-size: 1.05rem;margin: 0 0 6px}
.zone__banner {color: var(--view-page);font-size: 0.9rem;margin: 0}
.view-content {max-width: 720px;margin: 0 auto 40px;text-align: center}
.secondary-block {margin-bottom: 12px;background: var(--card__box);color: var(--module__badge);font-weight: 700;padding: 6px 16px;display: inline-flex;border-radius: 999px;align-items: center;font-size: 0.8rem;gap: 6px}
.sec__holder {display: grid;gap: 24px;grid-template-columns: repeat(auto-fit, minmax(240px, 1fr))}
.btn-card {border: 1px solid var(--segment-data-desc);background: var(--flex-full);box-shadow: var(--sec-frame);padding: 28px;border-radius: var(--menu-note);text-align: center}
.alt-group {font-size: 2rem;margin-bottom: 12px}


.page-bottom {padding: 64px 0;background: var(--box-text)}
.band-feature {display: grid;grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));gap: 24px;margin-top: 12px}
.tier-media {border: 1px solid var(--segment-data-desc);background: var(--flex-full);border-radius: var(--menu-note);padding: 24px;box-shadow: var(--sec-frame)}
.flex-foot-link { grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); }
.panel-menu-meta {transition: transform 0.2s ease;padding: 0;overflow: hidden;display: block;color: inherit}
.panel-menu-meta:hover { transform: translateY(-4px); }
.panel-menu-meta img {width: 100%;aspect-ratio: 4 / 3;object-fit: cover}
.panel-menu-meta h3 {margin: 0;padding: 14px 16px;text-align: center;font-size: 1rem}
.media-hero {font-size: 1.6rem;margin-bottom: 8px}
.panel-feature {font-size: 0.85rem;font-weight: 700;margin-bottom: 4px;color: var(--module__badge)}
.media-body {font-weight: 700;color: var(--module__badge)}


.foot-main {padding: 48px 0;background: var(--sec-view)}
.segment-primary-cell {grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));display: grid;gap: 20px}
.region__btn { text-align: center; }
.main__box {font-size: 1.8rem;font-weight: 900;color: rgba(10,26,58,1);display: block}
.col-title {color: #1e293b;font-size: 0.85rem}


.light-title {background: var(--layout__wrap);padding: 64px 0}
.header-group {display: grid;align-items: start;grid-template-columns: 1.2fr 0.8fr;gap: 40px}
.module-head {color: var(--view-page);font-weight: 600}
.view-block {overflow: hidden;margin-top: 20px;aspect-ratio: 16/9;border-radius: var(--menu-note)}
.view-block iframe {height: 100%;display: block;border: 0;width: 100%}
.block-text {padding: 56px 0;background: var(--box-text);text-align: center}
.outer-wrap {background: var(--layout__wrap);aspect-ratio: 1/1;border-radius: var(--menu-note);margin: 32px auto 0;border: 1px solid var(--segment-data-desc);overflow: hidden;max-width: 820px}
.outer-wrap iframe {width: 100%;display: block;border: 0;height: 100%}
.header-link {display: flex;gap: 12px;flex-direction: column}
.zone-menu-info {font-weight: 700;display: flex;margin-bottom: 8px;gap: 8px}
.slot-layout {border-radius: var(--menu-note);background: var(--box-text);padding: 16px}
.slot-layout cite {color: var(--primary-slot);font-size: 0.85rem;font-style: normal;margin-top: 8px;display: block}


.nav-sub-group {background: var(--box-text);padding: 64px 0}
.wrap-primary {grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));gap: 24px;display: grid;margin-top: 12px}
.outer-sm-container {text-align: center;padding: 24px;border: 1px solid var(--segment-data-desc);background: var(--flex-full);border-radius: var(--menu-note)}
.segment__block { font-size: 1.8rem; }


.meta-flex {background: var(--layout__wrap);padding: 64px 0}
.box-cell {display: flex;gap: 12px;margin: 0 auto;flex-direction: column;max-width: 800px}
.text-layout {padding: 16px 20px;border-radius: var(--wrap-band);background: var(--box-text)}
.tier-sub {cursor: pointer;font-weight: 700}
.wide-wrap {margin-top: 10px;margin-bottom: 0}


.block-area {text-align: center;background: var(--module__badge);padding: 64px 0}
.block-area h2, .block-area p { color: rgba(255,255,255,1); }
.bottom-main {max-width: 640px;margin: 0 auto}
.narrow-link {margin: 20px 0;gap: 16px;justify-content: center;flex-wrap: wrap;display: flex}
.block-area .slot-tier {border-color: #fff;color: #fff;background: transparent}
.body-main {font-size: 0.85rem;opacity: 0.85}


.tier-entry {padding: 64px 0;background: var(--box-text)}
.outer-lead {border: 1px solid var(--segment-data-desc);border-radius: var(--menu-note);padding: 24px;align-items: flex-start;display: flex;gap: 20px;margin-bottom: 16px;background: var(--flex-full)}
.band-lg {flex: none;font-size: 1.8rem}
.content-secondary-slot { flex: 1; }
.lg-area li {color: var(--view-page);padding: 8px 0;border-bottom: 1px solid var(--segment-data-desc)}
.lg-area li:last-child { border-bottom: none; }
.lg-area li strong { color: var(--main-list); }


.section__lead {padding: 56px 0;background: var(--layout__wrap)}
.band-container {display: grid;gap: 20px;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr))}
.page__holder {border-radius: var(--menu-note);background: var(--box-text);text-align: center;padding: 24px}
.site-meta {margin-bottom: 8px;font-size: 1.8rem}
.zone-head {padding: 56px 0;background: var(--box-text)}
.box__info {display: grid;grid-template-columns: 1.4fr 1fr;gap: 32px}
.band-wide, .main-light {border: 1px solid var(--segment-data-desc);border-radius: var(--menu-note);padding: 28px;background: var(--flex-full)}


.region-icon {border-bottom: 1px solid var(--segment-data-desc);padding: 12px 0}
.card-secondary {gap: 8px;color: var(--primary-slot);display: flex;font-size: 0.85rem}
.card-secondary li:not(:last-child)::after {content: '/';margin-left: 8px}
.card-secondary a { color: var(--module__badge); }


.body-wide { display: block; }
.bottom-frame {padding: 48px 0 24px;text-align: center;background: var(--box-text)}
.header__widget { padding: 40px 0; }
.band__text {align-items: start;grid-template-columns: 2fr 1fr;display: grid;gap: 40px}
.box-text {gap: 8px;padding: 20px;position: sticky;border: 1px solid var(--segment-data-desc);top: 100px;border-radius: var(--menu-note);display: flex;background: var(--box-text);flex-direction: column}
.content-box {color: var(--module__badge);padding: 4px 0;font-size: 0.9rem}



.layout-cell {background: #111827;position: relative;padding: 56px 0 24px;color: #cbd5e1;overflow: hidden}
body.card-menu-area .layout-cell {background: linear-gradient(135deg, var(--side-top) 0%, #f59e0b 100%);color: rgba(255, 255, 255, 0.92)}
body.card-menu-area .layout-cell::before {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%);inset: 0;pointer-events: none;position: absolute;content: ''}
body.card-menu-area .layout-cell > * {z-index: 1;position: relative}
.hero-lg {padding: 0 24px 40px;margin: 0 auto;gap: 32px;grid-template-columns: 1.5fr repeat(3, 1fr);max-width: 1200px;display: grid}
.segment-primary { min-width: 0; }
.header-item-wrap {display: flex;gap: 10px;flex-direction: column}
.tier-unit-area {align-items: center;gap: 10px;display: flex}
.nav-strip { height: 32px; }
.segment-dark-entry {border-radius: 50%;flex: none;height: 32px;width: 32px;object-fit: cover}
.header-right-wrap {font-size: 0.85rem;opacity: 0.8}
.link-side {display: flex;gap: 8px;flex-wrap: wrap}
.full-slot {background: rgba(255,255,255,0.08);padding: 4px 10px;font-size: 0.75rem;border-radius: 999px}
.wrap-main {margin-bottom: 12px;text-transform: uppercase;letter-spacing: 0.05em;font-size: 0.8rem;color: #fff;font-weight: 700}
.body-list, .header-view {opacity: 0.85;font-size: 0.9rem;color: rgba(203,213,225,1);padding: 4px 0;display: block}
.body-list:hover { color: var(--panel-text); }
body.card-menu-area .body-list, body.card-menu-area .header-view, body.card-menu-area .header-right-wrap { color: #fff; }
body.card-menu-area .body-list:hover { color: #0a1a3a; }
.body-info {align-items: center;max-width: 1200px;flex-wrap: wrap;padding: 24px 24px 0;justify-content: space-between;gap: 16px;margin: 0 auto;display: flex;border-top: 1px solid rgba(255,255,255,0.1)}
.box__frame {display: flex;gap: 8px;flex-wrap: wrap}
.icon-site {border-radius: var(--wrap-band);padding: 6px 12px;font-size: 0.8rem;background: rgba(255,255,255,0.08)}
.main-zone p {font-size: 0.8rem;opacity: 0.7;margin: 0}
.header__img { opacity: 0.7; }


@media (max-width: 1150px) {
  .header-primary { display: none; }
  .wrap-text-widget { display: flex; }
  .panel-head { display: none; }
  .col__btn {border-top: 1px solid var(--segment-data-desc);background: rgba(255, 255, 255, 0.97);z-index: 150;left: 0;backdrop-filter: blur(10px);position: fixed;display: flex;padding: 10px 16px calc(10px + env(safe-area-inset-bottom));right: 0;gap: 10px;bottom: 0}
  .col__btn .block-container { flex: 1; }
  body.light-banner { padding-bottom: 64px; }
}
@media (max-width: 900px) {
  .header-group, .box__info, .band__text { grid-template-columns: 1fr; }
  .hero-lg { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 600px) {
  .hero-area { font-size: 2rem; }
  .hero-lg { grid-template-columns: 1fr; }
  .body-info {align-items: flex-start;flex-direction: column}
}


.flex__img {padding: 64px 0;background: var(--box-text)}
.outer-list-link {max-width: 640px;overflow: hidden;margin: 0 auto;flex-direction: column;border: 1px solid var(--segment-data-desc);background: var(--flex-full);display: flex;border-radius: var(--menu-note)}
.right-banner {border-bottom: 1px solid var(--segment-data-desc);display: flex;margin: 0;gap: 16px;align-items: baseline;padding: 14px 20px;justify-content: space-between}
.right-banner:last-child { border-bottom: none; }
.container-body {color: var(--main-list);margin: 0;font-weight: 700}
.header-entry {text-align: right;margin: 0;color: var(--view-page)}

.container-main {background: var(--layout__wrap);padding: 64px 0}
.info-feature {display: flex;max-width: 640px;margin: 0 auto;gap: 12px;flex-direction: column}
.area__container {align-items: center;display: flex;gap: 10px;color: var(--view-page);font-weight: 600}
.row-head {color: var(--side-top);font-weight: 700}

.panel-container {padding: 64px 0;background: var(--box-text)}
.col-foot {max-width: 720px;flex-direction: column;gap: 14px;display: flex;margin: 0 auto;padding-left: 22px}
.card__lead { color: var(--view-page); }
.card__lead strong { color: var(--main-list); }

@media (max-width: 600px) {
  .right-banner {flex-direction: column;gap: 4px}
  .header-entry { text-align: left; }
}


.band-link {margin-top: 12px;font-size: 0.85rem;color: var(--primary-slot)}

.flex-center-inner {display: flex;gap: 18px;flex-direction: column}
.info-tier {display: grid;gap: 18px;grid-template-columns: 1fr 1fr}
.region-narrow-slot {display: flex;flex-direction: column;gap: 6px}
.region-narrow-slot label {color: var(--main-list);font-size: 0.9rem;font-weight: 700}
.region-narrow-slot input, .region-narrow-slot select, .region-narrow-slot textarea {background: var(--layout__wrap);border: 1px solid var(--segment-data-desc);color: var(--main-list);font: inherit;border-radius: var(--wrap-band);padding: 12px 14px}
.region-narrow-slot input:focus, .region-narrow-slot select:focus, .region-narrow-slot textarea:focus {outline: 2px solid var(--side-band-slot);outline-offset: 1px}
.region-narrow-slot textarea { resize: vertical; }
.nav-cell {align-items: flex-start;display: flex;gap: 10px;color: var(--view-page);font-size: 0.85rem}
.nav-cell input { margin-top: 3px; }
.nav-cell a {color: var(--module__badge);font-weight: 700}
@media (max-width: 600px) {
  .info-tier { grid-template-columns: 1fr; }
}

.grid-group {padding: 32px;max-width: 480px;border: 2px solid var(--panel-text);background: var(--flex-full);box-shadow: var(--narrow-area);margin: 0 auto 24px;border-radius: var(--inner__view)}
.header-top {flex-direction: column;align-items: stretch}
.group-content {align-items: center;flex-direction: column;gap: 10px;display: flex}
.content-left-group {display: flex;border-radius: 50%;height: 44px;color: var(--module__badge);width: 44px;align-items: center;font-size: 0.9rem;font-weight: 800;background: var(--card__box);justify-content: center}


.foot-entry { padding: 56px 0; }
.foot-light { background: var(--box-text); }
.flex__main {max-width: 820px;margin: 0 auto}
.flex__container {font-size: 0.9rem;color: var(--primary-slot);text-align: center;margin: 16px auto 0;max-width: 900px}
.area-sub {max-width: 800px;gap: 18px;margin: 0 auto;flex-direction: column;counter-reset: policy-step;display: flex}
.area-sub li {padding-left: 48px;position: relative;color: var(--view-page)}
.area-sub li::before {align-items: center;width: 32px;justify-content: center;color: #0a1a3a;position: absolute;left: 0;font-weight: 800;border-radius: 50%;height: 32px;counter-increment: policy-step;display: flex;content: counter(policy-step);font-size: 0.9rem;background: var(--sec-view);top: 0}
.layout-wide-slot {grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));gap: 16px;display: grid}
.col-info {align-items: center;display: flex;padding: 16px;border: 1px solid var(--segment-data-desc);border-radius: var(--menu-note);background: var(--flex-full);gap: 12px}
.main__group {font-size: 0.8rem;display: flex;font-weight: 800;flex: none;height: 44px;align-items: center;justify-content: center;color: #0a1a3a;background: var(--sec-view);width: 44px;border-radius: 50%}
.col-info p { margin: 0; }

.flex-text {gap: 16px;margin: 0 auto;max-width: 800px;flex-direction: column;display: flex}
.box-link {border: 1px solid var(--segment-data-desc);display: flex;background: var(--flex-full);gap: 16px;padding: 18px 20px;align-items: center;border-radius: var(--menu-note)}
.flex__frame {border-radius: 50%;flex: none;height: 12px;width: 12px;background: #22c55e}
.box-link.zone-list-entry .flex__frame { background: rgb(245,158,11); }
.alt-inner { flex: 1; }
.alt-inner h3 {margin: 0 0 4px;font-size: 1rem}
.alt-inner p {font-size: 0.85rem;margin: 0;color: var(--primary-slot)}
.left-main {flex-wrap: wrap;gap: 16px;justify-content: center;display: flex}


.inner-sm {padding: 56px 0;background: var(--box-text)}
.segment__badge {margin-top: 16px;gap: 20px;grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));display: grid}
.segment__media {border: 1px solid var(--segment-data-desc);background: var(--flex-full);padding: 20px;border-radius: var(--menu-note)}
.segment__media cite {font-size: 0.85rem;color: var(--primary-slot);font-style: normal;margin-top: 10px;display: block}
.inner-sm .wrap-primary { margin-top: 16px; }

.flex-grid {background: var(--layout__wrap);padding: 56px 0}
.content-zone {max-width: 720px;padding: 0;flex-direction: column;list-style: none;display: flex;margin: 24px auto 0;gap: 14px}
.page__img {gap: 16px;padding: 16px 20px;background: var(--box-text);display: flex;border-radius: var(--menu-note);align-items: flex-start}
.text-feature {border-radius: 50%;height: 32px;background: var(--sec-view);justify-content: center;width: 32px;color: rgba(10,26,58,1);font-weight: 800;flex: none;display: flex;align-items: center}


.data-holder, .bottom-cell, .header__feature,
.menu-frame, .hero-info, .box-full,
.entry-inner, .module__note { padding: 56px 0; }
.inner-secondary {margin: 0 auto;max-width: 820px}


.grid-title {background: var(--layout__wrap);padding: 64px 0}
.header-group {margin-bottom: 32px;display: grid;gap: 24px;grid-template-columns: repeat(auto-fit, minmax(240px, 1fr))}
.main-light {background: var(--box-text);border-radius: var(--menu-note);padding: 24px}
.flex-head-main {margin-bottom: 8px;font-size: 1.8rem}
.bar-frame p, .box-desc p {font-size: 0.9rem;color: var(--view-page);margin: 0 0 4px}
.box-desc { margin-top: 12px; }
.title-nav {margin: 0 auto;max-width: 800px}
.sec-inner {margin-bottom: 12px;font-weight: 700}
.frame-header {overflow: hidden;border-radius: var(--menu-note)}
.frame-header iframe {border: 0;display: block;width: 100%;height: 280px}
body.layout-left .band-link { color: var(--primary-slot); }


.region__main { padding: 56px 0; }
.wrap-holder {gap: 12px;max-width: 800px;margin: 0 auto;flex-direction: column;display: flex}


.band-text, .module__cell, .center-banner, .head-cell,
.region__main, .page-meta, .hero-sm-desc, .menu-entry,
.card-bar, .sec-title-lead, .tier-lg, .tier-head { padding: 56px 0; }


.tier-center {margin-top: 16px;display: grid;gap: 20px;grid-template-columns: repeat(auto-fit, minmax(240px, 1fr))}
.side__desc {border: 1px solid var(--segment-data-desc);background: var(--flex-full);border-radius: var(--menu-note);padding: 24px}
.side__desc h3 { margin-bottom: 8px; }
.zone-frame {max-width: 720px;gap: 14px;margin: 16px auto 0;padding-left: 22px;color: var(--view-page);display: flex;flex-direction: column}
.secondary-area {display: grid;gap: 20px;grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));margin-top: 16px}
.side-note {border: 1px solid var(--segment-data-desc);border-radius: var(--menu-note);background: var(--flex-full);padding: 24px;text-align: center}
.side-note h3 { margin-bottom: 8px; }
body.layout-left .tier-narrow { padding: 56px 0; }

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


.info-desc { background: var(--box-text); }
.panel-view {flex-wrap: wrap;justify-content: center;display: flex;margin-top: 20px;gap: 16px}

.tier-view { padding: 56px 0; }
.flex__slot {max-width: 640px;margin: 0 auto;background: var(--flex-full);text-align: center;padding: 32px;border: 1px solid var(--segment-data-desc);border-radius: var(--menu-note)}
.section-entry {display: flex;gap: 10px;margin: 16px 0}
.section-entry input {border-radius: var(--wrap-band);padding: 12px 16px;flex: 1;border: 1px solid var(--segment-data-desc)}
.inner-wrap {gap: 8px;flex-wrap: wrap;display: flex;justify-content: center}
.unit-wrap {background: var(--box-text);padding: 6px 14px;border-radius: 999px;font-size: 0.8rem}

.inner-section, .banner-main, .box__inner, .center-btn, .head-cell, .nav-group, .wrap__title, .area-strip-media, .card__title, .area-bottom-note { padding: 56px 0; }
.segment-sm, .page-strip-slot {grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));gap: 24px;display: grid}
.note-outer, .segment-lg {padding: 24px;background: var(--flex-full);border: 1px solid var(--segment-data-desc);text-align: center;border-radius: var(--menu-note)}
.bar-info {font-size: 1.25rem;margin-bottom: 12px}
.content-note {margin-bottom: 12px;font-size: 2rem}
.foot__link {display: inline-block;color: var(--module__badge);font-weight: 700;margin-top: 8px}

.area-row, .nav-holder {grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));gap: 20px;display: grid}
.box-dark, .col-narrow-icon {border: 1px solid var(--segment-data-desc);overflow: hidden;background: var(--flex-full);border-radius: var(--menu-note)}
.band-zone-holder {font-size: 2rem;padding: 32px 0;background: var(--box-text);text-align: center}
.foot-cell { padding: 16px; }
.col-narrow-icon { padding: 20px; }

.banner-layout, .hero__banner {grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));display: grid;gap: 24px}
.dark-cell {border: 1px solid var(--segment-data-desc);background: var(--flex-full);padding: 24px;border-radius: var(--menu-note);text-align: center}
.sec-grid {font-size: 2rem;margin-bottom: 10px}
.layout-full {font-size: 0.9rem;margin: 10px 0}
.holder-inner {color: var(--module__badge);margin-top: 8px;font-weight: 700}

.tier__meta {margin: 0 auto;gap: 12px;flex-direction: column;max-width: 700px;display: flex}
.flex-wide-feature {border: 1px solid var(--segment-data-desc);border-radius: var(--wrap-band);padding: 16px;gap: 14px;display: flex;background: var(--flex-full);align-items: center}
.row-data {background: #22c55e;width: 12px;height: 12px;flex: none;border-radius: 50%}
.flex-wide-feature.segment-badge .row-data { background: rgba(245,158,11,1); }

.text-holder {margin: 0 auto;background: var(--flex-full);max-width: 600px;border: 1px solid var(--segment-data-desc);padding: 32px;border-radius: var(--menu-note)}

.layout-text {border: 1px solid var(--segment-data-desc);text-align: center;display: block;border-radius: var(--menu-note);background: var(--flex-full);padding: 20px}
.module-text {font-size: 1.8rem;margin-bottom: 8px}
.wrap-holder {flex-direction: column;max-width: 800px;margin: 0 auto;display: flex;gap: 10px}
.text-layout {border: 1px solid var(--segment-data-desc);padding: 4px 20px;border-radius: var(--wrap-band);background: var(--flex-full)}
.tier-sub {cursor: pointer;display: flex;padding: 14px 0;align-items: center;justify-content: space-between}
.tier-sub h3 {margin: 0;font-size: 1rem}
.holder-tier {width: 32px;flex: none;color: #22c55e;font-size: 1.5rem;align-items: center;font-weight: 300;justify-content: center;background: rgba(34, 197, 94, 0.1);display: flex;border-radius: 50%;height: 32px}
.wide-wrap { padding-bottom: 14px; }

.page__inner {grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));display: grid;gap: 20px}
.zone-narrow {padding: 24px;border: 1px solid var(--segment-data-desc);text-align: center;background: var(--flex-full);border-radius: var(--menu-note)}
.note-block {  }
.title-media {flex-direction: column;gap: 16px;display: flex}
.page__entry { }


.outer-frame { padding: 32px 0; }
.header__meta {padding: 40px 0;background: var(--box-text)}
.btn-header {background: var(--flex-full);overflow: hidden;border: 1px solid var(--segment-data-desc);border-radius: var(--menu-note);margin: 0 auto;max-width: 480px}
.sub-media {justify-content: space-between;display: flex;border-bottom: 1px solid var(--segment-data-desc);padding: 8px 20px}
.sub-media:last-child { border-bottom: none; }
.top-img { color: var(--primary-slot); }
.module-wide { font-weight: 700; }
.outer__desc { padding: 40px 0; }
.hero-title {flex-direction: column;gap: 10px;margin: 16px auto 0;max-width: 640px;display: flex}
.hero-title li {gap: 10px;color: var(--view-page);align-items: center;display: flex}
.narrow-note {padding: 40px 0;background: var(--box-text)}
.narrow-note ol {display: flex;color: var(--view-page);padding-left: 22px;flex-direction: column;margin: 16px auto 0;max-width: 720px;gap: 8px}
.zone-primary { padding: 40px 0; }
.feature-tier {max-width: 800px;margin: 0 auto}


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