:root {--foot-cell: linear-gradient(135deg, var(--sec-primary) 0%, var(--hero-area) 100%);--flex__frame: 0 8px 24px rgba(31, 41, 55, 0.08);--badge-header: #ffffff;--text-view: #374151;--side-area: #1f2937;--inner-cell: #6b7280;--sec-primary: rgba(250,204,21,1);--content-entry: 8px;--inner-area: #1e40af;--hero-area: #3b82f6;--block-feature: 0 16px 40px rgba(31, 41, 55, 0.14);--tier-view: 24px;--wrap-hero: #fefce8;--block-text-wrap: rgba(255,255,255,1);--content-bottom: #eab308;--box__view: #fef3c7;--content-right: #0ea5e9;--col-full: 16px;--body-unit: #e5e7eb}

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

.sec-bottom {margin: 0 auto;padding: 0 24px;max-width: 1200px}
.outer-strip-widget {color: var(--side-area);font-size: 2rem;text-align: center;margin-bottom: 8px}
.block-narrow-icon, .site-primary {color: var(--inner-cell);margin-bottom: 32px;text-align: center}
.col-unit {color: var(--inner-area);font-size: 0.8rem;text-transform: uppercase;letter-spacing: 0.08em;font-weight: 700}
.body-badge { color: var(--text-view); }
.body-badge h2, .body-badge h3 { color: var(--side-area); }


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

.badge-box {background: linear-gradient(135deg, var(--sec-primary) 0%, var(--content-bottom) 100%);color: rgba(255,255,255,1)}
.badge-box:hover {transform: translateY(-2px);background: linear-gradient(135deg, var(--content-bottom) 0%, var(--sec-primary) 100%);box-shadow: var(--flex__frame)}
body.tier__container .badge-box { background: linear-gradient(45deg, #667eea, #764ba2, #667eea); }
body.tier__container .badge-box:hover { background: linear-gradient(45deg, #764ba2, #667eea, #764ba2); }

.zone-info {background: #fff;border-color: var(--hero-area);color: var(--inner-area)}
.zone-info:hover { background: rgba(59, 130, 246, 0.08); }
body.area-foot .zone-info {color: #fff;border-color: rgba(255, 255, 255, 0.65);background: transparent}
body.area-foot .zone-info:hover {color: #fff;background: rgba(255, 255, 255, 0.12)}

body.area-foot .center-banner .zone-info,
body.area-foot .page-title-icon .zone-info {background: #fff;color: var(--inner-area);border-color: var(--hero-area)}
body.area-foot .center-banner .zone-info:hover,
body.area-foot .page-title-icon .zone-info:hover {background: rgba(59, 130, 246, 0.08);color: var(--inner-area)}
.badge-band {background: var(--wrap-hero);color: var(--side-area);border-color: var(--body-unit)}
.box-widget {padding: 16px 36px;font-size: 1.1rem}
.flex__icon {padding: 8px 18px;font-size: 0.85rem}
.box__desc { width: 100%; }


.img-page {position: sticky;top: 0;z-index: 100}
.inner__link {max-width: 1200px;gap: 16px;justify-content: space-between;align-items: center;padding: 14px 24px;margin: 0 auto;display: flex}
body.tier__container .item-banner {box-shadow: 0 2px 10px rgba(250, 204, 21, 0.2);background: linear-gradient(135deg, var(--sec-primary) 0%, var(--content-bottom) 100%)}
body.tier__container .page-wide-banner {border-bottom: 1px solid var(--body-unit);background: rgba(255, 255, 255, 0.92);backdrop-filter: blur(10px)}
body.area-foot .item-banner,
body.area-foot .page-wide-banner {background: linear-gradient(180deg, rgba(15, 23, 42, 0.92) 0%, rgba(15, 23, 42, 0.88) 100%);backdrop-filter: blur(14px)}
body.area-foot .item-banner { border-bottom: 1px solid rgba(255, 255, 255, 0.08); }
body.area-foot .page-wide-banner {box-shadow: 0 12px 40px rgba(8, 15, 40, 0.28);border-top: 1px solid rgba(255, 255, 255, 0.05)}
body.area-foot .head-meta { color: rgba(255, 255, 255, 0.85); }
body.area-foot .head-meta:hover, body.area-foot .head-meta.card-head-meta { color: rgba(255,255,255,1); }
body.area-foot .inner-bar-holder { color: rgba(255, 255, 255, 0.85); }
body.area-foot .layout-foot { color: rgba(255, 255, 255, 0.6); }
body.area-foot .lead-page span { background: #fff; }
.info-icon { width: 100%; }
.badge-outer { display: block; }
.content-btn {max-width: 1200px;margin: 0 auto;justify-content: space-between;padding: 16px 24px;gap: 24px;align-items: center;display: flex}
.link-side {display: flex;gap: 8px;align-items: center}

.outer-slot {border-radius: 50%;object-fit: cover;width: 32px;height: 32px;flex: none}
.row-left {color: transparent;background: var(--foot-cell);-webkit-background-clip: text !important;font-weight: 900;background-clip: text !important;font-size: 1.4rem}
.sub-meta { height: 36px; }
.hero-strip {flex-wrap: wrap;overflow: visible;gap: 20px;flex: 1;display: flex;align-items: center}
.head-meta {font-weight: 700;padding: 8px 12px;font-size: 0.9rem;white-space: nowrap;color: var(--text-view);border-radius: var(--content-entry)}
.head-meta:hover, .head-meta.card-head-meta { color: var(--inner-area); }
.wrap-data { position: relative; }
.inner-bar-holder {gap: 4px;display: flex;background: none;align-items: center;border: none;font-family: inherit}
.layout-foot { font-size: 0.7em; }
.page-list {transform: translateY(8px);position: absolute;display: grid;top: 100%;gap: 2px;background: var(--badge-header);transition: all 0.2s ease;border: 1px solid var(--body-unit);box-shadow: var(--block-feature);grid-template-columns: repeat(2, 1fr);padding: 10px;left: 0;visibility: hidden;border-radius: var(--content-entry);min-width: 300px;opacity: 0}
.wrap-data.area-wrap .page-list,
.wrap-data:hover .page-list {visibility: visible;opacity: 1;transform: translateY(0)}
.left-feature {font-size: 0.85rem;gap: 8px;border-radius: var(--content-entry);align-items: center;padding: 8px 10px;color: var(--text-view);white-space: nowrap;display: flex}
.left-feature:hover, .left-feature.card-head-meta {color: var(--inner-area);background: var(--box__view)}
.zone__desc {line-height: 1;flex: none;font-size: 1rem}
.page__container {overflow: hidden;text-overflow: ellipsis}
.block-container {display: flex;gap: 10px;align-items: center}
.lead-page {cursor: pointer;flex-direction: column;padding: 8px;gap: 4px;display: none;border: none;background: none}
.lead-page span {width: 22px;background: var(--side-area);height: 2px}

.page-title-icon {height: 100vh;position: fixed;transform: translateX(100%);top: 0;box-shadow: var(--block-feature);z-index: 200;overflow-y: auto;transition: transform 0.3s ease;right: 0;height: 100dvh;width: 300px;background: var(--block-text-wrap)}
.page-title-icon.area-wrap { transform: translateX(0); }
.section-full {border-bottom: 1px solid var(--body-unit);display: flex;justify-content: space-between;align-items: center;padding: 20px}
.header-sub-btn {color: var(--side-area);font-size: 1.6rem;cursor: pointer;border: none;background: none}
.panel-item {padding: 16px;display: flex;flex-direction: column;gap: 16px}
.section-light-icon {flex-direction: column;gap: 4px;border-bottom: 1px solid var(--body-unit);padding-bottom: 12px;display: flex}
.box-wrap {color: var(--inner-cell);font-size: 0.75rem;margin: 0 0 4px;letter-spacing: 0.06em;text-transform: uppercase}
.zone-alt-icon {grid-template-columns: repeat(2, 1fr);display: grid;gap: 4px}
.main__note {color: var(--text-view);align-items: center;border-radius: var(--content-entry);font-size: 0.85rem;padding: 10px 8px;display: flex;gap: 8px}
.main__note:hover, .main__note.card-head-meta {color: var(--inner-area);background: var(--wrap-hero)}
.main-sub {inset: 0;z-index: 199;position: fixed;opacity: 0;transition: opacity 0.3s ease;background: rgba(31,41,55,0.5);visibility: hidden}
.main-sub.area-wrap {visibility: visible;opacity: 1}

.center-banner { display: none; }


.block-full {gap: 32px;justify-content: center;position: relative;padding: 64px 0;align-items: center;background: linear-gradient(180deg, var(--wrap-hero), var(--block-text-wrap));overflow: hidden;display: flex;flex-wrap: wrap}
.block-full > .section__entry { margin: 0; }
.section__entry {max-width: 720px;text-align: center}
.frame-row { padding: 40px 0 32px; }
.frame-row .layout-data {font-size: 2.1rem;margin-bottom: 14px}
.frame-row .desc-wrap {font-size: 1rem;margin-bottom: 18px}

body.tier__container .block-full::before {position: absolute;content: '';inset: 0;pointer-events: none;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%)}
body.tier__container .segment__cell {position: relative;z-index: 1}

body.area-foot .frame-row {
  background: linear-gradient(135deg, var(--sec-primary) 0%, var(--content-bottom) 100%);
}
body.area-foot .frame-row .layout-data,
body.area-foot .frame-row .desc-wrap { color: rgb(255,255,255); }
body.area-foot .frame-row .desc-wrap { color: rgba(255, 255, 255, 0.9); }

body.area-foot .frame-row .body__entry .layout-data { color: var(--side-area); }
body.area-foot .frame-row .body__entry .desc-wrap { color: var(--text-view); }
.wide-holder {font-weight: 700;padding: 6px 16px;background: var(--box__view);margin-bottom: 16px;display: inline-flex;gap: 6px;align-items: center;border-radius: 999px;font-size: 0.8rem;color: var(--inner-area)}
body.tier__container .wide-holder {color: #fff;background: linear-gradient(135deg, var(--sec-primary) 0%, var(--content-bottom) 100%);box-shadow: 0 4px 12px rgba(250, 204, 21, 0.3)}
.layout-data {color: var(--side-area);font-size: 2.6rem;margin-bottom: 20px;line-height: 1.15}
.foot-zone-frame { max-width: 320px; }
.text-row {border-radius: var(--col-full);width: 100%}
.desc-wrap {color: var(--text-view);margin-bottom: 24px;font-size: 1.1rem}
.card__banner {flex-wrap: wrap;gap: 24px;display: flex;justify-content: center;margin-bottom: 32px}
.body-light {color: var(--text-view);gap: 8px;align-items: center;display: flex;font-weight: 700}
.card-sub { color: var(--inner-area); }
.wide-desc { white-space: nowrap; }
.body__icon {display: flex;flex-wrap: wrap;margin-bottom: 20px;gap: 16px;justify-content: center}
.menu-view {font-size: 0.8rem;color: var(--inner-cell)}


.segment__cell {grid-template-columns: 1fr 1fr;padding: 0 24px;margin: 0 auto;align-items: center;gap: 40px;width: 100%;max-width: 1200px;display: grid}
.frame-area {max-width: 600px;text-align: left}
.frame-area .header-dark-info, .frame-area .wide-holder { justify-content: flex-start; }
.header-dark-info {gap: 16px;flex-wrap: wrap;margin-bottom: 20px;display: flex}
.text-row {display: flex;justify-content: center}
.module-right {max-width: 420px;padding: 28px;box-shadow: var(--block-feature);width: 100%;background: var(--badge-header);border: 2px solid var(--sec-primary);border-radius: var(--tier-view)}
.col-bar-link {margin: 0 auto 20px;border-radius: var(--col-full);max-width: 320px;width: 100%;display: block}
.page__img, .header-block { margin-bottom: 20px; }
.hero-unit-btn, .bar-entry {color: var(--side-area);margin-bottom: 10px;font-size: 0.9rem;font-weight: 700}
.holder-zone {display: grid;grid-template-columns: repeat(3, 1fr);gap: 10px}
.area-text { text-align: center; }
.module-data {font-size: 1.2rem;font-weight: 800;display: block;color: var(--inner-area)}
.col-alt-view {font-size: 0.7rem;color: var(--inner-cell)}
.sm-group {gap: 8px;flex-direction: column;display: flex}
.content-list-main {color: var(--text-view);align-items: center;gap: 8px;display: flex;font-size: 0.85rem}
.frame-region {flex-wrap: wrap;gap: 8px;display: flex}
.light-widget {display: flex;align-items: center;padding: 6px 12px;font-weight: 600;border-radius: 999px;font-size: 0.75rem;color: var(--inner-area);background: var(--box__view);gap: 6px}
@media (max-width: 900px) {
  .segment__cell { grid-template-columns: 1fr; }
  .frame-area {max-width: 100%;text-align: center}
  .frame-area .header-dark-info, .frame-area .wide-holder { justify-content: center; }
}
.zone-block { background: linear-gradient(180deg, #fff7cc, var(--block-text-wrap)); }


.main-head {background: var(--block-text-wrap);padding: 64px 0}
.btn-card {background: var(--wrap-hero);padding: 64px 0}
.wrap-text {gap: 24px;display: grid;grid-template-columns: repeat(auto-fit, minmax(260px, 1fr))}
.flex-primary-wrap {display: flex;background: var(--badge-header);border: 1px solid var(--body-unit);gap: 16px;padding: 24px;border-radius: var(--col-full)}
.card-main {color: #0a1a3a;border-radius: 50%;width: 36px;display: flex;font-weight: 800;flex: none;align-items: center;background: var(--foot-cell);justify-content: center;height: 36px}
.widget-header {font-size: 1.05rem;margin: 0 0 6px}
.wrap__widget {font-size: 0.9rem;margin: 0;color: var(--text-view)}
.layout-sm-view {text-align: center;margin: 0 auto 40px;max-width: 720px}
.block-slot {border-radius: 999px;font-size: 0.8rem;background: var(--box__view);margin-bottom: 12px;align-items: center;color: var(--inner-area);gap: 6px;display: inline-flex;padding: 6px 16px;font-weight: 700}
.wrap-alt-meta {display: grid;grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));gap: 24px}
.page-light {border: 1px solid var(--body-unit);padding: 28px;text-align: center;background: var(--badge-header);border-radius: var(--col-full);box-shadow: var(--flex__frame)}
.zone-light-area {margin-bottom: 12px;font-size: 2rem}


.col-full {padding: 64px 0;background: var(--wrap-hero)}
.info-lead {margin-top: 12px;grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));gap: 24px;display: grid}
.text-card {background: var(--badge-header);box-shadow: var(--flex__frame);padding: 24px;border: 1px solid var(--body-unit);border-radius: var(--col-full)}
.band-wide { grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); }
.sec-entry {padding: 0;transition: transform 0.2s ease;color: inherit;overflow: hidden;display: block}
.sec-entry:hover { transform: translateY(-4px); }
.sec-entry img {width: 100%;object-fit: cover;aspect-ratio: 4 / 3}
.sec-entry h3 {padding: 14px 16px;margin: 0;text-align: center;font-size: 1rem}
.body-main {margin-bottom: 8px;font-size: 1.6rem}
.menu-lead {margin-bottom: 4px;font-weight: 700;font-size: 0.85rem;color: var(--inner-area)}
.row-grid-view {color: var(--inner-area);font-weight: 700}


.band-list {padding: 48px 0;background: var(--foot-cell)}
.strip-slot {display: grid;grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));gap: 20px}
.lg-info { text-align: center; }
.box-img {color: rgb(10,26,58);font-weight: 900;display: block;font-size: 1.8rem}
.note-site {color: rgb(30,41,59);font-size: 0.85rem}


.right-view {padding: 64px 0;background: var(--block-text-wrap)}
.menu-img {gap: 40px;align-items: start;grid-template-columns: 1.2fr 0.8fr;display: grid}
.foot-bottom-desc {color: var(--text-view);font-weight: 600}
.bottom-desc {overflow: hidden;aspect-ratio: 16/9;margin-top: 20px;border-radius: var(--col-full)}
.bottom-desc iframe {border: 0;display: block;width: 100%;height: 100%}
.region__img {background: var(--wrap-hero);text-align: center;padding: 56px 0}
.data-meta {border-radius: var(--col-full);overflow: hidden;background: var(--block-text-wrap);max-width: 820px;border: 1px solid var(--body-unit);margin: 32px auto 0;aspect-ratio: 1/1}
.data-meta iframe {border: 0;display: block;width: 100%;height: 100%}
.content-wide {gap: 12px;flex-direction: column;display: flex}
.site__info {font-weight: 700;margin-bottom: 8px;gap: 8px;display: flex}
.title-btn {border-radius: var(--col-full);padding: 16px;background: var(--wrap-hero)}
.title-btn cite {display: block;color: var(--inner-cell);margin-top: 8px;font-style: normal;font-size: 0.85rem}


.col-sub {background: var(--wrap-hero);padding: 64px 0}
.layout__banner {display: grid;margin-top: 12px;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));gap: 24px}
.zone-text {padding: 24px;border: 1px solid var(--body-unit);border-radius: var(--col-full);text-align: center;background: var(--badge-header)}
.inner-info-banner { font-size: 1.8rem; }


.hero-lg-img {padding: 64px 0;background: var(--block-text-wrap)}
.img-content {margin: 0 auto;max-width: 800px;flex-direction: column;gap: 12px;display: flex}
.area-box {padding: 16px 20px;border-radius: var(--content-entry);background: var(--wrap-hero)}
.zone-inner {font-weight: 700;cursor: pointer}
.grid-box {margin-top: 10px;margin-bottom: 0}


.panel__cell {padding: 64px 0;text-align: center;background: var(--inner-area)}
.panel__cell h2, .panel__cell p { color: rgba(255,255,255,1); }
.secondary-block {margin: 0 auto;max-width: 640px}
.foot-strip {gap: 16px;justify-content: center;flex-wrap: wrap;display: flex;margin: 20px 0}
.panel__cell .zone-info {color: #fff;border-color: rgba(255,255,255,1);background: transparent}
.site-bottom-desc {font-size: 0.85rem;opacity: 0.85}


.feature-wrap {padding: 64px 0;background: var(--wrap-hero)}
.unit-text {gap: 20px;align-items: flex-start;border: 1px solid var(--body-unit);background: var(--badge-header);border-radius: var(--col-full);display: flex;padding: 24px;margin-bottom: 16px}
.header__banner {flex: none;font-size: 1.8rem}
.area-inner { flex: 1; }
.text-module li {border-bottom: 1px solid var(--body-unit);padding: 8px 0;color: var(--text-view)}
.text-module li:last-child { border-bottom: none; }
.text-module li strong { color: var(--side-area); }


.inner-sub {background: var(--block-text-wrap);padding: 56px 0}
.hero-link {gap: 20px;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));display: grid}
.area__media {padding: 24px;border-radius: var(--col-full);background: var(--wrap-hero);text-align: center}
.row-primary {margin-bottom: 8px;font-size: 1.8rem}
.strip-cell {background: var(--wrap-hero);padding: 56px 0}
.side-bottom-container {display: grid;grid-template-columns: 1.4fr 1fr;gap: 32px}
.header-lead, .content-link {border: 1px solid var(--body-unit);padding: 28px;background: var(--badge-header);border-radius: var(--col-full)}


.row__holder {border-bottom: 1px solid var(--body-unit);padding: 12px 0}
.grid-note {color: var(--inner-cell);font-size: 0.85rem;gap: 8px;display: flex}
.grid-note li:not(:last-child)::after {margin-left: 8px;content: '/'}
.grid-note a { color: var(--inner-area); }


.sec__container { display: block; }
.tier-list {background: var(--wrap-hero);padding: 48px 0 24px;text-align: center}
.strip-title { padding: 40px 0; }
.list-icon {gap: 40px;display: grid;grid-template-columns: 2fr 1fr;align-items: start}
.hero__badge {top: 100px;border: 1px solid var(--body-unit);background: var(--wrap-hero);border-radius: var(--col-full);position: sticky;display: flex;gap: 8px;flex-direction: column;padding: 20px}
.widget-panel {padding: 4px 0;color: var(--inner-area);font-size: 0.9rem}



.content-right-inner {background: #111827;padding: 56px 0 24px;overflow: hidden;position: relative;color: rgb(203,213,225)}
body.tier__container .content-right-inner {color: rgba(255, 255, 255, 0.92);background: linear-gradient(135deg, var(--content-bottom) 0%, #f59e0b 100%)}
body.tier__container .content-right-inner::before {content: '';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%)}
body.tier__container .content-right-inner > * {z-index: 1;position: relative}
.block__badge {display: grid;padding: 0 24px 40px;grid-template-columns: 1.5fr repeat(3, 1fr);gap: 32px;max-width: 1200px;margin: 0 auto}
.row-center { min-width: 0; }
.page-note {flex-direction: column;display: flex;gap: 10px}
.layout-inner {display: flex;align-items: center;gap: 10px}
.head-info { height: 32px; }
.main-title {width: 32px;flex: none;object-fit: cover;border-radius: 50%;height: 32px}
.foot-inner {opacity: 0.8;font-size: 0.85rem}
.sec__view {display: flex;flex-wrap: wrap;gap: 8px}
.light-widget {font-size: 0.75rem;background: rgba(255,255,255,0.08);padding: 4px 10px;border-radius: 999px}
.block__title {margin-bottom: 12px;font-size: 0.8rem;letter-spacing: 0.05em;color: rgb(255,255,255);font-weight: 700;text-transform: uppercase}
.section__block, .band__inner {color: #cbd5e1;opacity: 0.85;padding: 4px 0;display: block;font-size: 0.9rem}
.section__block:hover { color: var(--sec-primary); }
body.tier__container .section__block, body.tier__container .band__inner, body.tier__container .foot-inner { color: #fff; }
body.tier__container .section__block:hover { color: #0a1a3a; }
.box__text {padding: 24px 24px 0;gap: 16px;align-items: center;justify-content: space-between;max-width: 1200px;display: flex;border-top: 1px solid rgba(255,255,255,0.1);margin: 0 auto;flex-wrap: wrap}
.section-foot {flex-wrap: wrap;gap: 8px;display: flex}
.page-desc {padding: 6px 12px;background: rgba(255,255,255,0.08);border-radius: var(--content-entry);font-size: 0.8rem}
.region-left-img p {font-size: 0.8rem;margin: 0;opacity: 0.7}
.body__slot { opacity: 0.7; }


@media (max-width: 1150px) {
  .hero-strip { display: none; }
  .lead-page { display: flex; }
  .outer-left { display: none; }
  .center-banner {right: 0;border-top: 1px solid var(--body-unit);gap: 10px;padding: 10px 16px calc(10px + env(safe-area-inset-bottom));bottom: 0;display: flex;position: fixed;background: rgba(255, 255, 255, 0.97);z-index: 150;backdrop-filter: blur(10px);left: 0}
  .center-banner .hero-left-entry { flex: 1; }
  body.layout__inner { padding-bottom: 64px; }
}
@media (max-width: 900px) {
  .menu-img, .side-bottom-container, .list-icon { grid-template-columns: 1fr; }
  .block__badge { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 600px) {
  .layout-data { font-size: 2rem; }
  .block__badge { grid-template-columns: 1fr; }
  .box__text {flex-direction: column;align-items: flex-start}
}


.body-right-banner {background: var(--wrap-hero);padding: 64px 0}
.hero__btn {flex-direction: column;border: 1px solid var(--body-unit);display: flex;margin: 0 auto;overflow: hidden;max-width: 640px;background: var(--badge-header);border-radius: var(--col-full)}
.slot-outer {align-items: baseline;border-bottom: 1px solid var(--body-unit);gap: 16px;display: flex;padding: 14px 20px;justify-content: space-between;margin: 0}
.slot-outer:last-child { border-bottom: none; }
.link-header {font-weight: 700;color: var(--side-area);margin: 0}
.text-area {color: var(--text-view);text-align: right;margin: 0}

.area-media {background: var(--block-text-wrap);padding: 64px 0}
.content-alt {flex-direction: column;gap: 12px;max-width: 640px;display: flex;margin: 0 auto}
.title-page {color: var(--text-view);align-items: center;font-weight: 600;gap: 10px;display: flex}
.flex-box {font-weight: 700;color: var(--content-bottom)}

.info-img {background: var(--wrap-hero);padding: 64px 0}
.content-dark {max-width: 720px;padding-left: 22px;margin: 0 auto;flex-direction: column;gap: 14px;display: flex}
.wrap-badge { color: var(--text-view); }
.wrap-badge strong { color: var(--side-area); }

@media (max-width: 600px) {
  .slot-outer {gap: 4px;flex-direction: column}
  .text-area { text-align: left; }
}


.title-col {font-size: 0.85rem;color: var(--inner-cell);margin-top: 12px}

.content-sub {display: flex;flex-direction: column;gap: 18px}
.side-container {grid-template-columns: 1fr 1fr;display: grid;gap: 18px}
.list-view {flex-direction: column;gap: 6px;display: flex}
.list-view label {font-weight: 700;color: var(--side-area);font-size: 0.9rem}
.list-view input, .list-view select, .list-view textarea {padding: 12px 14px;border: 1px solid var(--body-unit);border-radius: var(--content-entry);color: var(--side-area);background: var(--block-text-wrap);font: inherit}
.list-view input:focus, .list-view select:focus, .list-view textarea:focus {outline: 2px solid var(--hero-area);outline-offset: 1px}
.list-view textarea { resize: vertical; }
.zone-widget {font-size: 0.85rem;align-items: flex-start;display: flex;color: var(--text-view);gap: 10px}
.zone-widget input { margin-top: 3px; }
.zone-widget a {font-weight: 700;color: var(--inner-area)}
@media (max-width: 600px) {
  .side-container { grid-template-columns: 1fr; }
}

.body__entry {margin: 0 auto 24px;padding: 32px;background: var(--badge-header);max-width: 480px;border: 2px solid var(--sec-primary);box-shadow: var(--block-feature);border-radius: var(--tier-view)}
.area-lg-box {flex-direction: column;align-items: stretch}
.note-segment {display: flex;gap: 10px;align-items: center;flex-direction: column}
.btn-zone {justify-content: center;background: var(--box__view);align-items: center;font-size: 0.9rem;display: flex;font-weight: 800;height: 44px;border-radius: 50%;color: var(--inner-area);width: 44px}


.sub-group { padding: 56px 0; }
.row-lg-main { background: var(--wrap-hero); }
.strip-entry {max-width: 820px;margin: 0 auto}
.text-flex {text-align: center;font-size: 0.9rem;max-width: 900px;margin: 16px auto 0;color: var(--inner-cell)}
.area-bottom-banner {display: flex;counter-reset: policy-step;max-width: 800px;flex-direction: column;margin: 0 auto;gap: 18px}
.area-bottom-banner li {position: relative;color: var(--text-view);padding-left: 48px}
.area-bottom-banner li::before {color: #0a1a3a;left: 0;counter-increment: policy-step;font-size: 0.9rem;background: var(--foot-cell);align-items: center;justify-content: center;position: absolute;width: 32px;font-weight: 800;height: 32px;content: counter(policy-step);display: flex;top: 0;border-radius: 50%}
.outer-media {gap: 16px;display: grid;grid-template-columns: repeat(auto-fit, minmax(220px, 1fr))}
.box-inner {border: 1px solid var(--body-unit);border-radius: var(--col-full);background: var(--badge-header);padding: 16px;align-items: center;display: flex;gap: 12px}
.header-primary {border-radius: 50%;display: flex;align-items: center;color: rgb(10,26,58);font-weight: 800;width: 44px;height: 44px;font-size: 0.8rem;flex: none;background: var(--foot-cell);justify-content: center}
.box-inner p { margin: 0; }

.inner-site {max-width: 800px;flex-direction: column;margin: 0 auto;gap: 16px;display: flex}
.side-title {border: 1px solid var(--body-unit);padding: 18px 20px;background: var(--badge-header);gap: 16px;align-items: center;border-radius: var(--col-full);display: flex}
.sec-holder {height: 12px;border-radius: 50%;background: #22c55e;flex: none;width: 12px}
.side-title.sec-link .sec-holder { background: #f59e0b; }
.foot-meta { flex: 1; }
.foot-meta h3 {font-size: 1rem;margin: 0 0 4px}
.foot-meta p {margin: 0;font-size: 0.85rem;color: var(--inner-cell)}
.flex-grid-lead {display: flex;flex-wrap: wrap;gap: 16px;justify-content: center}


.content-narrow {padding: 56px 0;background: var(--wrap-hero)}
.secondary-lead {display: grid;margin-top: 16px;grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));gap: 20px}
.bottom-entry {border: 1px solid var(--body-unit);padding: 20px;border-radius: var(--col-full);background: var(--badge-header)}
.bottom-entry cite {font-style: normal;display: block;margin-top: 10px;font-size: 0.85rem;color: var(--inner-cell)}
.content-narrow .layout__banner { margin-top: 16px; }

.panel-sub {background: var(--block-text-wrap);padding: 56px 0}
.nav__link {max-width: 720px;padding: 0;flex-direction: column;gap: 14px;margin: 24px auto 0;display: flex;list-style: none}
.sec-banner {display: flex;background: var(--wrap-hero);border-radius: var(--col-full);align-items: flex-start;gap: 16px;padding: 16px 20px}
.area__feature {font-weight: 800;width: 32px;display: flex;background: var(--foot-cell);height: 32px;align-items: center;justify-content: center;border-radius: 50%;flex: none;color: rgba(10,26,58,1)}


.flex__holder, .segment-zone, .center-desc,
.main__slot, .col-feature, .block__media,
.info-cell, .page-img { padding: 56px 0; }
.site-frame {max-width: 820px;margin: 0 auto}


.bar-feature {padding: 64px 0;background: var(--block-text-wrap)}
.menu-img {display: grid;margin-bottom: 32px;grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));gap: 24px}
.content-link {padding: 24px;border-radius: var(--col-full);background: var(--wrap-hero)}
.region-list {font-size: 1.8rem;margin-bottom: 8px}
.row-area p, .band-text p {margin: 0 0 4px;font-size: 0.9rem;color: var(--text-view)}
.band-text { margin-top: 12px; }
.nav-primary {max-width: 800px;margin: 0 auto}
.foot-band {margin-bottom: 12px;font-weight: 700}
.cell-flex {overflow: hidden;border-radius: var(--col-full)}
.cell-flex iframe {display: block;width: 100%;height: 280px;border: 0}
body.area-foot .title-col { color: var(--inner-cell); }


.row-media { padding: 56px 0; }
.info-layout {max-width: 800px;display: flex;margin: 0 auto;flex-direction: column;gap: 12px}


.layout__widget, .page-sub-wrap, .secondary-widget, .body-note,
.row-media, .narrow-img, .holder-content, .module-title-title,
.body-view, .block-header, .layout-sm-icon, .link-inner { padding: 56px 0; }


.lg-cell {display: grid;margin-top: 16px;grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));gap: 20px}
.side-list {padding: 24px;background: var(--badge-header);border: 1px solid var(--body-unit);border-radius: var(--col-full)}
.side-list h3 { margin-bottom: 8px; }
.module-container {display: flex;max-width: 720px;color: var(--text-view);flex-direction: column;padding-left: 22px;gap: 14px;margin: 16px auto 0}
.text-site {gap: 20px;margin-top: 16px;grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));display: grid}
.menu-box {text-align: center;border: 1px solid var(--body-unit);background: var(--badge-header);padding: 24px;border-radius: var(--col-full)}
.menu-box h3 { margin-bottom: 8px; }
body.area-foot .panel__frame { padding: 56px 0; }

.alt-link .menu-img { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }
.region-list {margin-bottom: 10px;font-size: 1.8rem}
.alt-link { padding: 56px 0; }


.card-menu-img { background: var(--wrap-hero); }
.secondary-banner {margin-top: 20px;gap: 16px;display: flex;flex-wrap: wrap;justify-content: center}

.content-bar { padding: 56px 0; }
.menu-holder {padding: 32px;margin: 0 auto;max-width: 640px;text-align: center;border: 1px solid var(--body-unit);border-radius: var(--col-full);background: var(--badge-header)}
.card-info {margin: 16px 0;gap: 10px;display: flex}
.card-info input {border-radius: var(--content-entry);border: 1px solid var(--body-unit);padding: 12px 16px;flex: 1}
.top-slot {justify-content: center;gap: 8px;flex-wrap: wrap;display: flex}
.band-title {border-radius: 999px;background: var(--wrap-hero);padding: 6px 14px;font-size: 0.8rem}

.panel-title-area, .inner-zone, .area__frame, .module-cell, .body-note, .nav-bottom-banner, .primary-feature, .head-frame, .section-wide, .section-view { padding: 56px 0; }
.wrap-dark-block, .main-text {gap: 24px;grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));display: grid}
.menu-btn, .module__lead {border: 1px solid var(--body-unit);padding: 24px;background: var(--badge-header);text-align: center;border-radius: var(--col-full)}
.light-entry {margin-bottom: 12px;font-size: 1.25rem}
.page__main {font-size: 2rem;margin-bottom: 12px}
.card__entry {font-weight: 700;color: var(--inner-area);display: inline-block;margin-top: 8px}

.area-narrow-note, .page-primary {gap: 20px;grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));display: grid}
.sm-info, .wrap-body {border: 1px solid var(--body-unit);background: var(--badge-header);border-radius: var(--col-full);overflow: hidden}
.main-foot-banner {text-align: center;font-size: 2rem;background: var(--wrap-hero);padding: 32px 0}
.wrap-text-media { padding: 16px; }
.wrap-body { padding: 20px; }

.text-block, .box-title {display: grid;gap: 24px;grid-template-columns: repeat(auto-fit, minmax(220px, 1fr))}
.frame-outer {border: 1px solid var(--body-unit);background: var(--badge-header);border-radius: var(--col-full);padding: 24px;text-align: center}
.info-holder {margin-bottom: 10px;font-size: 2rem}
.content-data-entry {font-size: 0.9rem;margin: 10px 0}
.module__view {color: var(--inner-area);margin-top: 8px;font-weight: 700}

.zone-meta {gap: 12px;margin: 0 auto;display: flex;flex-direction: column;max-width: 700px}
.segment-head {border: 1px solid var(--body-unit);border-radius: var(--content-entry);display: flex;background: var(--badge-header);align-items: center;gap: 14px;padding: 16px}
.block-lg {width: 12px;border-radius: 50%;height: 12px;flex: none;background: rgba(34,197,94,1)}
.segment-head.media-header .block-lg { background: #f59e0b; }

.tier-secondary {margin: 0 auto;background: var(--badge-header);max-width: 600px;border: 1px solid var(--body-unit);padding: 32px;border-radius: var(--col-full)}

.main-banner {border: 1px solid var(--body-unit);text-align: center;padding: 20px;background: var(--badge-header);display: block;border-radius: var(--col-full)}
.text-main {margin-bottom: 8px;font-size: 1.8rem}
.info-layout {max-width: 800px;display: flex;flex-direction: column;gap: 10px;margin: 0 auto}
.area-box {border: 1px solid var(--body-unit);border-radius: var(--content-entry);padding: 4px 20px;background: var(--badge-header)}
.zone-inner {padding: 14px 0;cursor: pointer;display: flex;justify-content: space-between;align-items: center}
.zone-inner h3 {margin: 0;font-size: 1rem}
.region-left-title {font-weight: 300;align-items: center;justify-content: center;width: 32px;border-radius: 50%;display: flex;flex: none;font-size: 1.5rem;color: #22c55e;height: 32px;background: rgba(34, 197, 94, 0.1)}
.grid-box { padding-bottom: 14px; }

.nav-sm {grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));gap: 20px;display: grid}
.frame-hero {text-align: center;border: 1px solid var(--body-unit);border-radius: var(--col-full);background: var(--badge-header);padding: 24px}
.flex__slot {  }
.main-band {flex-direction: column;display: flex;gap: 16px}
.holder-panel { }


.header-full { padding: 32px 0; }
.sec-block {background: var(--wrap-hero);padding: 40px 0}
.module-text {margin: 0 auto;overflow: hidden;max-width: 480px;border: 1px solid var(--body-unit);background: var(--badge-header);border-radius: var(--col-full)}
.alt-badge {display: flex;justify-content: space-between;padding: 8px 20px;border-bottom: 1px solid var(--body-unit)}
.alt-badge:last-child { border-bottom: none; }
.data-info { color: var(--inner-cell); }
.area-side { font-weight: 700; }
.area-head { padding: 40px 0; }
.sec__cell {flex-direction: column;display: flex;gap: 10px;margin: 16px auto 0;max-width: 640px}
.sec__cell li {align-items: center;color: var(--text-view);display: flex;gap: 10px}
.holder-outer {background: var(--wrap-hero);padding: 40px 0}
.holder-outer ol {flex-direction: column;display: flex;gap: 8px;max-width: 720px;margin: 16px auto 0;color: var(--text-view);padding-left: 22px}
.lg-inner { padding: 40px 0; }
.flex-view {max-width: 800px;margin: 0 auto}


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