/* ===== theme.css ===== */
:root {
    --sn-font-body: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --sn-font-heading: "Playfair Display", Georgia, serif;
    --sn-font-ui: Manrope, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --sn-body-size: 16px;
    --sn-nav-size: 12px;
    --sn-logo-size: 34px;
    --sn-navy: #071b31;
    --sn-navy-2: #0d2a46;
    --sn-teal: #138f8b;
    --sn-teal-dark: #0c706d;
    --sn-orange: #d77b1f;
    --sn-blue: #2e6dd8;
    --sn-purple: #7a45b8;
    --sn-green: #6b8818;
    --sn-text: #17243a;
    --sn-muted: #667287;
    --sn-border: #dfe5ec;
    --sn-surface: #ffffff;
    --sn-soft: #f6f8fa;
    --sn-warm: #fbf6ee;
    --sn-shadow: 0 16px 42px rgba(7, 27, 49, 0.08);
    --sn-shadow-sm: 0 8px 24px rgba(7, 27, 49, 0.07);
    --sn-radius: 18px;
    --sn-container: 1240px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
    margin: 0;
    background: #fff;
    color: var(--sn-text);
    font-family: var(--sn-font-body);
    font-size:var(--sn-body-size);
    line-height: 1.65;
    -webkit-font-smoothing: antialiased;
}
body.menu-open { overflow: hidden; }
a { color: inherit; text-decoration: none; }
a:hover { color: var(--sn-teal-dark); }
img { display: block; max-width: 100%; height: auto; }
button, input, textarea, select { font: inherit; }
button { cursor: pointer; }
figure { margin: 0; }
svg { display: block; }
::selection { background: rgba(19, 143, 139, .18); color: var(--sn-navy); }

h1, h2, h3, h4, h5, h6 {
    margin: 0 0 .6em;
    color: var(--sn-navy);
    font-family: var(--sn-font-heading);
    font-weight: 600;
    letter-spacing: -.025em;
    line-height: 1.13;
}
p { margin: 0 0 1.25em; }

.sn-container { width: min(calc(100% - 40px), var(--sn-container)); margin-inline: auto; }
.sn-icon { width: 22px; height: 22px; flex: 0 0 auto; }
.screen-reader-text {
    position: absolute !important;
    width: 1px; height: 1px; padding: 0; margin: -1px;
    overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
}
.screen-reader-text:focus {
    top: 12px; left: 12px; z-index: 999999;
    width: auto; height: auto; padding: 10px 14px; margin: 0;
    clip: auto; background: #fff; border-radius: 6px; box-shadow: var(--sn-shadow);
}
.skip-link { color: var(--sn-navy); font-weight: 600; }


.site-header,
.utility-bar,
.main-header,
.primary-navigation,
.header-actions,
.sn-button,
.section-heading > a,
.eyebrow,
.category-label,
.post-meta,
.category-ribbon__item,
.story-card__category,
.story-card__title,
.mini-story h3,
.popular-list h3,
.footer-title,
.widget-title,
.article-tags,
.author-box,
.post-navigation,
.site-footer {
    font-family: var(--sn-font-ui);
}

/* Header */
.site-header { position: relative; z-index: 100; background: rgba(255,255,255,.98); }
.utility-bar { border-bottom: 1px solid var(--sn-border); color: #47556b; font-size:12px; }
.utility-bar__inner { min-height: 38px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.utility-bar__left, .utility-bar__right { display: flex; align-items: center; gap: 16px; }
.utility-dot { width: 4px; height: 4px; border-radius: 50%; background: var(--sn-teal); }
.utility-bar__right > a { color: #425067; font-weight: 600; }
.utility-bar__right > a:hover { color: var(--sn-teal); }
.utility-social { display: grid; place-items: center; width: 26px; height: 26px; }
.utility-social .sn-icon { width: 15px; height: 15px; }
.main-header { position: relative; border-bottom: 1px solid rgba(223,229,236,.9); background: rgba(255,255,255,.96); backdrop-filter: blur(18px); }
.admin-bar .main-header.is-sticky { top: 32px; }
.main-header.is-sticky { position: fixed; top: 0; left: 0; right: 0; box-shadow: 0 10px 34px rgba(7,27,49,.09); animation: headerSlide .28s ease; }
@keyframes headerSlide { from { transform: translateY(-100%); } to { transform: translateY(0); } }
.main-header__inner { min-height: 92px; display: grid; grid-template-columns: minmax(200px, 270px) 1fr auto; align-items: center; gap: 30px; }
.branding-wrap { min-width: 0; }
.site-brand { display: inline-flex; flex-direction: column; gap: 2px; color: var(--sn-navy); }
.site-brand__name { font-family: var(--sn-font-heading); font-size:clamp(25px, 2.6vw, var(--sn-logo-size)); line-height: 1; font-weight: 600; letter-spacing: -.04em; }
.site-brand__name span { color: var(--sn-teal); }
.site-brand__tagline { color: var(--sn-muted); font-size:10px; font-weight: 600; letter-spacing: .02em; }
.custom-logo-link { display: inline-flex; align-items: center; }
.custom-logo { max-height: 64px; width: auto; }
.primary-navigation { justify-self: center; }
.primary-menu { list-style: none; display: flex; align-items: center; justify-content: center; gap: clamp(16px, 2vw, 31px); padding: 0; margin: 0; }
.primary-menu > li { position: relative; }
.primary-menu > li > a { display: block; padding: 36px 0 32px; color: #17243a; font-size:var(--sn-nav-size); font-weight: 600; letter-spacing: .035em; text-transform: uppercase; }
.primary-menu > li > a::after { content: ""; position: absolute; left: 50%; bottom: 24px; width: 0; height: 2px; transform: translateX(-50%); background: var(--sn-teal); transition: width .2s ease; }
.primary-menu > li.current-menu-item > a::after, .primary-menu > li:hover > a::after { width: 24px; }
.primary-menu .sub-menu { position: absolute; top: calc(100% - 15px); left: -20px; z-index: 20; min-width: 230px; list-style: none; padding: 10px; margin: 0; background: #fff; border: 1px solid var(--sn-border); border-radius: 12px; box-shadow: var(--sn-shadow); opacity: 0; visibility: hidden; transform: translateY(8px); transition: .2s ease; }
.primary-menu li:hover > .sub-menu, .primary-menu li:focus-within > .sub-menu { opacity: 1; visibility: visible; transform: none; }
.primary-menu .sub-menu a { display: block; padding: 10px 12px; border-radius: 8px; font-size:13px; font-weight: 600; }
.primary-menu .sub-menu a:hover { background: var(--sn-soft); }
.header-actions { display: flex; align-items: center; gap: 12px; }
.search-toggle, .mobile-menu-toggle { display: grid; place-items: center; border: 1px solid var(--sn-border); background: #fff; color: var(--sn-navy); border-radius: 50%; transition: .2s ease; }
.search-toggle { width: 42px; height: 42px; }
.search-toggle:hover, .mobile-menu-toggle:hover { color: var(--sn-teal); border-color: var(--sn-teal); }
.mobile-menu-toggle { display: none; width: 44px; height: 44px; }
.menu-icon-close { display: none; }
.mobile-menu-toggle[aria-expanded="true"] .menu-icon-open { display: none; }
.mobile-menu-toggle[aria-expanded="true"] .menu-icon-close { display: block; }
.header-search { position: absolute; left: 0; right: 0; top: 100%; padding: 18px 0; background: #fff; border-bottom: 1px solid var(--sn-border); box-shadow: var(--sn-shadow-sm); }
.header-search .search-form { max-width: 720px; margin: 0 auto; }

/* Buttons and forms */
.sn-button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 46px; padding: 12px 20px; border: 0; border-radius: 5px 14px 5px 14px; font-size:13px; font-weight: 600; transition: transform .2s ease, box-shadow .2s ease, background .2s ease; }
.sn-button:hover { transform: translateY(-2px); color: #fff; box-shadow: 0 10px 22px rgba(7,27,49,.15); }
.sn-button .sn-icon { width: 17px; height: 17px; }
.sn-button--dark { color: #fff; background: var(--sn-navy); }
.sn-button--dark:hover { background: var(--sn-teal-dark); }
.sn-button--accent { color: #fff; background: var(--sn-teal); }
.sn-button--accent:hover { background: var(--sn-teal-dark); }
.sn-button--compact { min-height: 42px; padding: 10px 17px; }
.search-form { position: relative; display: flex; width: 100%; }
.search-form label { width: 100%; }
.search-field { width: 100%; height: 50px; padding: 0 54px 0 16px; border: 1px solid var(--sn-border); border-radius: 8px; background: #fff; color: var(--sn-text); outline: none; }
.search-field:focus { border-color: var(--sn-teal); box-shadow: 0 0 0 3px rgba(19,143,139,.12); }
.search-submit { position: absolute; top: 4px; right: 4px; display: grid; place-items: center; width: 42px; height: 42px; border: 0; border-radius: 7px; background: var(--sn-navy); color: #fff; }
.search-submit .sn-icon { width: 19px; height: 19px; }

/* General sections */
.section-space--top { padding-top: 32px; }
.content-section { padding: 25px 0; }
.cut-card { overflow: hidden; border-radius: 6px 26px 6px 26px; }
.panel-card { border: 1px solid var(--sn-border); border-radius: var(--sn-radius); background: #fff; box-shadow: 0 9px 28px rgba(7,27,49,.04); }
.section-heading { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-bottom: 18px; padding-bottom: 9px; border-bottom: 1px solid var(--sn-border); }
.section-heading > div { display: flex; align-items: center; gap: 9px; }
.section-heading h2 { margin: 0; font-size:clamp(22px, 2vw, 26px); }
.section-heading > a { display: inline-flex; align-items: center; gap: 6px; color: #4e5d73; font-size:12px; font-weight: 600; }
.section-heading > a:hover { color: var(--sn-teal); }
.section-heading > a .sn-icon { width: 16px; height: 16px; }
.section-heading--inside { padding: 16px 18px 12px; margin: 0; }
.section-heading--inside h2 { font-size:22px; }
.section-kicker { color: var(--sn-orange); font-size:18px; }
.eyebrow { display: block; margin-bottom: 10px; color: var(--sn-teal); font-size:11px; font-weight: 600; letter-spacing: .13em; text-transform: uppercase; }
.category-label { display: inline-flex; width: fit-content; margin-bottom: 15px; padding: 6px 10px; border-radius: 3px 9px 3px 9px; background: var(--sn-teal); color: #fff; font-size:10px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
.category-label:hover { color: #fff; filter: brightness(.94); }
.post-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; color: #7a8595; font-size:11px; }
.meta-dot { width: 3px; height: 3px; border-radius: 50%; background: currentColor; opacity: .65; }
.empty-state { padding: 46px; border: 1px dashed #c7d1dc; background: var(--sn-soft); text-align: center; }
.empty-state h1, .empty-state h2 { font-size:clamp(26px, 4vw, 26px); }
.empty-state .search-form { max-width: 560px; margin: 26px auto 0; }

/* Hero */
.hero-grid { display: grid; grid-template-columns: minmax(0, 1.72fr) minmax(320px, .9fr); gap: 14px; }
.hero-main { position: relative; min-height: 510px; display: flex; align-items: center; background: linear-gradient(90deg, rgba(251,253,255,.98) 2%, rgba(251,253,255,.93) 44%, rgba(251,253,255,.05) 76%), var(--hero-image) center/cover no-repeat; border: 1px solid var(--sn-border); }
.hero-main::before { content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 42px; background: #fff; clip-path: polygon(0 100%, 0 70%, 16% 70%, 21% 0, 27% 70%, 100% 70%, 100% 100%); opacity: .96; }
.hero-main__content { position: relative; z-index: 1; max-width: 570px; padding: clamp(36px, 5vw, 68px); }
.hero-main h1 { margin-bottom: 18px; font-size:clamp(26px, 5vw, 26px); }
.hero-main h1 a:hover { color: var(--sn-navy); }
.hero-main p { max-width: 510px; color: #5d6b7e; font-size:16px; }
.hero-main .post-meta { margin-top: 18px; }
.hero-side { display: grid; grid-template-rows: 1fr 1fr; gap: 14px; }
.hero-side-card { min-height: 248px; display: flex; align-items: flex-end; padding: 28px; background-position: center; background-size: cover; color: #fff; }
.hero-side-card h2 { max-width: 360px; margin-bottom: 14px; color: #fff; font-size:clamp(23px, 2.4vw, 26px); }
.hero-side-card h2 a:hover { color: #fff; opacity: .84; }
.hero-side-card .post-meta { color: rgba(255,255,255,.82); }
.hero-side-card:nth-child(2) .category-label { background: var(--sn-blue); }
.category-ribbon { display: grid; grid-template-columns: repeat(5, 1fr); margin-top: 20px; padding: 18px 14px; border: 1px solid var(--sn-border); border-radius: 16px; background: #fff; box-shadow: var(--sn-shadow-sm); }
.category-ribbon__item { min-height: 100px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 11px; padding: 12px 20px; color: var(--sn-navy); text-align: center; font-size:12px; font-weight: 600; line-height: 1.35; border-right: 1px solid var(--sn-border); }
.category-ribbon__item:last-child { border-right: 0; }
.category-ribbon__item:hover { color: var(--category-accent); transform: translateY(-2px); }
.category-ribbon__icon { display: grid; place-items: center; color: var(--category-accent); }
.category-ribbon__icon .sn-icon { width: 36px; height: 36px; }

/* Cards */
.card-grid { display: grid; gap: 18px; }
.card-grid--five { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.card-grid--three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.story-card { min-width: 0; }
.story-card__media { display: block; overflow: hidden; border-radius: 5px 16px 5px 16px; aspect-ratio: 1.45 / 1; background: var(--sn-soft); }
.story-card__media img { width: 100%; height: 100%; object-fit: cover; transition: transform .45s ease; }
.story-card:hover .story-card__media img { transform: scale(1.045); }
.story-card__content { padding-top: 12px; }
.story-card__category { display: inline-block; margin-bottom: 6px; color: var(--sn-teal); font-size:9px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
.story-card__title { margin-bottom: 8px; font-family: var(--sn-font-ui); font-size:16px; line-height: 1.35; letter-spacing: -.01em; }
.story-card__title a:hover { color: var(--sn-teal-dark); }
.story-card p { margin-bottom: 10px; color: var(--sn-muted); font-size:13px; line-height: 1.55; }
.story-card--compact .story-card__title { font-size:14px; }
.story-card--compact .story-card__media { aspect-ratio: 1.6 / 1; }
.category-section:nth-of-type(odd) { background: linear-gradient(180deg, rgba(246,248,250,.74), rgba(255,255,255,0)); }
.category-heading { border-bottom-color: color-mix(in srgb, var(--category-accent) 30%, var(--sn-border)); }
.category-heading h2, .category-heading__icon { color: var(--category-accent); }
.category-heading__icon .sn-icon { width: 25px; height: 25px; }
.category-card-grid .story-card__category { color: var(--category-accent); }

/* Editor and popular */
.editor-layout { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(300px, .7fr); gap: 20px; align-items: start; }
.editor-grid { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(260px, .8fr); gap: 16px; padding: 16px; }
.editor-feature { min-height: 500px; display: flex; align-items: flex-end; padding: 30px; background-position: center; background-size: cover; color: #fff; }
.editor-feature > div { max-width: 520px; }
.editor-feature h2 { color: #fff; font-size:clamp(26px, 3.2vw, 26px); }
.editor-feature h2 a:hover { color: #fff; opacity: .9; }
.editor-feature p { color: rgba(255,255,255,.83); font-size:14px; }
.editor-feature .post-meta { margin-top: 16px; color: rgba(255,255,255,.76); }
.editor-list { display: grid; align-content: start; }
.mini-story { display: grid; grid-template-columns: 92px 1fr; gap: 12px; padding: 13px 0; border-bottom: 1px solid var(--sn-border); }
.mini-story:first-child { padding-top: 0; }
.mini-story:last-child { border-bottom: 0; }
.mini-story__image { overflow: hidden; border-radius: 4px 10px 4px 10px; aspect-ratio: 1 / .8; }
.mini-story__image img { width: 100%; height: 100%; object-fit: cover; }
.mini-story h3 { margin: 0 0 9px; font-family: var(--sn-font-ui); font-size:13px; line-height: 1.35; }
.popular-list { list-style: none; padding: 6px 18px 15px; margin: 0; counter-reset: popular; }
.popular-list li { display: grid; grid-template-columns: 34px 1fr; gap: 12px; padding: 13px 0; border-bottom: 1px solid var(--sn-border); }
.popular-list li:last-child { border-bottom: 0; }
.popular-rank { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50% 50% 50% 7px; background: var(--sn-teal); color: #fff; font-size:12px; font-weight: 600; }
.popular-list h3 { margin: 0 0 5px; font-family: var(--sn-font-ui); font-size:13px; line-height: 1.35; }
.popular-list li div > span { color: var(--sn-muted); font-size:10px; }

/* Newsletter */
.newsletter-section { padding: 35px 0 44px; }
.newsletter-box { display: grid; grid-template-columns: auto 1fr minmax(360px, .95fr); align-items: center; gap: 24px; padding: 25px 34px; border: 1px solid #eadfce; background: linear-gradient(105deg, #fffaf3, #fbf5ec 48%, #fff); }
.newsletter-visual { display: grid; place-items: center; width: 72px; height: 64px; color: var(--sn-teal); background: #fff; border-radius: 6px 20px 6px 20px; box-shadow: var(--sn-shadow-sm); }
.newsletter-visual .sn-icon { width: 34px; height: 34px; }
.newsletter-copy h2 { margin-bottom: 5px; font-size:clamp(25px, 3vw, 26px); }
.newsletter-copy p { margin: 0; color: var(--sn-muted); }
.newsletter-form { position: relative; display: grid; grid-template-columns: 1fr auto; gap: 10px; }
.newsletter-form input[type="email"] { min-width: 0; height: 48px; padding: 0 15px; border: 1px solid var(--sn-border); border-radius: 7px; background: #fff; outline: none; }
.newsletter-form input[type="email"]:focus { border-color: var(--sn-teal); box-shadow: 0 0 0 3px rgba(19,143,139,.1); }
.form-status { grid-column: 1 / -1; font-size:12px; }
.form-status--success { color: #16704c; }
.form-status--error { color: #ad2f2f; }

/* Footer */
.site-footer { padding-top: 44px; border-top: 1px solid var(--sn-border); background: #fff; }
.footer-grid { display: grid; grid-template-columns: 1.15fr .75fr 1.1fr 1fr; gap: 40px; padding-bottom: 38px; }
.footer-brand p, .footer-column p { color: var(--sn-muted); font-size:13px; }
.footer-brand .site-brand { margin-bottom: 18px; }
.footer-title { margin-bottom: 17px; font-family: var(--sn-font-ui); font-size:15px; letter-spacing: -.01em; }
.footer-menu { list-style: none; padding: 0; margin: 0; }
.footer-menu li { margin-bottom: 9px; }
.footer-menu a { color: #526075; font-size:12px; font-weight: 600; }
.footer-menu a:hover { color: var(--sn-teal); }
.social-links { display: flex; flex-wrap: wrap; gap: 8px; }
.social-links a { display: grid; place-items: center; width: 34px; height: 34px; border: 1px solid var(--sn-border); border-radius: 50%; color: #56647a; }
.social-links a:hover { color: #fff; background: var(--sn-teal); border-color: var(--sn-teal); }
.social-links .sn-icon { width: 16px; height: 16px; }
.newsletter-form--compact { grid-template-columns: 1fr; }
.newsletter-form--compact .sn-button { width: fit-content; min-height: 40px; padding: 9px 16px; }
.footer-bottom { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 17px 0; border-top: 1px solid var(--sn-border); color: #7a8595; font-size:11px; }
.footer-bottom p { margin: 0; }

/* Archive, search and page */
.archive-main, .page-main, .single-main, .error-main { padding: 34px 0 60px; }
.content-with-sidebar { display: grid; grid-template-columns: minmax(0, 1fr) 310px; gap: 34px; align-items: start; }
.content-column { min-width: 0; }
.breadcrumbs { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin-bottom: 20px; color: #7a8595; font-size:11px; }
.breadcrumbs a { color: var(--sn-teal-dark); font-weight: 600; }
.archive-header { margin-bottom: 26px; padding: 28px 32px; background: linear-gradient(120deg, #f5f9fa, #fff); border: 1px solid var(--sn-border); }
.archive-header:not(.cut-card) { padding-left: 0; padding-right: 0; border: 0; background: transparent; }
.archive-header h1 { margin-bottom: 10px; font-size:clamp(26px, 5vw, 26px); }
.archive-header p, .archive-description { max-width: 760px; color: var(--sn-muted); }
.archive-description p:last-child { margin-bottom: 0; }
.archive-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 22px; }
.archive-grid .story-card__title { font-size:19px; }
.archive-grid .story-card__media { aspect-ratio: 1.62 / 1; }
.navigation.pagination { margin-top: 38px; }
.nav-links { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.page-numbers { display: grid; place-items: center; min-width: 40px; height: 40px; padding: 0 12px; border: 1px solid var(--sn-border); border-radius: 5px 11px 5px 11px; color: var(--sn-navy); font-size:13px; font-weight: 600; }
.page-numbers.current, .page-numbers:hover { color: #fff; background: var(--sn-teal); border-color: var(--sn-teal); }
.site-sidebar { position: sticky; top: 118px; display: grid; gap: 20px; }
.widget { padding: 22px; border: 1px solid var(--sn-border); border-radius: 8px 20px 8px 20px; background: #fff; box-shadow: 0 8px 24px rgba(7,27,49,.04); }
.widget-title { margin-bottom: 17px; padding-bottom: 10px; border-bottom: 1px solid var(--sn-border); font-family: var(--sn-font-ui); font-size:17px; }
.widget ul { padding-left: 18px; }
.widget li { margin-bottom: 8px; }
.sidebar-category-list { list-style: none; padding: 0 !important; margin: 0; }
.sidebar-category-list li { margin: 0; border-bottom: 1px solid var(--sn-border); }
.sidebar-category-list li:last-child { border-bottom: 0; }
.sidebar-category-list a { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 11px 0; color: #46546a; font-size:13px; font-weight: 600; }
.sidebar-category-list small { color: #8791a0; }
.page-shell { max-width: 960px; }
.page-header { padding: clamp(35px, 6vw, 68px); margin-bottom: 28px; background: linear-gradient(120deg, #f3f8f8, #fff); border: 1px solid var(--sn-border); }
.page-header h1 { margin-bottom: 12px; font-size:clamp(26px, 7vw, 26px); }
.page-header p { max-width: 680px; color: var(--sn-muted); font-size:18px; }
.page-featured { margin-bottom: 30px; }
.page-featured img { width: 100%; }
.page-content { max-width: 820px; margin: 0 auto; }

/* Single article */
.article-header-wrap { max-width: 1040px; }
.article-header { max-width: 900px; margin: 15px auto 30px; text-align: center; }
.article-header .category-label { margin-inline: auto; }
.article-header h1 { margin-bottom: 20px; font-size:clamp(26px, 7vw, 26px); }
.article-deck { max-width: 760px; margin: 0 auto 24px; color: #5f6d80; font-family: var(--sn-font-heading); font-size:clamp(19px, 2.2vw, 24px); line-height: 1.45; }
.article-byline { display: inline-flex; align-items: center; gap: 12px; text-align: left; }
.article-byline img { border-radius: 50%; }
.article-byline strong { display: block; margin-bottom: 2px; color: var(--sn-navy); font-size:13px; }
.article-hero { aspect-ratio: 1.75 / 1; background: var(--sn-soft); }
.article-hero img { width: 100%; height: 100%; object-fit: cover; }
.article-layout { margin-top: 38px; }
.article-content { max-width: 790px; font-family: var(--sn-font-body); color: #243147; font-size:18px; line-height: 1.85; }
.article-content > *:first-child { margin-top: 0; }
.article-content h2 { margin-top: 1.5em; font-size:26px; }
.article-content h3 { margin-top: 1.4em; font-size:26px; }
.article-content h4 { margin-top: 1.3em; font-size:23px; }
.article-content a { color: var(--sn-teal-dark); text-decoration: underline; text-underline-offset: 3px; }
.article-content blockquote { margin: 30px 0; padding: 24px 28px; border-left: 4px solid var(--sn-teal); background: #f5f9f9; color: var(--sn-navy); font-size:23px; line-height: 1.55; }
.article-content img { border-radius: 6px 20px 6px 20px; }
.article-content table { width: 100%; border-collapse: collapse; font-family: var(--sn-font-ui); font-size:14px; }
.article-content th, .article-content td { padding: 12px; border: 1px solid var(--sn-border); text-align: left; }
.article-content th { background: var(--sn-soft); }
.article-tags { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin-top: 35px; padding-top: 22px; border-top: 1px solid var(--sn-border); font-family: var(--sn-font-ui); font-size:12px; }
.article-tags a { padding: 6px 10px; border: 1px solid var(--sn-border); border-radius: 20px; text-decoration: none; }
.author-box { display: grid; grid-template-columns: 80px 1fr; gap: 20px; margin-top: 32px; padding: 24px; border: 1px solid var(--sn-border); background: var(--sn-soft); font-family: var(--sn-font-ui); }
.author-box img { border-radius: 50%; }
.author-box h2 { margin: 0 0 6px; font-size:24px; }
.author-box p { margin: 0; color: var(--sn-muted); font-size:14px; line-height: 1.6; }
.post-navigation { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-top: 30px; font-family: var(--sn-font-ui); }
.post-navigation a { padding: 18px; border: 1px solid var(--sn-border); border-radius: 6px 16px 6px 16px; text-decoration: none; }
.post-navigation a:last-child { text-align: right; }
.post-navigation span { display: block; margin-bottom: 4px; color: var(--sn-muted); font-size:10px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
.post-navigation strong { font-size:13px; line-height: 1.4; }
.related-section { margin-top: 40px; padding-top: 40px; background: var(--sn-soft); }
.comments-wrap { max-width: 850px; margin-top: 40px; }
.comments-area { padding: 28px; }
.comments-title { font-size:26px; }
.comment-list { padding-left: 22px; }
.comment-list li { margin-bottom: 22px; }
.comment-body { padding-bottom: 20px; border-bottom: 1px solid var(--sn-border); }
.comment-form label { display: block; font-size:13px; font-weight: 600; }
.comment-form input:not([type="submit"]), .comment-form textarea { width: 100%; padding: 12px; border: 1px solid var(--sn-border); border-radius: 7px; }
.comment-form .submit { min-height: 44px; padding: 10px 18px; border: 0; border-radius: 5px 14px 5px 14px; background: var(--sn-navy); color: #fff; font-weight: 600; }

/* 404 */
.error-card { max-width: 760px; margin: 45px auto; padding: clamp(40px, 7vw, 80px); border: 1px solid var(--sn-border); background: linear-gradient(130deg, #f4f9f9, #fff); text-align: center; }
.error-code { display: block; color: var(--sn-teal); font-family: var(--sn-font-heading); font-size:clamp(26px, 15vw, 26px); font-weight: 600; line-height: .8; opacity: .18; }
.error-card h1 { margin-top: -10px; font-size:clamp(26px, 5vw, 26px); }
.error-card p { color: var(--sn-muted); }
.error-card .search-form { max-width: 540px; margin: 24px auto 16px; }

/* Blocks */
.alignwide { width: min(1100px, calc(100vw - 40px)); max-width: none; margin-left: 50%; transform: translateX(-50%); }
.alignfull { width: 100vw; max-width: none; margin-left: 50%; transform: translateX(-50%); }
.wp-caption, .gallery-caption { color: var(--sn-muted); font-size:13px; }
.sticky { position: relative; }
.bypostauthor { position: relative; }

/* Responsive */
@media (max-width: 1180px) {
    .main-header__inner { grid-template-columns: minmax(180px, 240px) 1fr auto; gap: 18px; }
    .primary-menu { gap: 17px; }
    .primary-menu > li > a { font-size:11px; }
    .card-grid--five { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .card-grid--five > :nth-child(5) { display: none; }
    .footer-grid { grid-template-columns: 1.2fr .8fr 1fr; }
    .footer-newsletter { grid-column: 1 / -1; }
    .footer-newsletter .newsletter-form--compact { max-width: 500px; grid-template-columns: 1fr auto; }
}

@media (max-width: 980px) {
    .utility-bar__right > a:not(.utility-social) { display: none; }
    .main-header__inner { min-height: 78px; grid-template-columns: 1fr auto auto; }
    .mobile-menu-toggle { display: grid; order: 3; }
    .primary-navigation { position: fixed; top: 0; right: 0; z-index: 120; width: min(390px, 88vw); height: 100dvh; padding: 100px 28px 32px; background: #fff; box-shadow: -20px 0 50px rgba(7,27,49,.14); transform: translateX(105%); transition: transform .3s ease; overflow-y: auto; }
    .primary-navigation.is-open { transform: translateX(0); }
    .primary-menu { flex-direction: column; align-items: stretch; gap: 0; }
    .primary-menu > li { border-bottom: 1px solid var(--sn-border); }
    .primary-menu > li > a { padding: 16px 0; font-size:13px; }
    .primary-menu > li > a::after { display: none; }
    .primary-menu .sub-menu { position: static; min-width: 0; padding: 0 0 10px 14px; border: 0; box-shadow: none; opacity: 1; visibility: visible; transform: none; }
    .header-actions { justify-self: end; }
    .hero-grid { grid-template-columns: 1fr; }
    .hero-main { min-height: 480px; }
    .hero-side { grid-template-columns: 1fr 1fr; grid-template-rows: none; }
    .category-ribbon { grid-template-columns: repeat(5, minmax(150px, 1fr)); overflow-x: auto; scroll-snap-type: x mandatory; }
    .category-ribbon__item { scroll-snap-align: start; }
    .editor-layout { grid-template-columns: 1fr; }
    .popular-panel { position: static; }
    .newsletter-box { grid-template-columns: auto 1fr; }
    .newsletter-box .newsletter-form { grid-column: 1 / -1; }
    .content-with-sidebar { grid-template-columns: 1fr; }
    .site-sidebar { position: static; grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .article-content { max-width: none; }
}

@media (max-width: 760px) {
    .sn-container { width: min(calc(100% - 28px), var(--sn-container)); }
    .utility-bar__inner { min-height: 34px; }
    .utility-bar__left span:first-child + .utility-dot, .utility-bar__left span:nth-child(3) { display: none; }
    .utility-bar__right { gap: 8px; }
    .main-header__inner { min-height: 70px; grid-template-columns: 1fr auto; }
    .header-actions { display: none; }
    .site-brand__name { font-size:26px; }
    .site-brand__tagline { font-size:9px; }
    .section-space--top { padding-top: 16px; }
    .hero-main { min-height: 520px; align-items: flex-end; background: linear-gradient(0deg, rgba(248,251,253,.99) 4%, rgba(248,251,253,.90) 55%, rgba(248,251,253,.04) 88%), var(--hero-image) center top/cover no-repeat; }
    .hero-main__content { max-width: none; padding: 28px 24px 48px; }
    .hero-main h1 { font-size:26px; }
    .hero-main p { font-size:14px; }
    .hero-side { grid-template-columns: 1fr; }
    .hero-side-card { min-height: 235px; }
    .category-ribbon { margin-top: 14px; padding: 10px; }
    .category-ribbon__item { min-height: 90px; padding: 10px 14px; }
    .content-section { padding: 20px 0; }
    .section-heading { align-items: flex-start; }
    .section-heading h2 { font-size:24px; }
    .section-heading > a { margin-top: 5px; }
    .card-grid--five, .card-grid--three, .archive-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 21px 14px; }
    .card-grid--five > :nth-child(5) { display: block; }
    .story-card__title, .archive-grid .story-card__title { font-size:15px; }
    .story-card p { display: none; }
    .story-card .post-meta span:nth-of-type(n+2), .story-card .meta-dot { display: none; }
    .editor-grid { grid-template-columns: 1fr; }
    .editor-feature { min-height: 430px; }
    .editor-list { grid-template-columns: 1fr; }
    .newsletter-box { grid-template-columns: 1fr; padding: 25px; text-align: center; }
    .newsletter-visual { margin-inline: auto; }
    .newsletter-form { grid-template-columns: 1fr; }
    .newsletter-form .sn-button { width: 100%; }
    .footer-grid { grid-template-columns: 1fr 1fr; gap: 28px; }
    .footer-brand, .footer-newsletter { grid-column: 1 / -1; }
    .footer-newsletter .newsletter-form--compact { grid-template-columns: 1fr; }
    .footer-bottom { flex-direction: column; text-align: center; }
    .archive-main, .page-main, .single-main, .error-main { padding-top: 22px; }
    .archive-header { padding: 24px; }
    .archive-header h1 { font-size:26px; }
    .site-sidebar { grid-template-columns: 1fr; }
    .article-header h1 { font-size:26px; }
    .article-hero { aspect-ratio: 1.25 / 1; }
    .article-layout { margin-top: 25px; }
    .article-content { font-size:18px; line-height: 1.75; }
    .article-content h2 { font-size:26px; }
    .post-navigation { grid-template-columns: 1fr; }
    .post-navigation a:last-child { text-align: left; }
}

@media (max-width: 480px) {
    .utility-bar__right .utility-social:nth-of-type(n+3) { display: none; }
    .hero-main { min-height: 500px; }
    .hero-main h1 { font-size:26px; }
    .hero-main__content { padding: 22px 20px 45px; }
    .sn-button { min-height: 43px; padding: 10px 16px; }
    .hero-side-card { padding: 22px; }
    .hero-side-card h2 { font-size:25px; }
    .card-grid--five, .card-grid--three, .archive-grid { grid-template-columns: 1fr; }
    .story-card__media, .story-card--compact .story-card__media { aspect-ratio: 1.7 / 1; }
    .story-card--compact .story-card__title { font-size:17px; }
    .section-heading h2 { font-size:22px; }
    .editor-feature { min-height: 460px; padding: 23px; }
    .editor-feature h2 { font-size:26px; }
    .mini-story { grid-template-columns: 100px 1fr; }
    .footer-grid { grid-template-columns: 1fr; }
    .footer-brand, .footer-newsletter { grid-column: auto; }
    .page-header { padding: 31px 24px; }
    .page-header h1 { font-size:26px; }
    .article-header h1 { font-size:26px; }
    .article-deck { font-size:18px; }
    .article-byline { align-items: flex-start; }
    .author-box { grid-template-columns: 1fr; text-align: center; }
    .author-box img { margin-inline: auto; }
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}


/* ===== professional.css ===== */

:root {
    --sn-font-body: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --sn-font-heading: "Plus Jakarta Sans", Inter, ui-sans-serif, sans-serif;
    --sn-font-ui: Manrope, Inter, ui-sans-serif, sans-serif;
    --sn-body-size: 15px;
    --sn-nav-size: 12px;
    --sn-logo-size: 32px;
    --sn-container: 1260px;
    --sn-radius: 14px;
    --sn-shadow: 0 14px 38px rgba(7,27,49,.07);
    --sn-shadow-sm: 0 7px 22px rgba(7,27,49,.055);
}

body {
    font-size:var(--sn-body-size);
    line-height: 1.68;
    color: #243247;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--sn-font-heading);
    font-weight: 600;
    letter-spacing: -.025em;
    line-height: 1.2;
}

.site-header,
.site-footer,
.primary-navigation,
.sn-button,
.utility-bar,
.post-meta,
.category-label,
.eyebrow,
.widget,
.breadcrumbs {
    font-family: var(--sn-font-ui);
}

.utility-bar { font-size:11px; }
.utility-bar__inner { min-height: 34px; }

.main-header__inner {
    min-height: 82px;
    grid-template-columns: minmax(205px, 245px) minmax(0, 1fr) auto;
    gap: 22px;
}

.branding-wrap { display: flex; align-items: center; }
.custom-logo-link { display: inline-flex; align-items: center; max-width: 220px; }
.custom-logo { width: 100%; max-width: 220px; max-height: 54px; object-fit: contain; }

.primary-menu { gap: clamp(20px, 2.2vw, 34px); }
.primary-menu > li > a {
    padding: 31px 0 27px;
    font-size:12px;
    font-weight: 600;
    letter-spacing: .005em;
    text-transform: none;
    white-space: nowrap;
}
.primary-menu > li > a::after { bottom: 20px; height: 2px; }
.primary-menu .sub-menu { top: calc(100% - 12px); min-width: 190px; }
.primary-menu .sub-menu a { font-size:12px; font-weight: 600; }

.header-actions { gap: 10px; }
.search-toggle { width: 40px; height: 40px; }
.sn-button--compact { min-height: 40px; padding: 9px 16px; font-size:12px; }

.section-heading h2 { font-size:clamp(21px, 1.75vw, 25px); font-weight: 600; }
.category-heading h2 { font-size:clamp(21px, 1.9vw, 26px); }
.story-card__title { font-size:15px; font-weight: 600; line-height: 1.4; }
.archive-grid .story-card__title { font-size:17px; }

.hero-main { min-height: 470px; }
.hero-main h1 { font-size:clamp(26px, 4vw, 26px); font-weight: 600; line-height: 1.16; }
.hero-side-card h2 { font-size:clamp(20px, 2vw, 26px); font-weight: 600; }
.hero-main__content { max-width: 540px; }

.archive-main { padding-top: 34px; }
.archive-header {
    padding: clamp(28px, 4.5vw, 46px);
    margin-bottom: 28px;
    border-radius: 8px 24px 8px 24px;
}
.archive-header h1 {
    max-width: 760px;
    margin-bottom: 12px;
    font-size:clamp(26px, 4vw, 26px);
    font-weight: 600;
    line-height: 1.18;
}
.archive-description { font-size:15px; line-height: 1.7; }

.article-header-wrap { max-width: 1120px; }
.article-header {
    max-width: 850px;
    margin: 28px auto 30px;
}
.article-header h1 {
    max-width: 850px;
    margin: 0 auto 18px;
    font-size:clamp(26px, 4.2vw, 26px);
    font-weight: 600;
    line-height: 1.16;
    letter-spacing: -.035em;
}
.article-deck {
    max-width: 760px;
    font-family: var(--sn-font-body);
    font-size:clamp(16px, 1.7vw, 19px);
    line-height: 1.65;
}
.article-content { font-size:17px; line-height: 1.82; }
.article-content h2 { font-size:clamp(25px, 2.6vw, 26px); font-weight: 600; }
.article-content h3 { font-size:clamp(21px, 2.1vw, 25px); font-weight: 600; }
.article-content h4 { font-size:20px; font-weight: 600; }
.article-content blockquote { font-size:19px; }

.page-header h1 { font-size:clamp(26px, 4.5vw, 26px); font-weight: 600; }
.error-card h1 { font-size:clamp(26px, 4vw, 26px); }

.content-with-sidebar { grid-template-columns: minmax(0, 1fr) 300px; gap: 34px; }
.widget { padding: 20px; border-radius: 10px 18px 10px 18px; }
.widget-title { font-size:16px; font-weight: 600; }
.widget ul { padding-left: 0; list-style: none; }
.widget li { font-size:13px; line-height: 1.55; }

.site-footer {
    margin-top: 46px;
    padding-top: 44px;
    border-top: 1px solid var(--sn-border);
    background: #f7f9fb;
}
.footer-grid { grid-template-columns: 1.2fr .8fr 1fr 1fr; gap: 36px; }
.footer-brand .custom-logo-link { max-width: 190px; }
.footer-brand p, .footer-column p, .footer-menu a { font-size:12px; line-height: 1.7; }
.footer-title { font-size:14px; font-weight: 600; }
.footer-bottom { padding: 20px 0; font-size:11px; }

.sn-ad-slot {
    margin-top: 24px;
    margin-bottom: 24px;
    overflow: hidden;
    text-align: center;
}
.sn-ad-slot .widget,
.sn-ad-slot .sn-ad-widget { margin: 0; padding: 0; border: 0; background: transparent; box-shadow: none; }
.sn-ad-slot img, .sn-ad-slot iframe { max-width: 100%; height: auto; }
.sn-ad-slot--article { margin: 32px 0; padding: 18px; border: 1px solid var(--sn-border); background: #fafbfc; }
.sn-ad-slot--sidebar { margin-top: 0; }
.sn-ad-slot--footer { margin-top: 36px; }

.breadcrumbs { font-size:11px; }
.category-label { font-size:9px; font-weight: 600; }
.post-meta { font-size:10px; }
.eyebrow { font-size:10px; font-weight: 600; }

@media (max-width: 1210px) {
    .main-header__inner { grid-template-columns: minmax(190px, 215px) minmax(0, 1fr) auto; gap: 16px; }
    .custom-logo-link, .custom-logo { max-width: 195px; }
    .primary-menu { gap: 18px; }
    .primary-menu > li > a { font-size:11.5px; }
}

@media (max-width: 1080px) {
    .utility-bar__right > a:not(.utility-social) { display: none; }
    .main-header__inner { min-height: 74px; grid-template-columns: 1fr auto auto; }
    .mobile-menu-toggle { display: grid; order: 3; }
    .primary-navigation { position: fixed; top: 0; right: 0; z-index: 120; width: min(380px, 88vw); height: 100dvh; padding: 92px 26px 32px; background: #fff; box-shadow: -20px 0 50px rgba(7,27,49,.14); transform: translateX(105%); transition: transform .3s ease; overflow-y: auto; }
    .primary-navigation.is-open { transform: translateX(0); }
    .primary-menu { flex-direction: column; align-items: stretch; gap: 0; }
    .primary-menu > li { border-bottom: 1px solid var(--sn-border); }
    .primary-menu > li > a { padding: 15px 0; font-size:13px; }
    .primary-menu > li > a::after { display: none; }
    .primary-menu .sub-menu { position: static; min-width: 0; padding: 0 0 10px 14px; border: 0; box-shadow: none; opacity: 1; visibility: visible; transform: none; }
    .header-actions { justify-self: end; }
    .content-with-sidebar { grid-template-columns: 1fr; }
    .site-sidebar { position: static; grid-template-columns: repeat(2, minmax(0,1fr)); }
}

@media (max-width: 760px) {
    .main-header__inner { min-height: 68px; }
    .custom-logo-link, .custom-logo { max-width: 178px; max-height: 48px; }
    .hero-main h1 { font-size:clamp(26px, 9vw, 26px); }
    .archive-header h1 { font-size:clamp(26px, 9vw, 26px); }
    .article-header { margin-top: 20px; }
    .article-header h1 { font-size:clamp(26px, 9vw, 26px); }
    .article-deck { font-size:16px; }
    .article-content { font-size:16px; }
    .footer-grid { grid-template-columns: 1fr 1fr; gap: 28px 22px; }
    .footer-brand, .footer-newsletter { grid-column: 1 / -1; }
    .site-sidebar { grid-template-columns: 1fr; }
}

@media (max-width: 520px) {
    .footer-grid { grid-template-columns: 1fr; }
    .footer-brand, .footer-newsletter { grid-column: auto; }
    .header-actions { display: none; }
    .sn-container { width: min(calc(100% - 24px), var(--sn-container)); }
}


/* ===== ultra.css ===== */
/* SphereNexus Ultra v1.4 — refined editorial system */
:root {
    --sn-single-title-size: 40px;
    --sn-archive-title-size: 34px;
    --sn-article-size: 17px;
    --sn-ink: #10233b;
    --sn-copy: #34445b;
    --sn-subtle: #6d7b8f;
    --sn-line: #dfe7ee;
    --sn-mist: #f5f8fa;
    --sn-teal-soft: #e9f7f6;
}

body { color: var(--sn-copy); background: #fff; }
h1, h2, h3, h4, h5, h6 { color: var(--sn-ink); font-weight: 600; }
.site-main { overflow: hidden; }

/* Top bar */
.site-header--ultra .utility-bar { background: #f7fafb; border-color: #e7edf2; }
.site-header--ultra .utility-bar__inner { min-height: 34px; }
.site-header--ultra .utility-bar__left,
.site-header--ultra .utility-bar__right { gap: 13px; }
.site-header--ultra .utility-bar__left { min-width: 0; }
.site-header--ultra .utility-message { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.site-header--ultra .utility-bar__right a { position: relative; font-weight: 600; }
.site-header--ultra .utility-bar__right > a:not(.utility-social)::after {
    content: ""; position: absolute; left: 0; right: 100%; bottom: -2px; height: 1px;
    background: var(--sn-teal); transition: right .2s ease;
}
.site-header--ultra .utility-bar__right > a:hover::after { right: 0; }

/* Header */
.site-header--ultra .main-header { background: rgba(255,255,255,.985); }
.site-header--ultra .main-header__inner {
    min-height: 78px;
    grid-template-columns: minmax(180px, 225px) minmax(0, 1fr) auto;
    gap: 22px;
}
.site-header--ultra .custom-logo-link,
.site-header--ultra .custom-logo { max-width: 210px; max-height: 52px; }
.site-header--ultra .primary-navigation { justify-self: center; }
.site-header--ultra .primary-menu { gap: clamp(20px, 2vw, 34px); }
.site-header--ultra .primary-menu > li > a {
    padding: 29px 0 25px;
    color: #172941;
    font-size:var(--sn-nav-size);
    font-weight: 600;
    letter-spacing: 0;
    text-transform: none;
}
.site-header--ultra .primary-menu > li > a::after { bottom: 19px; width: 0; height: 2px; }
.site-header--ultra .primary-menu > li.current-menu-item > a::after,
.site-header--ultra .primary-menu > li.current-menu-parent > a::after,
.site-header--ultra .primary-menu > li:hover > a::after { width: 20px; }
.site-header--ultra .primary-menu .sub-menu { border-radius: 10px; padding: 8px; min-width: 190px; }
.site-header--ultra .primary-menu .sub-menu a { font-size:12px; font-weight: 600; }
.site-header--ultra .header-actions { gap: 9px; }
.site-header--ultra .search-toggle,
.site-header--ultra .mobile-menu-toggle { width: 40px; height: 40px; }
.site-header--ultra .header-subscribe { border-radius: 8px 14px 8px 14px; }
.nav-drawer__header,
.nav-drawer__search,
.nav-drawer__footer { display: none; }

/* Header search */
.header-search {
    z-index: 40;
    padding: 24px 0 28px;
    border-bottom: 1px solid var(--sn-line);
    background: rgba(255,255,255,.99);
    box-shadow: 0 20px 50px rgba(16,35,59,.1);
}
.header-search__inner { position: relative; display: grid; grid-template-columns: 180px minmax(0, 1fr) 42px; align-items: center; gap: 22px; }
.header-search__label { display: flex; flex-direction: column; }
.header-search__label span { color: var(--sn-teal); font-size:10px; font-weight: 600; letter-spacing: .11em; text-transform: uppercase; }
.header-search__label strong { color: var(--sn-ink); font-size:16px; }
.header-search__close,
.nav-drawer__close {
    display: grid; place-items: center; width: 40px; height: 40px; padding: 0;
    border: 1px solid var(--sn-line); border-radius: 50%; background: #fff; color: var(--sn-ink);
}
.header-search__close:hover,
.nav-drawer__close:hover { border-color: var(--sn-teal); color: var(--sn-teal); }

.sn-live-search { position: relative; width: 100%; }
.sn-live-search__form { position: relative; display: flex; align-items: center; width: 100%; }
.sn-live-search__icon { position: absolute; left: 15px; z-index: 1; color: #7a8798; }
.sn-live-search__icon .sn-icon { width: 18px; height: 18px; }
.sn-live-search__input {
    width: 100%; height: 50px; padding: 0 100px 0 44px;
    border: 1px solid #ccd8e2; border-radius: 9px; outline: none; background: #fff;
    color: var(--sn-ink); font-size:14px;
}
.sn-live-search__input:focus { border-color: var(--sn-teal); box-shadow: 0 0 0 3px rgba(19,143,139,.1); }
.sn-live-search__submit {
    position: absolute; right: 5px; top: 5px; height: 40px; padding: 0 16px;
    border: 0; border-radius: 7px; background: var(--sn-navy); color: #fff; font-size:12px; font-weight: 600;
}
.sn-live-search__results {
    position: absolute; left: 0; right: 0; top: calc(100% + 8px); z-index: 140;
    overflow: hidden; border: 1px solid var(--sn-line); border-radius: 12px;
    background: #fff; box-shadow: 0 22px 55px rgba(16,35,59,.16);
}
.sn-search-results-list { padding: 8px; }
.sn-search-result { display: grid; grid-template-columns: 66px 1fr; gap: 12px; padding: 9px; border-radius: 9px; }
.sn-search-result:hover { background: var(--sn-mist); color: inherit; }
.sn-search-result__image { overflow: hidden; width: 66px; height: 52px; border-radius: 7px; background: var(--sn-mist); }
.sn-search-result__image img { width: 100%; height: 100%; object-fit: cover; }
.sn-search-result__copy { display: flex; min-width: 0; flex-direction: column; justify-content: center; }
.sn-search-result__copy small { color: var(--sn-teal); font-size:9px; font-weight: 600; text-transform: uppercase; }
.sn-search-result__copy strong { overflow: hidden; color: var(--sn-ink); font-size:12px; line-height: 1.4; text-overflow: ellipsis; white-space: nowrap; }
.sn-search-result__copy span { color: var(--sn-subtle); font-size:10px; }
.sn-search-view-all { display: block; padding: 12px 16px; border-top: 1px solid var(--sn-line); background: #f8fafb; color: var(--sn-teal-dark); font-size:11px; font-weight: 600; }
.sn-search-loading,
.sn-search-empty { padding: 22px; color: var(--sn-subtle); font-size:13px; text-align: center; }

/* Category pages */
.category-main { padding: 34px 0 54px; }
.category-layout { grid-template-columns: minmax(0, 1fr) 320px !important; gap: 38px !important; }
.category-intro {
    position: relative; display: grid; grid-template-columns: 58px 1fr; gap: 22px;
    margin-bottom: 28px; padding: 30px 34px;
    border: 1px solid var(--sn-line); border-radius: 14px 24px 14px 24px;
    background: linear-gradient(125deg, #f8fbfc, #fff); box-shadow: 0 10px 30px rgba(16,35,59,.035);
}
.category-intro::before { content: ""; position: absolute; left: 0; top: 26px; bottom: 26px; width: 3px; border-radius: 0 4px 4px 0; background: var(--category-page-accent); }
.category-intro__icon { display: grid; place-items: center; width: 58px; height: 58px; border-radius: 16px; background: color-mix(in srgb, var(--category-page-accent) 12%, white); color: var(--category-page-accent); }
.category-intro__icon .sn-icon { width: 28px; height: 28px; }
.category-intro h1 { max-width: 720px; margin: 2px 0 8px; font-size:var(--sn-archive-title-size); line-height: 1.2; letter-spacing: -.03em; }
.category-intro .eyebrow { margin-bottom: 4px; color: var(--category-page-accent); }
.category-intro__meta { display: flex; flex-wrap: wrap; gap: 8px; color: var(--sn-subtle); font-size:11px; }
.category-intro__description { margin-top: 12px; color: #5f6f83; font-size:14px; line-height: 1.7; }
.category-intro__description p:last-child { margin-bottom: 0; }

.category-feature {
    display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(300px, .85fr);
    overflow: hidden; margin-bottom: 34px; border: 1px solid var(--sn-line); border-radius: 16px;
    background: #fff; box-shadow: 0 16px 44px rgba(16,35,59,.065);
}
.category-feature__media { min-height: 350px; background: var(--sn-mist); }
.category-feature__media img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; }
.category-feature:hover .category-feature__media img { transform: scale(1.025); }
.category-feature__content { display: flex; flex-direction: column; justify-content: center; padding: 34px; }
.category-feature__label { width: fit-content; margin-bottom: 12px; color: var(--category-page-accent); font-size:10px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; }
.category-feature h2 { margin-bottom: 13px; font-size:clamp(24px, 2.2vw, 26px); line-height: 1.24; }
.category-feature p { margin-bottom: 18px; color: #5d6d80; font-size:14px; line-height: 1.7; }
.category-feature__link { display: inline-flex; align-items: center; gap: 7px; width: fit-content; margin-top: 18px; color: var(--category-page-accent); font-size:12px; font-weight: 600; }
.category-feature__link .sn-icon { width: 16px; height: 16px; }
.category-section-heading { display: flex; justify-content: space-between; margin-bottom: 17px; padding-bottom: 12px; border-bottom: 1px solid var(--sn-line); }
.category-section-heading span { color: var(--sn-teal); font-size:9px; font-weight: 600; letter-spacing: .11em; text-transform: uppercase; }
.category-section-heading h2 { margin: 3px 0 0; font-size:21px; }
.archive-grid--premium { gap: 28px 22px; }
.archive-grid--premium .story-card { padding-bottom: 5px; }
.archive-grid--premium .story-card__title { font-size:16px !important; font-weight: 600; line-height: 1.42; }
.archive-header--compact { margin-bottom: 26px; padding: 30px 34px; border: 1px solid var(--sn-line); border-radius: 14px 24px 14px 24px; background: #f8fbfc; }
.archive-header--compact h1 { font-size:var(--sn-archive-title-size) !important; }

/* Professional sidebar */
.site-sidebar--professional { position: sticky; top: 106px; display: grid !important; grid-template-columns: 1fr !important; gap: 18px; }
.sidebar-card {
    overflow: visible; padding: 21px; border: 1px solid var(--sn-line); border-radius: 12px 20px 12px 20px;
    background: #fff; box-shadow: 0 9px 28px rgba(16,35,59,.045);
}
.sidebar-card__heading { margin-bottom: 15px; }
.sidebar-card__heading--row { display: flex; align-items: center; justify-content: space-between; }
.sidebar-card__heading--row > a { display: grid; place-items: center; width: 30px; height: 30px; border: 1px solid var(--sn-line); border-radius: 50%; color: var(--sn-teal); }
.sidebar-card__kicker { display: block; margin-bottom: 3px; color: var(--sn-teal); font-size:9px; font-weight: 600; letter-spacing: .11em; text-transform: uppercase; }
.sidebar-card h2 { margin: 0; font-size:17px; line-height: 1.35; }
.sidebar-search-card .sn-live-search__input { height: 46px; padding-right: 76px; font-size:12px; }
.sidebar-search-card .sn-live-search__submit { height: 36px; padding: 0 12px; font-size:10px; }
.sidebar-search-card .sn-live-search__results { min-width: 390px; left: auto; right: 0; }
.sidebar-story-list { display: grid; gap: 13px; }
.sidebar-story { display: grid; grid-template-columns: 76px minmax(0, 1fr); gap: 12px; padding-bottom: 13px; border-bottom: 1px solid #edf1f4; }
.sidebar-story:last-child { padding-bottom: 0; border-bottom: 0; }
.sidebar-story__image { overflow: hidden; width: 76px; height: 62px; border-radius: 8px 13px 8px 13px; }
.sidebar-story__image img { width: 100%; height: 100%; object-fit: cover; }
.sidebar-story span { display: block; color: var(--sn-teal); font-size:8px; font-weight: 600; text-transform: uppercase; }
.sidebar-story h3 { margin: 3px 0 4px; font-size:12px; line-height: 1.42; }
.sidebar-story small { color: var(--sn-subtle); font-size:9px; }
.sidebar-category-list--premium { display: grid; gap: 7px; margin: 0; padding: 0 !important; list-style: none; }
.sidebar-category-list--premium li { margin: 0 !important; }
.sidebar-category-list--premium a { display: grid; grid-template-columns: 32px 1fr auto; align-items: center; gap: 10px; padding: 9px 10px; border-radius: 8px; background: #f8fafb; }
.sidebar-category-list--premium a:hover { background: color-mix(in srgb, var(--sidebar-accent) 8%, white); color: var(--sn-ink); }
.sidebar-category-list__icon { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 8px; color: var(--sidebar-accent); background: #fff; }
.sidebar-category-list__icon .sn-icon { width: 17px; height: 17px; }
.sidebar-category-list__label { font-size:11px; font-weight: 600; }
.sidebar-category-list--premium small { color: var(--sn-subtle); font-size:9px; }
.sidebar-newsletter-card { position: relative; overflow: hidden; color: #dce9f2; background: var(--sn-navy); }
.sidebar-newsletter-card::after { content: ""; position: absolute; right: -45px; top: -45px; width: 125px; height: 125px; border-radius: 50%; background: rgba(19,143,139,.2); }
.sidebar-newsletter-card h2 { position: relative; z-index: 1; color: #fff; font-size:18px; }
.sidebar-newsletter-card p { position: relative; z-index: 1; color: #bdcad5; font-size:12px; }
.sidebar-newsletter-card__icon { display: grid; place-items: center; width: 38px; height: 38px; margin-bottom: 15px; border-radius: 10px; background: rgba(255,255,255,.1); color: #fff; }
.sidebar-newsletter-card .sidebar-card__kicker { color: #7dd6d1; }
.sidebar-newsletter-card input { border-color: rgba(255,255,255,.2); }
.sidebar-newsletter-card button { background: var(--sn-teal); }

/* Single article */
.single-main--premium { padding-top: 30px; }
.article-header-wrap--premium { max-width: 1160px; }
.article-header--premium { max-width: 930px; margin: 24px 0 28px; text-align: left; }
.article-header__topline { display: flex; align-items: center; gap: 13px; margin-bottom: 14px; }
.article-header__topline .category-label { margin: 0; }
.article-header__reading { color: var(--sn-subtle); font-size:10px; font-weight: 600; }
.article-header--premium h1 { max-width: 900px; margin: 0 0 16px; font-size:var(--sn-single-title-size) !important; font-weight: 600; line-height: 1.16; letter-spacing: -.035em; }
.article-header--premium .article-deck { max-width: 790px; margin: 0 0 20px; color: #5d6c80; font-size:17px; line-height: 1.65; }
.article-byline--premium { display: flex; align-items: center; max-width: 900px; padding-top: 17px; border-top: 1px solid var(--sn-line); }
.editorial-avatar { display: grid; place-items: center; width: 42px; height: 42px; margin-right: 11px; border-radius: 12px; background: var(--sn-teal-soft); color: var(--sn-teal-dark); }
.editorial-avatar .sn-icon { width: 21px; height: 21px; }
.article-byline__copy strong { display: block; color: var(--sn-ink); font-size:12px; }
.article-byline__meta { display: flex; gap: 7px; color: var(--sn-subtle); font-size:9px; }
.article-share--header { display: flex; align-items: center; gap: 7px; margin-left: auto; }
.article-share--header > span { margin-right: 3px; color: var(--sn-subtle); font-size:9px; font-weight: 600; text-transform: uppercase; }
.article-share--header a { display: grid; place-items: center; width: 31px; height: 31px; border: 1px solid var(--sn-line); border-radius: 50%; color: #536378; }
.article-share--header a:hover { border-color: var(--sn-teal); color: var(--sn-teal); }
.article-share--header .sn-icon { width: 14px; height: 14px; }
.article-hero--premium { overflow: hidden; aspect-ratio: 1.85 / 1; border-radius: 16px 28px 16px 28px; background: var(--sn-mist); }
.article-hero--premium img { width: 100%; height: 100%; object-fit: cover; }
.article-hero--premium figcaption { padding: 8px 4px 0; color: var(--sn-subtle); font-size:9px; }
.article-layout--premium { display: grid; grid-template-columns: minmax(0, 1fr) 320px; align-items: start; gap: 44px; margin-top: 39px; }
.article-main-column { min-width: 0; }
.article-content--premium { max-width: 800px; margin: 0; color: #293c53; font-size:var(--sn-article-size); line-height: 1.86; }
.article-content--premium > p:first-child { font-size:calc(var(--sn-article-size) + 1px); color: #26394f; }
.article-content--premium h2 { margin: 2em 0 .65em; padding-top: 7px; font-size:26px; font-weight: 600; scroll-margin-top: 105px; }
.article-content--premium h3 { margin: 1.7em 0 .6em; font-size:22px; font-weight: 600; scroll-margin-top: 105px; }
.article-content--premium a { color: var(--sn-teal-dark); text-decoration: underline; text-decoration-color: rgba(19,143,139,.35); text-underline-offset: 3px; }
.article-content--premium blockquote { margin: 30px 0; padding: 22px 26px; border-left: 3px solid var(--sn-teal); border-radius: 0 12px 12px 0; background: #f4f8f8; font-size:18px; }
.article-toc { max-width: 800px; margin-bottom: 28px; border: 1px solid var(--sn-line); border-radius: 12px 20px 12px 20px; background: #f8fafb; }
.article-toc__toggle { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 16px 19px; border: 0; background: transparent; text-align: left; }
.article-toc__toggle span:first-child { display: flex; flex-direction: column; }
.article-toc__toggle small { color: var(--sn-teal); font-size:9px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; }
.article-toc__toggle strong { color: var(--sn-ink); font-size:15px; }
.article-toc__chevron { color: var(--sn-teal); font-size:22px; transition: transform .2s ease; }
.article-toc__list { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 8px 20px; margin: 0; padding: 0 19px 18px 38px; }
.article-toc__item { color: #526277; font-size:12px; }
.article-toc__item--level-3 { margin-left: 12px; font-size:11px; }
.article-toc__item a:hover { color: var(--sn-teal-dark); }
.article-toc.is-collapsed .article-toc__list { display: none; }
.article-toc.is-collapsed .article-toc__chevron { transform: rotate(-90deg); }
.article-tags--premium { max-width: 800px; }
.author-box--editorial { display: grid; grid-template-columns: 58px 1fr; gap: 18px; max-width: 800px; margin-top: 34px; padding: 24px; border: 1px solid var(--sn-line); border-radius: 12px 22px 12px 22px; background: #f7fafb; }
.author-box__mark { display: grid; place-items: center; width: 58px; height: 58px; border-radius: 15px; background: var(--sn-navy); color: #fff; }
.author-box__mark .sn-icon { width: 27px; height: 27px; }
.author-box--editorial h2 { margin-bottom: 6px; font-size:19px; }
.author-box--editorial p { margin-bottom: 9px; color: #5d6d80; font-size:13px; }
.author-box--editorial a { color: var(--sn-teal-dark); font-size:11px; font-weight: 600; }
.post-navigation--premium { max-width: 800px; }
.post-navigation--premium a { min-height: 115px; padding: 20px; border-radius: 12px; }
.post-navigation--premium span { color: var(--sn-teal); font-size:9px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
.post-navigation--premium strong { font-size:13px; line-height: 1.5; }
.related-section--premium { margin-top: 55px; padding: 48px 0; background: #f7fafb; }

/* Professional information pages */
.page-main--professional { padding: 34px 0 64px; }
.page-shell--professional { max-width: 1120px; }
.page-header--professional { position: relative; overflow: hidden; margin-bottom: 34px; padding: 44px 48px; border: 1px solid var(--sn-line); border-radius: 15px 28px 15px 28px; background: linear-gradient(130deg, #f4f9f9, #fff 70%); }
.page-header__accent { position: absolute; right: -55px; top: -75px; width: 210px; height: 210px; border-radius: 50%; background: rgba(19,143,139,.08); }
.page-header--professional h1 { position: relative; max-width: 760px; margin-bottom: 10px; font-size:26px !important; line-height: 1.2; }
.page-header--professional p { position: relative; max-width: 720px; margin: 0; color: #5f7084; font-size:16px; line-height: 1.7; }
.page-content-layout { display: grid; grid-template-columns: minmax(0,1fr); gap: 36px; }
.page-content-layout:has(.page-policy-toc) { grid-template-columns: 230px minmax(0, 1fr); align-items: start; }
.page-policy-toc { position: sticky; top: 108px; padding: 20px; border: 1px solid var(--sn-line); border-radius: 12px; background: #f8fafb; }
.page-policy-toc > span { display: block; margin-bottom: 11px; color: var(--sn-teal); font-size:9px; font-weight: 600; text-transform: uppercase; }
.page-policy-toc ol { display: grid; gap: 8px; margin: 0; padding-left: 18px; }
.page-policy-toc li { color: #5f7084; font-size:11px; }
.page-content--professional { max-width: 930px; margin: 0; color: #34465b; font-size:16px; line-height: 1.8; }
.page-content--professional h2 { margin: 0 0 14px; font-size:26px; scroll-margin-top: 105px; }
.page-content--professional h3 { font-size:17px; }
.page-content--professional a { color: var(--sn-teal-dark); }
.sn-page-lead { max-width: 850px; margin-bottom: 28px; padding: 24px 28px; border-left: 3px solid var(--sn-teal); border-radius: 0 12px 12px 0; background: #f4f8f8; }
.sn-page-lead p { margin: 0; color: #364a60; font-size:18px; line-height: 1.7; }
.sn-stat-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 15px; margin: 0 0 42px; }
.sn-stat-grid > div { padding: 22px; border: 1px solid var(--sn-line); border-radius: 12px 20px 12px 20px; background: #fff; }
.sn-stat-grid strong { display: block; margin-bottom: 5px; color: var(--sn-ink); font-size:24px; }
.sn-stat-grid span { color: var(--sn-subtle); font-size:11px; }
.sn-page-section { margin: 0 0 42px; }
.sn-page-section--soft { padding: 30px; border: 1px solid var(--sn-line); border-radius: 14px 24px 14px 24px; background: #f7fafb; }
.sn-page-kicker { display: block; margin-bottom: 7px; color: var(--sn-teal); font-size:9px; font-weight: 600; letter-spacing: .11em; text-transform: uppercase; }
.sn-info-grid { display: grid; gap: 14px; margin-top: 22px; }
.sn-info-grid--two { grid-template-columns: repeat(2, minmax(0,1fr)); }
.sn-info-card { padding: 23px; border: 1px solid var(--sn-line); border-radius: 12px; background: #fff; }
.sn-info-card h3 { margin-bottom: 7px; }
.sn-info-card p { margin: 0; color: #66758a; font-size:13px; }
.sn-value-list { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; margin-top: 20px; }
.sn-value-list strong { color: var(--sn-ink); font-size:14px; }
.sn-value-list p { margin: 6px 0 0; font-size:12px; }
.sn-page-cta { display: flex; align-items: center; justify-content: space-between; gap: 30px; padding: 28px 32px; border-radius: 14px 26px 14px 26px; background: var(--sn-navy); color: #fff; }
.sn-page-cta span { color: #75d4cf; font-size:9px; font-weight: 600; text-transform: uppercase; }
.sn-page-cta h2 { margin: 4px 0 0; color: #fff; font-size:21px; }
.sn-page-cta a { flex: 0 0 auto; padding: 12px 17px; border-radius: 8px; background: #fff; color: var(--sn-navy); font-size:11px; font-weight: 600; }
.sn-contact-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; margin-bottom: 42px; }
.sn-contact-card { padding: 25px; border: 1px solid var(--sn-line); border-radius: 12px 22px 12px 22px; background: #fff; box-shadow: 0 10px 30px rgba(16,35,59,.04); }
.sn-contact-card > span { color: var(--sn-teal); font-size:9px; font-weight: 600; text-transform: uppercase; }
.sn-contact-card h2 { margin: 5px 0 8px; font-size:20px; }
.sn-contact-card p { color: #65758a; font-size:12px; }
.sn-contact-card a { font-size:12px; font-weight: 600; }
.sn-step-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; margin-top: 22px; }
.sn-step-grid b { color: var(--sn-teal); font-size:11px; }
.sn-step-grid h3 { margin: 5px 0; }
.sn-step-grid p { font-size:12px; }
.sn-policy-notice { margin-bottom: 32px; padding: 22px 25px; border: 1px solid #d9e8e7; border-radius: 12px; background: #f2f8f7; }
.sn-policy-notice strong { color: var(--sn-ink); }
.sn-policy-notice p { margin: 6px 0 0; font-size:12px; }
.sn-inline-button { display: inline-flex; margin-top: 8px; font-size:12px; font-weight: 600; }

/* Footer */
.footer-newsletter-strip { margin-top: 58px; padding: 28px 0; border-top: 1px solid var(--sn-line); border-bottom: 1px solid var(--sn-line); background: #f3f8f8; }
.footer-newsletter-strip__inner { display: grid; grid-template-columns: minmax(0,1fr) minmax(360px, .9fr); align-items: center; gap: 42px; }
.footer-newsletter-strip__copy { display: flex; align-items: center; gap: 18px; }
.footer-newsletter-strip__icon { display: grid; place-items: center; flex: 0 0 auto; width: 52px; height: 52px; border-radius: 14px; background: #fff; color: var(--sn-teal); box-shadow: var(--sn-shadow-sm); }
.footer-newsletter-strip__copy span:not(.footer-newsletter-strip__icon) { color: var(--sn-teal); font-size:9px; font-weight: 600; text-transform: uppercase; }
.footer-newsletter-strip h2 { margin: 3px 0 3px; font-size:21px; }
.footer-newsletter-strip p { margin: 0; color: #657589; font-size:12px; }
.site-footer--ultra { margin-top: 0 !important; padding-top: 46px; border-top: 0; background: #f8fafb; }
.footer-grid--ultra { grid-template-columns: 1.3fr .72fr .9fr .75fr .92fr; gap: 34px; padding-bottom: 40px; }
.footer-brand--ultra .custom-logo-link { max-width: 190px; }
.footer-brand--ultra p { max-width: 330px; margin-top: 16px; color: #607084; font-size:12px; line-height: 1.75; }
.social-links--footer { margin-top: 17px; }
.footer-toggle { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 0; border: 0; background: none; color: var(--sn-ink); font-size:13px; font-weight: 600; text-align: left; pointer-events: none; }
.footer-toggle__icon { display: none; }
.footer-panel { margin-top: 16px; }
.footer-menu { display: grid; gap: 9px; }
.footer-menu a,
.footer-contact-link { position: relative; width: fit-content; color: #5b6b80; font-size:11px; line-height: 1.5; background-image: linear-gradient(var(--sn-teal),var(--sn-teal)); background-position: 0 100%; background-repeat: no-repeat; background-size: 0 1px; transition: color .2s ease, background-size .2s ease; }
.footer-menu a:hover,
.footer-contact-link:hover { color: var(--sn-teal-dark); background-size: 100% 1px; }
.footer-contact-column p { color: #657589; font-size:11px; }
.footer-contact-link { color: var(--sn-teal-dark); font-weight: 600; }
.footer-bottom--ultra { padding: 15px 0; background: var(--sn-navy); color: #cad5df; }
.footer-bottom__inner { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.footer-bottom__inner p { margin: 0; font-size:10px; }

/* Responsive */
@media (max-width: 1120px) {
    .site-header--ultra .main-header__inner { grid-template-columns: minmax(170px, 195px) minmax(0,1fr) auto; gap: 15px; }
    .site-header--ultra .custom-logo-link, .site-header--ultra .custom-logo { max-width: 185px; }
    .site-header--ultra .primary-menu { gap: 17px; }
    .footer-grid--ultra { grid-template-columns: 1.2fr repeat(4,.8fr); gap: 24px; }
}

@media (max-width: 1080px) {
    .site-header--ultra .main-header__inner { grid-template-columns: 1fr auto; min-height: 70px; }
    .site-header--ultra .primary-navigation {
        position: fixed; top: 0; right: 0; z-index: 300; display: block; width: min(390px, 92vw); height: 100dvh;
        padding: 0 24px 30px; background: #fff; box-shadow: -24px 0 60px rgba(16,35,59,.18);
        transform: translateX(105%); transition: transform .3s ease; overflow-y: auto;
    }
    .site-header--ultra .primary-navigation.is-open { transform: translateX(0); }
    .nav-drawer__header { position: sticky; top: 0; z-index: 2; display: flex; align-items: center; justify-content: space-between; min-height: 78px; margin: 0 -24px; padding: 0 24px; border-bottom: 1px solid var(--sn-line); background: #fff; }
    .nav-drawer__brand .custom-logo-link { max-width: 170px; }
    .nav-drawer__search { display: block; margin: 22px 0 15px; }
    .nav-drawer__footer { display: flex; flex-wrap: wrap; gap: 8px 15px; margin-top: 24px; padding-top: 20px; border-top: 1px solid var(--sn-line); }
    .nav-drawer__footer a { color: #657589; font-size:11px; }
    .site-header--ultra .primary-menu { flex-direction: column; align-items: stretch; gap: 0; }
    .site-header--ultra .primary-menu > li { border-bottom: 1px solid #edf1f4; }
    .site-header--ultra .primary-menu > li > a { position: relative; padding: 14px 2px; font-size:13px; }
    .site-header--ultra .primary-menu > li.menu-item-has-children > a::before { content: "+"; position: absolute; right: 2px; font-size:18px; font-weight: 400; }
    .site-header--ultra .primary-menu > li.menu-item-has-children.submenu-open > a::before { content: "−"; }
    .site-header--ultra .primary-menu > li > a::after { display: none; }
    .site-header--ultra .primary-menu .sub-menu { display: none; position: static; padding: 0 0 11px 13px; border: 0; box-shadow: none; opacity: 1; visibility: visible; transform: none; }
    .site-header--ultra .primary-menu .submenu-open > .sub-menu { display: block; }
    .site-header--ultra .header-actions { justify-self: end; }
    .site-header--ultra .mobile-menu-toggle { display: grid; }
    .nav-drawer-overlay { position: fixed; inset: 0; z-index: 290; background: rgba(8,22,38,.44); backdrop-filter: blur(2px); }
    .category-layout,
    .article-layout--premium { grid-template-columns: 1fr !important; }
    .site-sidebar--professional { position: static; grid-template-columns: repeat(2,minmax(0,1fr)) !important; align-items: start; }
    .sidebar-search-card .sn-live-search__results { min-width: 0; left: 0; }
    .footer-grid--ultra { grid-template-columns: 1.25fr repeat(2,1fr); }
    .footer-brand--ultra { grid-row: span 2; }
    .page-content-layout:has(.page-policy-toc) { grid-template-columns: 1fr; }
    .page-policy-toc { position: static; }
}

@media (max-width: 760px) {
    .sn-container { width: min(calc(100% - 28px), var(--sn-container)); }
    .site-header--ultra .utility-bar__inner { min-height: 32px; }
    .site-header--ultra .utility-date { display: none; }
    .site-header--ultra .utility-dot { display: none; }
    .site-header--ultra .utility-message { max-width: 62vw; font-size:9px; }
    .site-header--ultra .utility-bar__right > a { display: none; }
    .site-header--ultra .utility-bar__right > a:first-child { display: inline; font-size:9px; }
    .site-header--ultra .main-header__inner { min-height: 65px; }
    .site-header--ultra .custom-logo-link, .site-header--ultra .custom-logo { max-width: 165px; max-height: 45px; }
    .site-header--ultra .header-subscribe { display: none; }
    .site-header--ultra .search-toggle, .site-header--ultra .mobile-menu-toggle { width: 38px; height: 38px; }
    .header-search { padding: 17px 0 20px; }
    .header-search__inner { grid-template-columns: 1fr 38px; gap: 10px; }
    .header-search__label { display: none; }
    .sn-live-search__input { height: 46px; padding-right: 72px; font-size:12px; }
    .sn-live-search__submit { height: 36px; padding: 0 11px; font-size:10px; }
    .sn-live-search__results { position: fixed; left: 14px; right: 14px; top: 143px; max-height: calc(100dvh - 165px); overflow-y: auto; }
    .nav-drawer__search .sn-live-search__results { position: absolute; left: 0; right: 0; top: calc(100% + 8px); max-height: 360px; }

    .category-main { padding-top: 24px; }
    .category-intro { grid-template-columns: 42px 1fr; gap: 15px; padding: 23px 21px; }
    .category-intro__icon { width: 42px; height: 42px; border-radius: 12px; }
    .category-intro__icon .sn-icon { width: 22px; height: 22px; }
    .category-intro h1 { font-size:min(var(--sn-archive-title-size), 26px); }
    .category-intro__meta { font-size:9px; }
    .category-feature { grid-template-columns: 1fr; }
    .category-feature__media { min-height: 230px; }
    .category-feature__content { padding: 24px; }
    .category-feature h2 { font-size:24px; }
    .archive-grid--premium { grid-template-columns: 1fr 1fr; gap: 22px 13px; }
    .archive-grid--premium .story-card__title { font-size:14px !important; }
    .site-sidebar--professional { grid-template-columns: 1fr !important; }

    .single-main--premium { padding-top: 20px; }
    .article-header--premium { margin-top: 18px; }
    .article-header--premium h1 { font-size:min(var(--sn-single-title-size), 26px) !important; }
    .article-header--premium .article-deck { font-size:15px; }
    .article-byline--premium { align-items: flex-start; flex-wrap: wrap; }
    .article-share--header { width: 100%; margin: 13px 0 0 53px; }
    .article-hero--premium { aspect-ratio: 1.35 / 1; border-radius: 12px 20px 12px 20px; }
    .article-layout--premium { margin-top: 27px; }
    .article-toc__list { grid-template-columns: 1fr; }
    .article-content--premium { font-size:min(var(--sn-article-size), 16px); line-height: 1.8; }
    .article-content--premium h2 { font-size:23px; }
    .article-content--premium h3 { font-size:20px; }
    .author-box--editorial { grid-template-columns: 45px 1fr; padding: 20px; }
    .author-box__mark { width: 45px; height: 45px; }
    .post-navigation--premium { grid-template-columns: 1fr; }

    .page-header--professional { padding: 30px 24px; }
    .page-header--professional h1 { font-size:26px !important; }
    .page-header--professional p { font-size:14px; }
    .sn-page-lead { padding: 20px; }
    .sn-page-lead p { font-size:16px; }
    .sn-stat-grid,
    .sn-contact-grid,
    .sn-step-grid,
    .sn-value-list { grid-template-columns: 1fr; }
    .sn-info-grid--two { grid-template-columns: 1fr; }
    .sn-page-cta { align-items: flex-start; flex-direction: column; padding: 24px; }

    .footer-newsletter-strip__inner { grid-template-columns: 1fr; gap: 20px; }
    .footer-newsletter-strip__copy { align-items: flex-start; }
    .footer-newsletter-strip h2 { font-size:19px; }
    .footer-grid--ultra { display: block; padding-bottom: 28px; }
    .footer-brand--ultra { margin-bottom: 27px; }
    .footer-accordion { border-top: 1px solid var(--sn-line); }
    .footer-accordion:last-child { border-bottom: 1px solid var(--sn-line); }
    .footer-toggle { min-height: 49px; pointer-events: auto; }
    .footer-toggle__icon { position: relative; display: block; width: 16px; height: 16px; }
    .footer-toggle__icon::before,
    .footer-toggle__icon::after { content: ""; position: absolute; left: 2px; right: 2px; top: 7px; height: 1.5px; background: var(--sn-teal); transition: transform .2s ease; }
    .footer-toggle__icon::after { transform: rotate(90deg); }
    .footer-accordion.is-open .footer-toggle__icon::after { transform: rotate(0); }
    .footer-panel { display: none; margin: 0; padding: 0 0 18px; }
    .footer-accordion.is-open .footer-panel { display: block; }
    .footer-bottom__inner { align-items: flex-start; flex-direction: column; gap: 4px; }
}

@media (max-width: 520px) {
    .site-header--ultra .header-actions { gap: 6px; }
    .archive-grid--premium { grid-template-columns: 1fr; }
    .category-intro { grid-template-columns: 1fr; }
    .category-intro__icon { display: none; }
    .category-intro h1 { font-size:26px; }
    .article-header--premium h1 { font-size:26px !important; }
    .article-byline__meta { flex-wrap: wrap; }
    .article-share--header { margin-left: 0; }
    .sn-stat-grid > div { padding: 18px; }
}


/* ===== header-v15.css ===== */
/* SphereNexus v1.5 — premium cut-shape header and live updates bar. */
:root {
    --sn-logo-desktop-width: 215px;
    --sn-logo-mobile-width: 165px;
}

.site-header--cut {
    position: relative;
    z-index: 120;
    background: #f7fafb;
    font-family: var(--sn-font-ui);
}

/* Live updates ticker */
.live-update-bar {
    position: relative;
    z-index: 3;
    color: #dce9f1;
    background:
        linear-gradient(90deg, rgba(10, 143, 139, .18), transparent 34%),
        #071b31;
    border-bottom: 1px solid rgba(255,255,255,.08);
}

.live-update-bar__inner {
    min-height: 42px;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 14px;
}

.live-update-badge {
    position: relative;
    min-height: 30px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 7px 19px 7px 13px;
    color: #fff;
    background: linear-gradient(135deg, #0d9a95, #08746f);
    clip-path: polygon(0 0, calc(100% - 13px) 0, 100% 50%, calc(100% - 13px) 100%, 0 100%, 6px 50%);
    font-size:10px;
    font-weight: 600;
    letter-spacing: .11em;
    text-transform: uppercase;
    white-space: nowrap;
}

.live-update-badge__pulse {
    width: 7px;
    height: 7px;
    flex: 0 0 auto;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 0 0 0 rgba(255,255,255,.6);
    animation: snLivePulse 1.9s infinite;
}

@keyframes snLivePulse {
    0% { box-shadow: 0 0 0 0 rgba(255,255,255,.55); }
    70% { box-shadow: 0 0 0 7px rgba(255,255,255,0); }
    100% { box-shadow: 0 0 0 0 rgba(255,255,255,0); }
}

.live-update-viewport {
    position: relative;
    min-width: 0;
    height: 24px;
    overflow: hidden;
}

.live-update-list {
    position: relative;
    height: 100%;
}

.live-update-item {
    position: absolute;
    inset: 0;
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 9px;
    color: #e7f0f5;
    opacity: 0;
    visibility: hidden;
    transform: translateY(8px);
    transition: opacity .32s ease, transform .32s ease, visibility .32s ease;
    white-space: nowrap;
}

.live-update-item.is-active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.live-update-item:hover { color: #fff; }
.live-update-item__category {
    flex: 0 0 auto;
    color: #4ed0c9;
    font-size:9px;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.live-update-item__category::after {
    content: "";
    display: inline-block;
    width: 3px;
    height: 3px;
    margin-left: 9px;
    vertical-align: middle;
    border-radius: 50%;
    background: rgba(255,255,255,.42);
}
.live-update-item__title {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size:11px;
    font-weight: 600;
    letter-spacing: .005em;
}
.live-update-item__time {
    flex: 0 0 auto;
    color: #8fa7b6;
    font-size:9px;
    font-weight: 600;
}

.live-update-controls {
    display: flex;
    align-items: center;
    gap: 5px;
}
.live-update-controls button {
    width: 26px;
    height: 26px;
    display: grid;
    place-items: center;
    padding: 0;
    color: #d9e8ee;
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 7px 10px 7px 10px;
    transition: .2s ease;
}
.live-update-controls button:hover {
    color: #fff;
    background: #0d8f8b;
    border-color: #0d8f8b;
}
.live-update-controls svg {
    width: 14px;
    height: 14px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.live-update-meta {
    display: flex;
    align-items: center;
    gap: 13px;
    padding-left: 14px;
    border-left: 1px solid rgba(255,255,255,.12);
    white-space: nowrap;
}
.live-update-meta,
.live-update-meta a {
    color: #aebfca;
    font-size:9px;
    font-weight: 600;
}
.live-update-meta a { position: relative; }
.live-update-meta a::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%;
    bottom: -3px;
    height: 1px;
    background: #48c7c0;
    transition: right .2s ease;
}
.live-update-meta a:hover { color: #fff; }
.live-update-meta a:hover::after { right: 0; }

/* Cut-shape header shell */
.site-header--cut .main-header {
    position: relative;
    padding: 12px 0 17px;
    background: linear-gradient(180deg, #f7fafb 0%, #fff 100%);
    border: 0;
    box-shadow: none;
    backdrop-filter: none;
}
.site-header--cut .main-header__frame { position: relative; }
.site-header--cut .main-header__shell {
    position: relative;
    isolation: isolate;
    box-shadow: 0 13px 25px rgba(7,27,49,.055);
}
.site-header--cut .main-header__shell::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -2;
    background: #fff;
    border: 1px solid #dfe8ee;
    clip-path: polygon(0 0, calc(100% - 25px) 0, 100% 25px, 100% 100%, 25px 100%, 0 calc(100% - 25px));
}
.site-header--cut .main-header__shell::after {
    content: "";
    position: absolute;
    z-index: -1;
    top: -4px;
    right: 25px;
    width: 92px;
    height: 6px;
    background: linear-gradient(90deg, #0d8f8b, #32bbb4);
    clip-path: polygon(8px 0, 100% 0, calc(100% - 8px) 100%, 0 100%);
}
.site-header--cut .main-header__inner {
    min-height: 76px;
    grid-template-columns: minmax(var(--sn-logo-desktop-width), var(--sn-logo-desktop-width)) minmax(0, 1fr) auto;
    gap: clamp(20px, 2.1vw, 34px);
    padding: 0 23px;
}
.site-header--cut .branding-wrap {
    width: var(--sn-logo-desktop-width);
    min-width: 0;
}
.site-header--cut .custom-logo-link,
.site-header--cut .custom-logo {
    width: 100%;
    max-width: var(--sn-logo-desktop-width) !important;
    max-height: 58px;
    object-fit: contain;
    object-position: left center;
}
.site-header--cut .site-brand { max-width: var(--sn-logo-desktop-width); }
.site-header--cut .primary-menu { gap: clamp(18px, 1.7vw, 29px); }
.site-header--cut .primary-menu > li > a {
    padding: 28px 0 25px;
    font-size:min(var(--sn-nav-size), 12px);
    font-weight: 600;
    letter-spacing: .01em;
    text-transform: none;
}
.site-header--cut .primary-menu > li > a::after { bottom: 19px; }
.site-header--cut .header-actions { gap: 8px; }
.site-header--cut .search-toggle,
.site-header--cut .mobile-menu-toggle {
    border-radius: 8px 13px 8px 13px;
    background: #f9fbfc;
}
.site-header--cut .header-subscribe {
    min-height: 42px;
    border-radius: 7px 15px 7px 15px;
}

.site-header--cut .main-header.is-sticky {
    padding: 7px 0 10px;
    background: rgba(247,250,251,.96);
    box-shadow: 0 10px 30px rgba(7,27,49,.08);
    backdrop-filter: blur(18px);
}
.site-header--cut .main-header.is-sticky .main-header__inner { min-height: 64px; }
.site-header--cut .main-header.is-sticky .custom-logo { max-height: 48px; }

/* Search panel matches the cut header */
.site-header--cut .header-search {
    top: calc(100% - 8px);
    border: 1px solid #dfe8ee;
    border-top: 0;
    border-radius: 0 0 9px 22px;
    background: rgba(255,255,255,.99);
}

@media (max-width: 1180px) {
    .live-update-meta .live-update-date { display: none; }
    .site-header--cut .main-header__inner {
        grid-template-columns: minmax(var(--sn-logo-desktop-width), var(--sn-logo-desktop-width)) minmax(0, 1fr) auto;
        gap: 16px;
        padding-inline: 19px;
    }
    .site-header--cut .primary-menu { gap: 16px; }
}

@media (max-width: 1080px) {
    .site-header--cut .main-header { padding: 9px 0 13px; }
    .site-header--cut .main-header__inner {
        min-height: 68px;
        grid-template-columns: minmax(0, 1fr) auto;
        padding: 0 18px;
    }
    .site-header--cut .branding-wrap { width: var(--sn-logo-mobile-width); }
    .site-header--cut .custom-logo-link,
    .site-header--cut .custom-logo,
    .site-header--cut .site-brand { max-width: var(--sn-logo-mobile-width) !important; }
    .site-header--cut .primary-navigation {
        border-radius: 0;
    }
    .nav-drawer__brand .custom-logo-link,
    .nav-drawer__brand .custom-logo { max-width: var(--sn-logo-mobile-width) !important; }
}

@media (max-width: 820px) {
    .live-update-bar__inner {
        min-height: 39px;
        grid-template-columns: auto minmax(0, 1fr) auto;
        gap: 9px;
    }
    .live-update-meta { display: none; }
    .live-update-badge {
        min-height: 27px;
        padding: 6px 15px 6px 10px;
        font-size:8px;
        letter-spacing: .08em;
    }
    .live-update-badge__pulse { width: 6px; height: 6px; }
    .live-update-item__category,
    .live-update-item__time { display: none; }
    .live-update-item__title { font-size:10px; }
    .live-update-controls button:first-child { display: none; }
    .live-update-controls button { width: 25px; height: 25px; }
}

@media (max-width: 520px) {
    .live-update-bar__inner {
        width: min(calc(100% - 20px), var(--sn-container));
        min-height: 37px;
        gap: 7px;
    }
    .live-update-badge {
        width: 33px;
        justify-content: center;
        padding: 6px 10px 6px 7px;
    }
    .live-update-badge span:last-child { display: none; }
    .live-update-item__title { font-size:9.5px; font-weight: 600; }
    .site-header--cut .main-header { padding: 7px 0 10px; }
    .site-header--cut .main-header__shell::before {
        clip-path: polygon(0 0, calc(100% - 18px) 0, 100% 18px, 100% 100%, 18px 100%, 0 calc(100% - 18px));
    }
    .site-header--cut .main-header__shell::after {
        right: 18px;
        width: 66px;
    }
    .site-header--cut .main-header__inner {
        min-height: 62px;
        padding: 0 13px;
    }
    .site-header--cut .branding-wrap { width: var(--sn-logo-mobile-width); }
    .site-header--cut .search-toggle,
    .site-header--cut .mobile-menu-toggle { width: 37px; height: 37px; }
}

@media (prefers-reduced-motion: reduce) {
    .live-update-badge__pulse { animation: none; }
    .live-update-item { transition: none; }
}


/* ===== hero-v16.css ===== */
/* SphereNexus compact premium editorial hero v1.7 */
.sn-hero-v16-section {
    padding: 24px 0 20px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbfc 100%);
}

.sn-hero-v16-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.75fr) minmax(390px, 1fr);
    gap: 16px;
    align-items: stretch;
}

.sn-hero-v16-featured {
    position: relative;
    min-height: 460px;
    overflow: hidden;
    border: 1px solid #dce5eb;
    background: #fff;
    box-shadow: 0 18px 45px rgba(7, 27, 49, .065);
    clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 20px, 100% 100%, 20px 100%, 0 calc(100% - 20px));
    isolation: isolate;
}

.sn-hero-v16-featured::before {
    content: "";
    position: absolute;
    inset: 10px;
    z-index: 5;
    pointer-events: none;
    border: 1px solid rgba(19,143,139,.075);
    clip-path: polygon(0 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 14px 100%, 0 calc(100% - 14px));
}

.sn-hero-v16-slides,
.sn-hero-v16-slide {
    position: absolute;
    inset: 0;
}

.sn-hero-v16-slide {
    display: grid;
    grid-template-columns: minmax(320px, .88fr) minmax(0, 1.22fr);
    opacity: 0;
    visibility: hidden;
    transform: translateX(14px);
    transition: opacity .45s ease, transform .55s ease, visibility .45s;
    pointer-events: none;
}

.sn-hero-v16-slide.is-active {
    z-index: 2;
    opacity: 1;
    visibility: visible;
    transform: none;
    pointer-events: auto;
}

.sn-hero-v16-slide__content {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    min-width: 0;
    padding: 38px 34px 88px;
    background: linear-gradient(135deg, #fff 0%, #f7fafb 100%);
}

.sn-hero-v16-slide__content::after { display: none; }

.sn-hero-v16-slide__media {
    position: relative;
    display: block;
    min-width: 0;
    overflow: hidden;
    background: #edf3f6;
}

.sn-hero-v16-slide__media::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(90deg, rgba(247,250,251,.13), transparent 20%);
}

.sn-hero-v16-slide__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    transform: scale(1.005);
    transition: transform 7s ease;
}
.sn-hero-v16-slide.is-active .sn-hero-v16-slide__media img { transform: scale(1.035); }

.sn-hero-v16-eyebrow {
    margin-bottom: 9px;
    color: #78899b;
    font-family: var(--sn-font-ui);
    font-size:9px;
    font-weight: 500;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.sn-hero-v16-category {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    max-width: 100%;
    margin-bottom: 14px;
    color: var(--sn-teal-dark);
    font-family: var(--sn-font-ui);
    font-size:9px;
    font-weight: 600;
    letter-spacing: .04em;
    line-height: 1.35;
    text-transform: uppercase;
}
.sn-hero-v16-category::after { content: ""; width: 24px; height: 1px; background: var(--sn-teal); }

.sn-hero-v16-title {
    max-width: 100%;
    margin: 0 0 13px;
    font-family: var(--sn-font-heading);
    font-size:26px;
    font-weight: 600;
    letter-spacing: -.025em;
    line-height: 1.24;
}
.sn-hero-v16-title a:hover { color: var(--sn-teal-dark); }

.sn-hero-v16-excerpt {
    display: -webkit-box;
    max-width: 440px;
    margin-bottom: 18px;
    overflow: hidden;
    color: #657388;
    font-size:14px;
    line-height: 1.65;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.sn-hero-v16-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 13px;
}
.sn-hero-v16-actions .sn-button {
    min-height: 40px;
    padding: 9px 15px;
    font-size:11px;
    font-weight: 500;
}

.sn-hero-v16-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    color: #738095;
    font-family: var(--sn-font-ui);
    font-size:10px;
    font-weight: 500;
}
.sn-hero-v16-meta .sn-icon { width: 14px; height: 14px; color: var(--sn-teal); }

.sn-hero-v16-controller {
    position: absolute;
    left: 34px;
    bottom: 24px;
    z-index: 8;
    display: flex;
    align-items: center;
    gap: 14px;
}
.sn-hero-v16-counter {
    display: flex;
    align-items: center;
    gap: 7px;
    color: #7a8798;
    font-family: var(--sn-font-ui);
    font-size:9px;
    font-weight: 500;
    letter-spacing: .06em;
}
.sn-hero-v16-counter [data-hero-current] { color: var(--sn-navy); font-size:11px; }
.sn-hero-v16-counter__line { width: 22px; height: 1px; background: #cbd5de; }
.sn-hero-v16-dots { display: flex; align-items: center; gap: 6px; }
.sn-hero-v16-dot {
    width: 6px;
    height: 6px;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: #c8d3dc;
    transition: width .25s ease, background .25s ease;
}
.sn-hero-v16-dot.is-active { width: 20px; background: var(--sn-teal); }
.sn-hero-v16-arrows { display: flex; gap: 6px; }
.sn-hero-v16-arrow {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    padding: 0;
    border: 1px solid #d7e0e7;
    border-radius: 50%;
    background: #fff;
    color: var(--sn-navy);
    transition: .2s ease;
}
.sn-hero-v16-arrow:hover { border-color: var(--sn-teal); background: var(--sn-teal); color: #fff; }
.sn-hero-v16-arrow .sn-icon { width: 14px; height: 14px; }
.sn-hero-v16-arrow .sn-arrow-left { transform: rotate(180deg); }

.sn-hero-v16-pattern {
    position: absolute;
    z-index: 7;
    width: 55px;
    height: 35px;
    opacity: .28;
    pointer-events: none;
    background-image: radial-gradient(circle, rgba(19,143,139,.5) 1px, transparent 1.1px);
    background-size: 9px 9px;
}
.sn-hero-v16-pattern--top { top: 25px; left: 25px; }
.sn-hero-v16-pattern--bottom { right: 20px; bottom: 20px; }

/* Four compact supporting stories */
.sn-hero-v16-side {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: repeat(2, minmax(0, 1fr));
    gap: 12px;
    min-width: 0;
}

.sn-hero-v16-side-card {
    display: grid;
    grid-template-rows: 112px minmax(0, 1fr);
    min-width: 0;
    overflow: hidden;
    border: 1px solid #dce4eb;
    background: #fff;
    box-shadow: 0 10px 28px rgba(7,27,49,.055);
    clip-path: polygon(0 0, calc(100% - 13px) 0, 100% 13px, 100% 100%, 13px 100%, 0 calc(100% - 13px));
    transition: transform .22s ease, box-shadow .22s ease;
}
.sn-hero-v16-side-card:hover { transform: translateY(-2px); box-shadow: 0 14px 34px rgba(7,27,49,.09); }
.sn-hero-v16-side-card__image { position: relative; overflow: hidden; background: #edf3f6; }
.sn-hero-v16-side-card__image img { width: 100%; height: 100%; object-fit: cover; object-position: center; transition: transform .4s ease; }
.sn-hero-v16-side-card:hover .sn-hero-v16-side-card__image img { transform: scale(1.035); }
.sn-hero-v16-side-card__category {
    position: absolute;
    left: 10px;
    bottom: 9px;
    max-width: calc(100% - 20px);
    padding: 5px 7px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.8);
    border-radius: 3px 8px 3px 8px;
    background: rgba(255,255,255,.94);
    color: var(--sn-teal-dark);
    font-family: var(--sn-font-ui);
    font-size:7.5px;
    font-weight: 600;
    letter-spacing: .035em;
    line-height: 1.25;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
    backdrop-filter: blur(8px);
}
.sn-hero-v16-side-card__body {
    display: flex;
    min-width: 0;
    flex-direction: column;
    padding: 12px 13px 11px;
}
.sn-hero-v16-side-card h2 {
    display: -webkit-box;
    margin: 0 0 8px;
    overflow: hidden;
    font-family: var(--sn-font-heading);
    font-size:14px;
    font-weight: 600;
    line-height: 1.38;
    letter-spacing: -.015em;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.sn-hero-v16-side-card__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-top: auto;
}
.sn-hero-v16-side-date { color: #8793a3; font-size:9px; }
.sn-hero-v16-side-card__arrow { display: none; }
.category-ribbon--v16 { margin-top: 20px; }

@media (max-width: 1180px) {
    .sn-hero-v16-grid { grid-template-columns: 1fr; }
    .sn-hero-v16-featured { min-height: 440px; }
    .sn-hero-v16-side { grid-template-columns: repeat(4, minmax(0, 1fr)); grid-template-rows: none; }
    .sn-hero-v16-side-card { grid-template-rows: 105px minmax(104px, auto); }
}

@media (max-width: 900px) {
    .sn-hero-v16-side { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
    .sn-hero-v16-section { padding-top: 14px; }
    .sn-hero-v16-featured {
        min-height: 535px;
        clip-path: polygon(0 0, calc(100% - 15px) 0, 100% 15px, 100% 100%, 15px 100%, 0 calc(100% - 15px));
    }
    .sn-hero-v16-slide { grid-template-columns: 1fr; grid-template-rows: 225px minmax(0, 1fr); }
    .sn-hero-v16-slide__media { grid-row: 1; }
    .sn-hero-v16-slide__content { grid-row: 2; justify-content: flex-start; padding: 24px 21px 78px; }
    .sn-hero-v16-slide__media::after { background: linear-gradient(0deg, rgba(247,250,251,.18), transparent 35%); }
    .sn-hero-v16-title { margin-bottom: 10px; font-size:23px; }
    .sn-hero-v16-excerpt { margin-bottom: 14px; font-size:13px; -webkit-line-clamp: 2; }
    .sn-hero-v16-eyebrow { display: none; }
    .sn-hero-v16-category { margin-bottom: 9px; font-size:8px; }
    .sn-hero-v16-actions { gap: 9px; }
    .sn-hero-v16-actions .sn-button { min-height: 37px; padding: 8px 12px; font-size:10px; }
    .sn-hero-v16-actions .sn-hero-v16-meta { width: 100%; font-size:9px; }
    .sn-hero-v16-controller { left: 21px; right: 21px; bottom: 20px; justify-content: space-between; }
    .sn-hero-v16-counter { display: none; }
    .sn-hero-v16-pattern--top { top: 15px; left: 15px; }
    .sn-hero-v16-pattern--bottom { display: none; }
    .category-ribbon--v16 { margin-top: 15px; }
}

@media (max-width: 540px) {
    .sn-hero-v16-side { grid-template-columns: 1fr 1fr; gap: 9px; }
    .sn-hero-v16-side-card { grid-template-rows: 92px minmax(105px, auto); }
    .sn-hero-v16-side-card__body { padding: 10px; }
    .sn-hero-v16-side-card h2 { font-size:12px; line-height: 1.35; }
    .sn-hero-v16-side-date { display: none; }
    .sn-hero-v16-side-card .sn-read-more-link { font-size:9px; }
}

@media (prefers-reduced-motion: reduce) {
    .sn-hero-v16-slide,
    .sn-hero-v16-slide__media img { transition: none !important; }
}


/* ===== refine-v17.css ===== */
/* SphereNexus v1.7 final typography, compact cards and mobile navigation refinements. */

/* Strict editorial typography hierarchy: nothing exceeds 26px or weight 600. */
body h1,
body .h1 { font-size: 26px !important; font-weight: 600 !important; line-height: 1.24; }
body h2,
body .h2 { font-size: 22px !important; font-weight: 600 !important; line-height: 1.3; }
body h3,
body .h3 { font-size: 18px !important; font-weight: 600 !important; line-height: 1.38; }
body h4,
body .h4 { font-size: 16px !important; font-weight: 600 !important; line-height: 1.42; }
body h5 { font-size: 15px !important; font-weight: 600 !important; }
body h6 { font-size: 14px !important; font-weight: 600 !important; }
body strong,
body b { font-weight: 600 !important; }

.site-header a,
.site-header button,
.site-main a,
.site-main button,
.site-footer a,
.site-footer button,
.widget a,
.widget button,
.category-label,
.eyebrow,
.post-meta,
.story-card__category { font-weight: 600; }

.sn-button,
.sn-button--dark,
.sn-button--accent,
.sn-button--compact,
.header-subscribe { font-weight: 500 !important; }

/* Clean text-only Read More treatment across all article cards. */
.sn-read-more-link {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    width: fit-content;
    margin-top: 10px;
    padding: 0 0 3px;
    color: var(--sn-teal-dark);
    background: transparent !important;
    border: 0;
    font-family: var(--sn-font-ui);
    font-size: 10px;
    font-weight: 500 !important;
    line-height: 1.4;
}
.sn-read-more-link::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%;
    bottom: 0;
    height: 1px;
    background: currentColor;
    transition: right .22s ease;
}
.sn-read-more-link:hover { color: var(--sn-navy); }
.sn-read-more-link:hover::after { right: 0; }
.sn-read-more-link .sn-icon {
    width: 13px;
    height: 13px;
    transition: transform .2s ease;
}
.sn-read-more-link:hover .sn-icon { transform: translateX(3px); }
.story-card__content .post-meta + .sn-read-more-link { margin-top: 9px; }
.mini-story .sn-read-more-link { margin-top: 6px; font-size: 9px; }

/* Keep the card hierarchy intentionally smaller than H1. */
.story-card__title,
.archive-grid--premium .story-card__title { font-size: 15px !important; font-weight: 600 !important; }
.section-heading h2,
.category-heading h2,
.widget-title,
.sidebar-card__title,
.footer-toggle { font-size: 18px !important; font-weight: 600 !important; }
.article-content--premium h2,
.page-content--professional h2 { font-size: 22px !important; }
.article-content--premium h3,
.page-content--professional h3 { font-size: 18px !important; }

/* Mobile menu button must remain visible and usable. */
@media (max-width: 1080px) {
    .site-header--cut .mobile-menu-toggle,
    .site-header--ultra .mobile-menu-toggle,
    .mobile-menu-toggle {
        position: relative;
        z-index: 8;
        display: grid !important;
        place-items: center;
        flex: 0 0 auto;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
    }
    .mobile-menu-toggle .sn-icon {
        display: block !important;
        width: 20px;
        height: 20px;
        color: currentColor;
        stroke: currentColor;
    }
    .site-header--cut .header-actions {
        display: flex !important;
        align-items: center;
        justify-content: flex-end;
        gap: 6px;
        min-width: max-content;
    }
    .site-header--cut .main-header__inner { overflow: visible; }
}

@media (max-width: 700px) {
    .site-header--cut .header-subscribe { display: none !important; }
    .site-header--cut .branding-wrap { min-width: 0; }
    .site-header--cut .header-actions { gap: 5px; }
    .site-header--cut .search-toggle,
    .site-header--cut .mobile-menu-toggle { width: 38px; height: 38px; }
}

@media (max-width: 420px) {
    .site-header--cut .main-header__inner { padding-inline: 10px; }
    .site-header--cut .search-toggle,
    .site-header--cut .mobile-menu-toggle { width: 36px; height: 36px; }
}
.sn-read-more-link--light { color: rgba(255,255,255,.94); }
.sn-read-more-link--light:hover { color: #fff; }


/* ===== menu-icons-v18.css ===== */
/* SphereNexus v1.8 — crisp mobile drawer and professional navigation SVG icons. */

/* Desktop navigation icons */
.site-header--cut .primary-menu > li > a,
.site-header--ultra .primary-menu > li > a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

.sn-menu-link-icon {
    display: inline-grid;
    width: 17px;
    height: 17px;
    flex: 0 0 17px;
    place-items: center;
    color: #708296;
    transition: color .2s ease, transform .2s ease;
}

.sn-menu-link-icon .sn-icon,
.sn-menu-link-icon .sn-menu-svg {
    display: block;
    width: 16px;
    height: 16px;
    stroke-width: 1.75;
}

.sn-menu-link-text {
    display: inline-block;
    min-width: 0;
}

.site-header--cut .primary-menu > li.current-menu-item > a .sn-menu-link-icon,
.site-header--cut .primary-menu > li.current-menu-parent > a .sn-menu-link-icon,
.site-header--cut .primary-menu > li > a:hover .sn-menu-link-icon,
.site-header--ultra .primary-menu > li.current-menu-item > a .sn-menu-link-icon,
.site-header--ultra .primary-menu > li.current-menu-parent > a .sn-menu-link-icon,
.site-header--ultra .primary-menu > li > a:hover .sn-menu-link-icon {
    color: var(--sn-teal);
    transform: translateY(-1px);
}

.site-header--cut .primary-menu .sub-menu a,
.site-header--ultra .primary-menu .sub-menu a {
    display: flex;
    align-items: center;
    gap: 9px;
}

.site-header--cut .primary-menu .sub-menu .sn-menu-link-icon,
.site-header--ultra .primary-menu .sub-menu .sn-menu-link-icon {
    width: 16px;
    height: 16px;
    flex-basis: 16px;
    color: var(--sn-teal);
}

/* Crisp mobile drawer: no blur, no transparent glass effect, no transformed text layer. */
@media (max-width: 1080px) {
    body.menu-open {
        overflow: hidden;
        touch-action: none;
    }

    .site-header--ultra .primary-navigation,
    .site-header--cut .primary-navigation,
    .primary-navigation {
        right: -100% !important;
        transform: none !important;
        transition: right .28s cubic-bezier(.22,.7,.3,1) !important;
        background: #ffffff !important;
        background-color: #ffffff !important;
        opacity: 1 !important;
        filter: none !important;
        -webkit-filter: none !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        isolation: isolate;
        -webkit-font-smoothing: antialiased;
        text-rendering: optimizeLegibility;
    }

    .site-header--ultra .primary-navigation.is-open,
    .site-header--cut .primary-navigation.is-open,
    .primary-navigation.is-open {
        right: 0 !important;
        transform: none !important;
    }

    .nav-drawer-overlay {
        background: rgba(7, 24, 42, .58) !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        filter: none !important;
        -webkit-filter: none !important;
    }

    .nav-drawer__header,
    .nav-drawer__search,
    .nav-drawer__footer,
    .nav-drawer__brand,
    .site-header--ultra .primary-navigation *,
    .site-header--cut .primary-navigation * {
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        filter: none;
    }

    .nav-drawer__header {
        background: #fff !important;
        box-shadow: 0 1px 0 #e7edf2;
    }

    .site-header--cut .primary-menu > li > a,
    .site-header--ultra .primary-menu > li > a {
        display: flex;
        min-height: 54px;
        justify-content: flex-start;
        gap: 12px;
        padding: 11px 2px !important;
        color: #142840;
        line-height: 1.35;
    }

    .site-header--cut .primary-menu > li > a .sn-menu-link-icon,
    .site-header--ultra .primary-menu > li > a .sn-menu-link-icon {
        width: 34px;
        height: 34px;
        flex: 0 0 34px;
        border: 1px solid #dce8ec;
        border-radius: 9px 13px 9px 13px;
        background: #f4faf9;
        color: var(--sn-teal-dark);
    }

    .site-header--cut .primary-menu > li > a .sn-menu-link-icon .sn-icon,
    .site-header--ultra .primary-menu > li > a .sn-menu-link-icon .sn-icon {
        width: 18px;
        height: 18px;
    }

    .site-header--cut .primary-menu > li.current-menu-item > a .sn-menu-link-icon,
    .site-header--cut .primary-menu > li.current-menu-parent > a .sn-menu-link-icon,
    .site-header--ultra .primary-menu > li.current-menu-item > a .sn-menu-link-icon,
    .site-header--ultra .primary-menu > li.current-menu-parent > a .sn-menu-link-icon {
        border-color: rgba(19,143,139,.38);
        background: #eaf8f6;
        color: var(--sn-teal-dark);
    }

    .site-header--cut .primary-menu .sub-menu a,
    .site-header--ultra .primary-menu .sub-menu a {
        min-height: 42px;
        padding: 8px 3px;
        font-size: 12px;
    }

    .site-header--cut .primary-menu .sub-menu .sn-menu-link-icon,
    .site-header--ultra .primary-menu .sub-menu .sn-menu-link-icon {
        width: 28px;
        height: 28px;
        flex: 0 0 28px;
        border: 0;
        border-radius: 8px;
        background: #f4f7f9;
    }

    .nav-drawer__close {
        background: #fff;
        box-shadow: none;
    }
}

@media (max-width: 1180px) and (min-width: 1081px) {
    .site-header--cut .primary-menu > li > a,
    .site-header--ultra .primary-menu > li > a {
        gap: 4px;
    }
    .sn-menu-link-icon { width: 14px; height: 14px; flex-basis: 14px; }
    .sn-menu-link-icon .sn-icon { width: 14px; height: 14px; }
}


/* ===== mobile-v19.css ===== */
/* SphereNexus v1.9 — mobile-first category grid, robust footer accordions and responsive polish. */

/* Prevent third-party/cache CSS from causing page-wide horizontal overflow. */
html,
body {
    max-width: 100%;
    overflow-x: clip;
}

img,
video,
iframe,
embed,
object {
    max-width: 100%;
}

/* Footer controls are headings on desktop and real accordion buttons on mobile. */
.footer-toggle:disabled {
    opacity: 1;
    cursor: default;
}

@media (max-width: 980px) {
    .sn-container {
        width: min(calc(100% - 32px), var(--sn-container));
    }

    .content-section {
        padding-block: 22px;
    }

    .section-heading {
        gap: 14px;
    }
}

@media (max-width: 760px) {
    .sn-container {
        width: min(calc(100% - 24px), var(--sn-container));
    }

    /* Homepage categories: exactly two cards in each row. */
    .spherenexus-front-page .category-ribbon,
    .spherenexus-front-page .category-ribbon--v16,
    .category-ribbon.category-ribbon--v16 {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 9px !important;
        width: 100%;
        margin-top: 14px;
        padding: 9px !important;
        overflow: visible !important;
        border-radius: 14px;
        scroll-snap-type: none !important;
    }

    .spherenexus-front-page .category-ribbon__item,
    .category-ribbon--v16 .category-ribbon__item {
        min-width: 0 !important;
        min-height: 88px;
        padding: 11px 8px !important;
        gap: 7px;
        border: 1px solid #e1e8ed !important;
        border-radius: 8px 15px 8px 15px;
        background: #fff;
        box-shadow: 0 7px 20px rgba(7, 27, 49, .045);
        scroll-snap-align: none !important;
    }

    .spherenexus-front-page .category-ribbon__item:last-child,
    .category-ribbon--v16 .category-ribbon__item:last-child {
        grid-column: 1 / -1;
        min-height: 72px;
        flex-direction: row;
    }

    .spherenexus-front-page .category-ribbon__icon .sn-icon,
    .category-ribbon--v16 .category-ribbon__icon .sn-icon {
        width: 25px;
        height: 25px;
    }

    .spherenexus-front-page .category-ribbon__item > span:last-child,
    .category-ribbon--v16 .category-ribbon__item > span:last-child {
        font-size: 10px;
        line-height: 1.35;
    }

    /* Compact and predictable mobile section layout. */
    .content-section {
        padding-block: 18px;
    }

    .section-heading,
    .category-heading {
        align-items: flex-start;
        gap: 10px;
        margin-bottom: 14px;
    }

    .section-heading h2,
    .category-heading h2 {
        font-size: 18px !important;
        line-height: 1.35;
    }

    .section-heading > a {
        flex: 0 0 auto;
        padding-top: 4px;
        font-size: 10px;
    }

    .card-grid--five,
    .category-card-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 18px 11px !important;
    }

    .story-card,
    .story-card__content,
    .story-card__title,
    .story-card__media {
        min-width: 0;
    }

    .story-card__title {
        font-size: 13px !important;
        line-height: 1.4;
    }

    .story-card__media {
        border-radius: 6px 14px 6px 14px;
    }

    /* Keep hero and supporting cards inside the viewport. */
    .sn-hero-v16-grid,
    .sn-hero-v16-featured,
    .sn-hero-v16-side,
    .sn-hero-v16-side-card {
        min-width: 0;
        max-width: 100%;
    }

    .sn-hero-v16-featured {
        min-height: 510px;
    }

    .sn-hero-v16-slide {
        grid-template-rows: 210px minmax(0, 1fr);
    }

    .sn-hero-v16-slide__content {
        padding: 21px 18px 72px;
    }

    .sn-hero-v16-title {
        font-size: 21px !important;
    }

    .sn-hero-v16-side {
        gap: 9px;
    }

    /* Footer mobile accordions: clear plus/minus and reliable open state. */
    .footer-grid--ultra {
        display: block !important;
        padding-bottom: 25px;
    }

    .footer-brand--ultra {
        margin-bottom: 25px;
    }

    .footer-accordion {
        margin: 0;
        border-top: 1px solid var(--sn-line);
    }

    .footer-accordion:last-child {
        border-bottom: 1px solid var(--sn-line);
    }

    .footer-toggle,
    .footer-toggle:disabled {
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        min-height: 52px;
        padding: 0 2px !important;
        pointer-events: auto !important;
        cursor: pointer;
        color: var(--sn-navy);
        font-size: 14px !important;
        font-weight: 600 !important;
    }

    .footer-toggle:not(:disabled):active {
        color: var(--sn-teal-dark);
    }

    .footer-toggle__icon {
        position: relative;
        display: block !important;
        width: 28px;
        height: 28px;
        flex: 0 0 28px;
        border: 1px solid #d9e6e8;
        border-radius: 8px 12px 8px 12px;
        background: #fff;
    }

    .footer-toggle__icon::before,
    .footer-toggle__icon::after {
        content: "";
        position: absolute;
        left: 7px;
        right: 7px;
        top: 13px;
        height: 1.5px;
        border-radius: 999px;
        background: var(--sn-teal-dark);
        transition: transform .22s ease;
    }

    .footer-toggle__icon::after {
        transform: rotate(90deg);
    }

    .footer-accordion.is-open .footer-toggle__icon::after {
        transform: rotate(0deg);
    }

    .footer-panel {
        display: block !important;
        max-height: 0;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden;
        visibility: hidden;
        opacity: 0;
        transition: max-height .28s ease, opacity .2s ease, padding .28s ease, visibility 0s linear .28s;
    }

    .footer-accordion.is-open .footer-panel {
        max-height: 420px;
        padding: 1px 0 19px !important;
        visibility: visible;
        opacity: 1;
        transition: max-height .3s ease, opacity .22s ease, padding .3s ease, visibility 0s;
    }

    .footer-menu {
        gap: 8px;
    }

    .footer-menu a,
    .footer-contact-link,
    .footer-contact-column p {
        font-size: 12px;
    }

    .footer-bottom__inner {
        align-items: center !important;
        text-align: center;
    }
}

@media (max-width: 520px) {
    .card-grid--five,
    .category-card-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .story-card__media {
        aspect-ratio: 1.25 / 1;
    }

    .story-card__content {
        padding-top: 9px;
    }

    .story-card__category {
        font-size: 8px;
    }

    .post-meta {
        font-size: 9px;
    }
}

@media (max-width: 360px) {
    .sn-container {
        width: min(calc(100% - 18px), var(--sn-container));
    }

    .spherenexus-front-page .category-ribbon,
    .category-ribbon.category-ribbon--v16 {
        gap: 7px !important;
        padding: 7px !important;
    }

    .spherenexus-front-page .category-ribbon__item,
    .category-ribbon--v16 .category-ribbon__item {
        padding-inline: 6px !important;
    }
}


/* ===== smaller-titles-v20.css ===== */
/* SphereNexus v2.0 — compact supporting post titles. */

/* The four supporting hero cards must remain visually lighter than the main story. */
.sn-hero-v16-side-card h2,
body .sn-hero-v16-side-card h2 {
    margin: 0 0 7px !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;
    letter-spacing: -0.01em !important;
    -webkit-line-clamp: 2;
}

.sn-hero-v16-side-card__body {
    padding: 11px 13px 10px;
}

.sn-hero-v16-side-card__category {
    font-size: 7px;
    font-weight: 500;
}

.sn-hero-v16-side-card .sn-read-more-link {
    font-size: 9px;
    font-weight: 500 !important;
}

@media (max-width: 1180px) {
    .sn-hero-v16-side-card h2,
    body .sn-hero-v16-side-card h2 {
        font-size: 14px !important;
    }
}

@media (max-width: 760px) {
    .sn-hero-v16-side-card h2,
    body .sn-hero-v16-side-card h2 {
        font-size: 12px !important;
        line-height: 1.35 !important;
    }

    .sn-hero-v16-side-card__body {
        padding: 9px 10px 9px;
    }
}


/* ===== mobile-v21.css ===== */
/* SphereNexus v2.1 — viewport-safe mobile drawer, tighter navigation and two-column category archives. */

:root {
    --sn-drawer-top: 0px;
    --sn-drawer-height: 100dvh;
}

@media (max-width: 1080px) {
    /* Remove properties on sticky ancestors that can trap fixed descendants. */
    body.menu-open .site-header--cut .main-header.is-sticky,
    body.menu-open .site-header--ultra .main-header.is-sticky,
    body.menu-open .main-header.is-sticky {
        transform: none !important;
        filter: none !important;
        -webkit-filter: none !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

    /* The drawer is portalled to body by JS so it can never be clipped by the header. */
    body > .primary-navigation.is-mobile-portal {
        position: fixed !important;
        top: var(--sn-drawer-top) !important;
        right: -100% !important;
        bottom: auto !important;
        left: auto !important;
        z-index: 100001 !important;
        display: block !important;
        width: min(370px, 92vw) !important;
        height: var(--sn-drawer-height) !important;
        max-height: var(--sn-drawer-height) !important;
        padding: 0 18px 22px !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        overscroll-behavior: contain;
        background: #fff !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: -22px 0 54px rgba(8, 29, 50, .2) !important;
        transform: none !important;
        transition: right .26s cubic-bezier(.22,.7,.3,1) !important;
        -webkit-overflow-scrolling: touch;
        isolation: isolate;
    }

    body > .primary-navigation.is-mobile-portal.is-open {
        right: 0 !important;
    }

    body > .nav-drawer-overlay {
        position: fixed !important;
        top: var(--sn-drawer-top) !important;
        right: 0 !important;
        bottom: auto !important;
        left: 0 !important;
        z-index: 100000 !important;
        height: var(--sn-drawer-height) !important;
        background: rgba(7, 24, 42, .56) !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

    body > .primary-navigation.is-mobile-portal .nav-drawer__header {
        position: sticky !important;
        top: 0 !important;
        z-index: 5 !important;
        min-height: 62px !important;
        margin: 0 -18px !important;
        padding: 7px 18px !important;
        background: #fff !important;
        border-bottom: 1px solid #e5ecef !important;
        box-shadow: 0 5px 16px rgba(8, 29, 50, .035) !important;
    }

    body > .primary-navigation.is-mobile-portal .nav-drawer__brand,
    body > .primary-navigation.is-mobile-portal .nav-drawer__brand .custom-logo-link,
    body > .primary-navigation.is-mobile-portal .nav-drawer__brand .custom-logo {
        display: flex !important;
        align-items: center !important;
        width: auto !important;
        max-width: min(var(--sn-logo-mobile-width), 150px) !important;
        max-height: 42px !important;
    }

    body > .primary-navigation.is-mobile-portal .nav-drawer__close {
        display: grid !important;
        place-items: center !important;
        width: 36px !important;
        height: 36px !important;
        flex: 0 0 36px !important;
        padding: 0 !important;
        border: 1px solid #dce6eb !important;
        border-radius: 8px 12px 8px 12px !important;
        background: #f8fbfc !important;
        color: #102942 !important;
    }

    body > .primary-navigation.is-mobile-portal .nav-drawer__search {
        display: block !important;
        margin: 13px 0 8px !important;
    }

    body > .primary-navigation.is-mobile-portal .sn-live-search__input {
        height: 43px !important;
        padding-left: 42px !important;
        font-size: 11px !important;
    }

    body > .primary-navigation.is-mobile-portal .sn-live-search__submit {
        height: 34px !important;
        padding-inline: 11px !important;
        font-size: 9px !important;
    }

    /* Compact vertical navigation: less empty space between names. */
    body > .primary-navigation.is-mobile-portal .primary-menu {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 0 !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body > .primary-navigation.is-mobile-portal .primary-menu > li {
        margin: 0 !important;
        padding: 0 !important;
        border-bottom: 1px solid #edf2f4 !important;
    }

    body > .primary-navigation.is-mobile-portal .primary-menu > li > a {
        position: relative !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        min-height: 45px !important;
        gap: 9px !important;
        margin: 0 !important;
        padding: 5px 1px !important;
        color: #132a43 !important;
        font-size: 12px !important;
        font-weight: 500 !important;
        line-height: 1.25 !important;
        letter-spacing: 0 !important;
        text-transform: none !important;
    }

    body > .primary-navigation.is-mobile-portal .primary-menu > li > a::after {
        display: none !important;
    }

    body > .primary-navigation.is-mobile-portal .primary-menu > li > a .sn-menu-link-icon {
        display: inline-grid !important;
        place-items: center !important;
        width: 30px !important;
        height: 30px !important;
        flex: 0 0 30px !important;
        border: 1px solid #dbe8eb !important;
        border-radius: 8px 11px 8px 11px !important;
        background: #f4faf9 !important;
        color: var(--sn-teal-dark) !important;
    }

    body > .primary-navigation.is-mobile-portal .primary-menu > li > a .sn-menu-link-icon .sn-icon {
        width: 16px !important;
        height: 16px !important;
    }

    body > .primary-navigation.is-mobile-portal .primary-menu > li.menu-item-has-children > a {
        padding-right: 30px !important;
    }

    body > .primary-navigation.is-mobile-portal .primary-menu > li.menu-item-has-children > a::before {
        right: 3px !important;
        font-size: 16px !important;
        font-weight: 400 !important;
    }

    body > .primary-navigation.is-mobile-portal .primary-menu .sub-menu {
        position: static !important;
        display: none !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 1px 0 7px 36px !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
    }

    body > .primary-navigation.is-mobile-portal .primary-menu .submenu-open > .sub-menu {
        display: block !important;
    }

    body > .primary-navigation.is-mobile-portal .primary-menu .sub-menu a {
        display: flex !important;
        align-items: center !important;
        min-height: 35px !important;
        gap: 7px !important;
        padding: 4px 0 !important;
        color: #536579 !important;
        font-size: 10.5px !important;
        font-weight: 500 !important;
    }

    body > .primary-navigation.is-mobile-portal .primary-menu .sub-menu .sn-menu-link-icon {
        width: 24px !important;
        height: 24px !important;
        flex: 0 0 24px !important;
    }

    body > .primary-navigation.is-mobile-portal .nav-drawer__footer {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 7px 13px !important;
        margin-top: 14px !important;
        padding-top: 13px !important;
        border-top: 1px solid #e6edf0 !important;
    }

    body > .primary-navigation.is-mobile-portal .nav-drawer__footer a {
        color: #64768a !important;
        font-size: 10px !important;
        font-weight: 500 !important;
    }
}

@media (max-width: 782px) {
    body.admin-bar > .primary-navigation.is-mobile-portal,
    body.admin-bar > .nav-drawer-overlay {
        /* JS sets the exact visible admin-bar bottom; this is a safe fallback. */
        --sn-drawer-top: 46px;
        --sn-drawer-height: calc(100dvh - 46px);
    }
}

@media (min-width: 783px) and (max-width: 1080px) {
    body.admin-bar > .primary-navigation.is-mobile-portal,
    body.admin-bar > .nav-drawer-overlay {
        --sn-drawer-top: 32px;
        --sn-drawer-height: calc(100dvh - 32px);
    }
}

@media (max-width: 760px) {
    /* Mobile category pages: exactly two post cards per row. */
    .category-main .category-layout,
    .category-main .content-with-sidebar {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
    }

    .category-main .content-column {
        width: 100% !important;
        min-width: 0 !important;
    }

    .category-main .archive-grid.archive-grid--premium {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 18px 10px !important;
        width: 100% !important;
        min-width: 0 !important;
    }

    .category-main .archive-grid--premium .story-card {
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 0 3px !important;
    }

    .category-main .archive-grid--premium .story-card__media {
        width: 100% !important;
        aspect-ratio: 1.25 / 1 !important;
        border-radius: 6px 13px 6px 13px !important;
    }

    .category-main .archive-grid--premium .story-card__content {
        min-width: 0 !important;
        padding-top: 8px !important;
    }

    .category-main .archive-grid--premium .story-card__category {
        display: -webkit-box !important;
        margin-bottom: 4px !important;
        overflow: hidden !important;
        color: var(--category-page-accent, var(--sn-teal-dark)) !important;
        font-size: 7.5px !important;
        font-weight: 600 !important;
        line-height: 1.3 !important;
        letter-spacing: .035em !important;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .category-main .archive-grid--premium .story-card__title {
        display: -webkit-box !important;
        margin: 0 0 6px !important;
        overflow: hidden !important;
        font-size: 12.5px !important;
        font-weight: 600 !important;
        line-height: 1.38 !important;
        letter-spacing: 0 !important;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }

    .category-main .archive-grid--premium .story-card__content > p {
        display: none !important;
    }

    .category-main .archive-grid--premium .post-meta {
        margin-bottom: 5px !important;
        font-size: 8px !important;
        line-height: 1.3 !important;
    }

    .category-main .archive-grid--premium .post-meta > span:nth-child(n+2) {
        display: none !important;
    }

    .category-main .archive-grid--premium .sn-read-more-link {
        gap: 4px !important;
        margin-top: 4px !important;
        font-size: 9px !important;
        font-weight: 500 !important;
    }

    .category-main .archive-grid--premium .sn-read-more-link .sn-icon {
        width: 12px !important;
        height: 12px !important;
    }

    .category-main .site-sidebar--professional {
        width: 100% !important;
        margin-top: 28px !important;
    }

    /* General mobile resilience. */
    .site-main,
    .sn-container,
    .content-column,
    .category-feature,
    .story-card,
    .story-card__content {
        min-width: 0 !important;
        max-width: 100% !important;
    }

    .category-intro {
        padding: 20px 17px !important;
    }

    .category-intro h1 {
        font-size: 22px !important;
        line-height: 1.25 !important;
    }

    .category-feature__media {
        min-height: 205px !important;
    }

    .category-feature__content {
        padding: 20px 18px !important;
    }

    .category-feature h2 {
        font-size: 20px !important;
        line-height: 1.35 !important;
    }
}

@media (max-width: 400px) {
    body > .primary-navigation.is-mobile-portal {
        width: min(354px, 94vw) !important;
        padding-inline: 15px !important;
    }

    body > .primary-navigation.is-mobile-portal .nav-drawer__header {
        margin-inline: -15px !important;
        padding-inline: 15px !important;
    }

    body > .primary-navigation.is-mobile-portal .primary-menu > li > a {
        min-height: 43px !important;
        font-size: 11.5px !important;
    }

    .category-main .archive-grid.archive-grid--premium {
        gap: 16px 8px !important;
    }

    .category-main .archive-grid--premium .story-card__title {
        font-size: 11.5px !important;
    }
}


/* ===== sticky-v22.css ===== */
/**
 * SphereNexus Sticky Professional v2.2
 * Final layout overrides loaded after all previous styles.
 */

:root {
    --sn-v22-border: #dce6eb;
    --sn-v22-soft: #f7fafb;
    --sn-v22-ink: #0b233b;
    --sn-v22-muted: #63758a;
    --sn-v22-teal: #0f8f8b;
    --sn-v22-teal-soft: #eaf7f6;
    --sn-v22-shadow: 0 16px 44px rgba(7, 27, 49, .075);
}

/* Expanded professional category navigation. */
.category-ribbon--expanded {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 1px !important;
    overflow: hidden;
    padding: 0 !important;
    border-radius: 16px 28px 16px 28px !important;
    background: var(--sn-v22-border) !important;
}
.category-ribbon--expanded .category-ribbon__item {
    min-height: 112px;
    padding: 16px 12px !important;
    border: 0 !important;
    background: #fff;
    transition: background .2s ease, color .2s ease, transform .2s ease;
}
.category-ribbon--expanded .category-ribbon__item:hover {
    z-index: 1;
    background: color-mix(in srgb, var(--category-accent) 8%, white);
    transform: translateY(-2px);
}
.category-ribbon--expanded .category-ribbon__item small {
    display: block;
    color: #8190a0;
    font-size: 9px;
    font-weight: 500;
}
.category-ribbon--expanded .category-ribbon__icon {
    width: 40px;
    height: 40px;
    border: 1px solid color-mix(in srgb, var(--category-accent) 26%, white);
    border-radius: 12px 19px 12px 19px;
    background: color-mix(in srgb, var(--category-accent) 9%, white);
}
.category-ribbon--expanded .category-ribbon__icon .sn-icon {
    width: 22px;
    height: 22px;
}

/* Modern sticky editorial section. */
.sn-editor-v22-section {
    padding: 38px 0 44px !important;
    background:
        radial-gradient(circle at 8% 8%, rgba(15, 143, 139, .055), transparent 28%),
        linear-gradient(180deg, #fbfcfd, #fff 76%);
}
.sn-editor-v22-layout {
    display: grid;
    grid-template-columns: minmax(0, 2.15fr) minmax(285px, .82fr);
    gap: 22px;
    align-items: start;
}
.sn-editor-v22-panel,
.sn-most-read-v22-panel {
    min-width: 0;
    border: 1px solid var(--sn-v22-border);
    border-radius: 16px 28px 16px 28px;
    background: rgba(255, 255, 255, .98);
    box-shadow: var(--sn-v22-shadow);
}
.sn-editor-v22-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    min-height: 83px;
    padding: 17px 20px;
    border-bottom: 1px solid var(--sn-v22-border);
}
.sn-editor-v22-title-group {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}
.sn-editor-v22-title-group > div > span {
    display: block;
    margin-bottom: 2px;
    color: var(--sn-v22-teal);
    font-size: 9px;
    font-weight: 600;
    letter-spacing: .1em;
    text-transform: uppercase;
}
.sn-editor-v22-title-group h2 {
    margin: 0;
    color: var(--sn-v22-ink);
    font-size: 22px !important;
    font-weight: 600 !important;
    letter-spacing: -.025em;
}
.sn-editor-v22-icon {
    display: grid;
    place-items: center;
    width: 39px;
    height: 39px;
    flex: 0 0 39px;
    border: 1px solid #bee0df;
    border-radius: 50%;
    background: #fff;
    color: var(--sn-v22-teal);
}
.sn-editor-v22-icon .sn-icon {
    width: 19px;
    height: 19px;
}
.sn-editor-v22-header > a,
.sn-most-read-v22-all {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--sn-v22-teal);
    font-size: 11px;
    font-weight: 500;
    white-space: nowrap;
}
.sn-editor-v22-header > a .sn-icon,
.sn-most-read-v22-all .sn-icon,
.sn-editor-v22-read .sn-icon {
    width: 14px;
    height: 14px;
}
.sn-editor-v22-header > a:hover,
.sn-most-read-v22-all:hover,
.sn-editor-v22-read:hover {
    color: #086b68;
}
.sn-editor-v22-content {
    display: grid;
    grid-template-columns: minmax(300px, 1.08fr) minmax(290px, .92fr);
    gap: 20px;
    align-items: start;
    padding: 20px;
}
.sn-editor-v22-feature {
    position: sticky;
    top: 102px;
    min-height: 550px;
    overflow: hidden;
    isolation: isolate;
    border-radius: 12px 24px 12px 24px;
    background: var(--editor-image) center / cover no-repeat;
    box-shadow: 0 18px 40px rgba(4, 23, 42, .18);
}
.admin-bar .sn-editor-v22-feature { top: 134px; }
.sn-editor-v22-feature::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(180deg, rgba(3, 18, 34, .03) 28%, rgba(3, 18, 34, .94) 100%);
}
.sn-editor-v22-feature__link {
    position: absolute;
    inset: 0;
    z-index: 1;
}
.sn-editor-v22-feature__copy {
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 30px 28px 25px;
    color: #fff;
    pointer-events: none;
}
.sn-editor-v22-feature__copy a { pointer-events: auto; }
.sn-editor-v22-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 12px;
    padding: 7px 11px;
    border-radius: 7px 14px 7px 14px;
    background: var(--sn-v22-teal);
    color: #fff;
    font-size: 9px;
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
}
.sn-editor-v22-badge .sn-icon { width: 13px; height: 13px; }
.sn-editor-v22-category {
    display: block;
    width: fit-content;
    margin-bottom: 8px;
    color: var(--sn-v22-teal);
    font-size: 9px;
    font-weight: 600;
    letter-spacing: .075em;
    text-transform: uppercase;
}
.sn-editor-v22-feature .sn-editor-v22-category { color: #8fe0dc; }
.sn-editor-v22-feature h3 {
    max-width: 470px;
    margin: 0 0 11px;
    color: #fff;
    font-size: 24px !important;
    font-weight: 600 !important;
    line-height: 1.25;
    letter-spacing: -.025em;
}
.sn-editor-v22-feature h3 a:hover { color: #fff; opacity: .86; }
.sn-editor-v22-feature p {
    max-width: 470px;
    margin: 0 0 14px;
    color: rgba(255,255,255,.84);
    font-size: 13px;
    line-height: 1.62;
}
.sn-editor-v22-read {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: var(--sn-v22-teal);
    font-size: 11px;
    font-weight: 500;
}
.sn-editor-v22-feature .sn-editor-v22-read { color: #72d5d0; }
.sn-editor-v22-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 7px;
    margin-top: 15px;
    color: #8593a2;
    font-size: 9px;
}
.sn-editor-v22-feature .sn-editor-v22-meta {
    padding-top: 14px;
    border-top: 1px solid rgba(255,255,255,.2);
    color: rgba(255,255,255,.72);
}
.sn-editor-v22-list {
    display: grid;
    gap: 12px;
    min-width: 0;
}
.sn-editor-v22-story {
    display: grid;
    grid-template-columns: 112px minmax(0, 1fr);
    gap: 14px;
    min-width: 0;
    padding: 11px;
    border: 1px solid var(--sn-v22-border);
    border-radius: 11px 20px 11px 20px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(7,27,49,.045);
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.sn-editor-v22-story:hover {
    transform: translateY(-2px);
    border-color: #bddbd9;
    box-shadow: 0 12px 28px rgba(7,27,49,.08);
}
.sn-editor-v22-story__image {
    display: block;
    overflow: hidden;
    aspect-ratio: 1 / 1;
    border-radius: 8px 15px 8px 15px;
    background: var(--sn-v22-soft);
}
.sn-editor-v22-story__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .35s ease;
}
.sn-editor-v22-story:hover img { transform: scale(1.04); }
.sn-editor-v22-story__copy { align-self: center; min-width: 0; }
.sn-editor-v22-story h3 {
    display: -webkit-box;
    margin: 0 0 8px;
    overflow: hidden;
    color: var(--sn-v22-ink);
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1.4;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.sn-editor-v22-story .sn-editor-v22-meta { margin: 0 0 8px; }

.sn-most-read-v22-panel {
    position: sticky;
    top: 102px;
    overflow: hidden;
}
.admin-bar .sn-most-read-v22-panel { top: 134px; }
.sn-editor-v22-header--compact { min-height: 83px; }
.sn-most-read-v22-list {
    list-style: none;
    padding: 0 18px;
    margin: 0;
}
.sn-most-read-v22-list li {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 13px;
    align-items: start;
    padding: 17px 0;
    border-bottom: 1px solid var(--sn-v22-border);
}
.sn-most-read-v22-rank {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: linear-gradient(135deg, #0f9b96, #08726f);
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    box-shadow: 0 7px 16px rgba(15,143,139,.18);
}
.sn-most-read-v22-list h3 {
    margin: 1px 0 7px;
    color: var(--sn-v22-ink);
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.42;
}
.sn-most-read-v22-list li div > span {
    color: #8290a0;
    font-size: 9px;
}
.sn-most-read-v22-all {
    justify-content: center;
    width: 100%;
    min-height: 52px;
    padding: 14px 18px;
}

/* Premium category archive with sticky professional sidebar. */
.category-main {
    padding: 28px 0 52px;
    background: linear-gradient(180deg, #fbfcfd, #fff 330px);
}
.category-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 320px !important;
    gap: 28px !important;
    align-items: start !important;
}
.category-main .content-column { min-width: 0; }
.category-main .site-sidebar--professional {
    position: sticky !important;
    top: 104px !important;
    max-height: calc(100vh - 126px);
    overflow-y: auto;
    overscroll-behavior: contain;
    padding-right: 4px;
    scrollbar-width: thin;
    scrollbar-color: #bcd4d3 transparent;
}
.admin-bar .category-main .site-sidebar--professional { top: 136px !important; max-height: calc(100vh - 158px); }
.category-main .site-sidebar--professional::-webkit-scrollbar { width: 5px; }
.category-main .site-sidebar--professional::-webkit-scrollbar-thumb { border-radius: 10px; background: #bcd4d3; }
.category-intro {
    display: grid;
    grid-template-columns: 56px minmax(0, 1fr);
    gap: 18px;
    align-items: start;
    margin-bottom: 20px;
    padding: 25px 26px;
    overflow: hidden;
    border: 1px solid var(--sn-v22-border);
    border-radius: 15px 27px 15px 27px;
    background:
        linear-gradient(115deg, color-mix(in srgb, var(--category-page-accent) 8%, white), white 58%),
        #fff;
    box-shadow: 0 12px 32px rgba(7,27,49,.045);
}
.category-intro__icon {
    display: grid;
    place-items: center;
    width: 54px;
    height: 54px;
    border: 1px solid color-mix(in srgb, var(--category-page-accent) 28%, white);
    border-radius: 13px 22px 13px 22px;
    background: color-mix(in srgb, var(--category-page-accent) 10%, white);
    color: var(--category-page-accent);
}
.category-intro__icon .sn-icon { width: 26px; height: 26px; }
.category-intro .eyebrow { margin-bottom: 5px; color: var(--category-page-accent); font-size: 9px; font-weight: 600; }
.category-intro h1 {
    margin: 0 0 7px;
    color: var(--sn-v22-ink);
    font-size: min(var(--sn-archive-title-size, 34px), 26px) !important;
    font-weight: 600 !important;
    line-height: 1.22;
}
.category-intro__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    color: #748599;
    font-size: 10px;
}
.category-intro__description { margin-top: 9px; color: #5f7186; font-size: 13px; line-height: 1.65; }
.category-intro__description p { margin: 0; }
.category-feature {
    display: grid;
    grid-template-columns: minmax(0, 1.18fr) minmax(280px, .82fr);
    overflow: hidden;
    margin-bottom: 28px;
    border: 1px solid var(--sn-v22-border);
    border-radius: 15px 29px 15px 29px;
    background: #fff;
    box-shadow: var(--sn-v22-shadow);
}
.category-feature__media { min-height: 350px; overflow: hidden; }
.category-feature__media img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease; }
.category-feature:hover .category-feature__media img { transform: scale(1.025); }
.category-feature__content { align-self: center; padding: 30px; }
.category-feature__label {
    display: inline-flex;
    margin-bottom: 12px;
    padding: 6px 10px;
    border-radius: 6px 12px 6px 12px;
    background: color-mix(in srgb, var(--category-page-accent) 10%, white);
    color: var(--category-page-accent);
    font-size: 9px;
    font-weight: 600;
    letter-spacing: .07em;
    text-transform: uppercase;
}
.category-feature h2 {
    margin: 0 0 12px;
    color: var(--sn-v22-ink);
    font-size: 24px !important;
    font-weight: 600 !important;
    line-height: 1.3;
}
.category-feature p { color: #627388; font-size: 13px; line-height: 1.7; }
.category-feature__link {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-top: 15px;
    color: var(--category-page-accent);
    font-size: 11px;
    font-weight: 500;
}
.category-feature__link .sn-icon { width: 14px; height: 14px; }
.category-section-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 17px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--sn-v22-border);
}
.category-section-heading span { color: var(--category-page-accent); font-size: 9px; font-weight: 600; letter-spacing: .09em; text-transform: uppercase; }
.category-section-heading h2 { margin: 2px 0 0; color: var(--sn-v22-ink); font-size: 21px !important; font-weight: 600 !important; }
.category-main .archive-grid--premium {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 25px 18px;
}
.category-main .archive-grid--premium .story-card {
    min-width: 0;
    padding: 0 0 8px;
}
.category-main .archive-grid--premium .story-card__media { border-radius: 10px 18px 10px 18px; }
.category-main .archive-grid--premium .story-card__title {
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1.43 !important;
}

/* Professional icon-led footer. */
.site-footer--ultra {
    border-top: 0;
    background:
        linear-gradient(135deg, rgba(15,143,139,.055), transparent 34%),
        #f7fafb;
}
.footer-grid--ultra {
    grid-template-columns: minmax(235px, 1.22fr) repeat(4, minmax(145px, .72fr)) !important;
    gap: 28px !important;
}
.footer-toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    color: var(--sn-v22-ink);
    font-size: 13px;
    font-weight: 600;
}
.footer-toggle__label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}
.footer-toggle__heading-icon {
    display: grid;
    place-items: center;
    width: 28px;
    height: 28px;
    border: 1px solid #cfe2e1;
    border-radius: 8px 13px 8px 13px;
    background: #fff;
    color: var(--sn-v22-teal);
}
.footer-toggle__heading-icon .sn-icon { width: 14px; height: 14px; }
.footer-menu li + li { margin-top: 6px; }
.footer-menu a {
    position: relative;
    display: flex;
    align-items: center;
    gap: 9px;
    width: fit-content;
    padding: 4px 0;
    color: #53667b;
    font-size: 11px;
    font-weight: 500;
}
.footer-menu a::after {
    content: "";
    position: absolute;
    left: 31px;
    right: 0;
    bottom: 1px;
    height: 1px;
    background: var(--sn-v22-teal);
    transform: scaleX(0);
    transform-origin: right;
    transition: transform .22s ease;
}
.footer-menu a:hover::after { transform: scaleX(1); transform-origin: left; }
.footer-menu__icon {
    display: grid;
    place-items: center;
    width: 23px;
    height: 23px;
    flex: 0 0 23px;
    border-radius: 7px 11px 7px 11px;
    background: #eaf5f4;
    color: var(--sn-v22-teal);
}
.footer-menu__icon .sn-icon { width: 12px; height: 12px; }
.footer-contact-link {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-top: 8px;
    color: var(--sn-v22-teal);
    font-size: 11px;
    font-weight: 500;
}
.footer-contact-link .sn-icon { width: 14px; height: 14px; }

@media (max-width: 1120px) {
    .sn-editor-v22-layout { grid-template-columns: minmax(0, 1fr) 290px; }
    .sn-editor-v22-content { grid-template-columns: minmax(275px, 1fr) minmax(255px, .85fr); }
    .sn-editor-v22-story { grid-template-columns: 92px minmax(0,1fr); }
    .footer-grid--ultra { grid-template-columns: minmax(230px, 1.2fr) repeat(2, 1fr) !important; }
    .category-layout { grid-template-columns: minmax(0,1fr) 292px !important; gap: 22px !important; }
}

@media (max-width: 940px) {
    .sn-editor-v22-layout { grid-template-columns: 1fr; }
    .sn-most-read-v22-panel { position: static; }
    .category-layout { display: block !important; }
    .category-main .site-sidebar--professional {
        position: static !important;
        max-height: none;
        overflow: visible;
        margin-top: 32px;
        padding-right: 0;
    }
    .category-feature { grid-template-columns: 1fr; }
    .category-feature__media { min-height: 300px; }
}

@media (max-width: 760px) {
    .category-ribbon--expanded { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
    .category-ribbon--expanded .category-ribbon__item { min-height: 96px; padding: 13px 9px !important; }
    .category-ribbon--expanded .category-ribbon__item:last-child:nth-child(odd) { grid-column: 1 / -1; }

    .sn-editor-v22-section { padding: 26px 0 32px !important; }
    .sn-editor-v22-layout { gap: 16px; }
    .sn-editor-v22-header { min-height: 70px; padding: 14px 15px; }
    .sn-editor-v22-title-group h2 { font-size: 19px !important; }
    .sn-editor-v22-header > a { font-size: 10px; }
    .sn-editor-v22-content { grid-template-columns: 1fr; gap: 14px; padding: 14px; }
    .sn-editor-v22-feature { position: relative; top: auto; min-height: 390px; }
    .admin-bar .sn-editor-v22-feature { top: auto; }
    .sn-editor-v22-feature__copy { padding: 22px 18px 19px; }
    .sn-editor-v22-feature h3 { font-size: 21px !important; }
    .sn-editor-v22-feature p { font-size: 12px; }
    .sn-editor-v22-story { grid-template-columns: 94px minmax(0,1fr); gap: 11px; padding: 9px; }
    .sn-editor-v22-story h3 { font-size: 13px !important; }
    .sn-most-read-v22-list { padding: 0 14px; }
    .sn-most-read-v22-list li { padding: 14px 0; }

    /* Keep a deliberate outer gutter on every mobile category page. */
    .category-main { padding-top: 18px; }
    .category-main > .sn-container,
    .category-main .category-layout {
        width: calc(100% - 24px) !important;
        max-width: calc(100% - 24px) !important;
        margin-inline: auto !important;
    }
    .category-main .breadcrumbs { margin-bottom: 13px; }
    .category-intro {
        grid-template-columns: 42px minmax(0,1fr);
        gap: 12px;
        padding: 18px 15px !important;
        border-radius: 12px 21px 12px 21px;
    }
    .category-intro__icon { display: grid !important; width: 41px; height: 41px; border-radius: 10px 16px 10px 16px; }
    .category-intro__icon .sn-icon { width: 20px; height: 20px; }
    .category-intro h1 { font-size: 21px !important; }
    .category-intro__meta { font-size: 8.5px; }
    .category-intro__description { font-size: 11px; }
    .category-feature { margin-bottom: 22px; border-radius: 12px 22px 12px 22px; }
    .category-feature__media { min-height: 215px !important; }
    .category-feature__content { padding: 19px 16px !important; }
    .category-feature h2 { font-size: 19px !important; }
    .category-feature p { font-size: 11.5px; }
    .category-section-heading h2 { font-size: 18px !important; }
    .category-main .archive-grid.archive-grid--premium {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 18px 10px !important;
    }
    .category-main .archive-grid--premium .story-card__media { border-radius: 7px 13px 7px 13px; }
    .category-main .archive-grid--premium .story-card__title { font-size: 12px !important; line-height: 1.4 !important; }

    .footer-grid--ultra { display: block !important; }
    .footer-toggle__heading-icon { width: 26px; height: 26px; }
    .footer-menu a { width: 100%; }
}

@media (max-width: 420px) {
    .category-main > .sn-container,
    .category-main .category-layout {
        width: calc(100% - 20px) !important;
        max-width: calc(100% - 20px) !important;
    }
    .category-main .archive-grid.archive-grid--premium { gap: 16px 8px !important; }
    .category-main .archive-grid--premium .story-card__title { font-size: 11.5px !important; }
    .sn-editor-v22-feature { min-height: 360px; }
}


/* ===== editorial-v23.css ===== */
/**
 * SphereNexus Editorial Pro v2.3
 * Loaded last. Compact footer, auto-scrolling category rails,
 * sticky category sidebar, refined mobile archives, and editorial single post.
 */

:root {
    --sn-v23-ink: #0b2138;
    --sn-v23-muted: #63758a;
    --sn-v23-line: #dbe5eb;
    --sn-v23-soft: #f7fafb;
    --sn-v23-teal: #0f908b;
    --sn-v23-dark: #061b31;
    --sn-v23-shadow: 0 14px 36px rgba(7, 27, 49, .07);
}

/* ---------- Shared moving category rails ---------- */
.sn-topic-rail-v23,
.footer-topic-rail-v23__viewport {
    min-width: 0;
    overflow: hidden;
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 3%, #000 97%, transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0, #000 3%, #000 97%, transparent 100%);
}

.sn-topic-rail-v23 {
    margin-top: 14px;
    border: 1px solid var(--sn-v23-line);
    border-radius: 14px 24px 14px 24px;
    background: #fff;
    box-shadow: var(--sn-v23-shadow);
}

.sn-topic-rail-v23__track,
.footer-topic-rail-v23__track {
    display: flex;
    width: max-content;
    will-change: transform;
    animation: sn-v23-rail 42s linear infinite;
}

.sn-topic-rail-v23:hover .sn-topic-rail-v23__track,
.footer-topic-rail-v23__frame:hover .footer-topic-rail-v23__track,
.sn-topic-rail-v23:focus-within .sn-topic-rail-v23__track,
.footer-topic-rail-v23__frame:focus-within .footer-topic-rail-v23__track {
    animation-play-state: paused;
}

.sn-topic-rail-v23__group,
.footer-topic-rail-v23__group {
    display: flex;
    flex: 0 0 auto;
}

.sn-topic-rail-v23__item {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 205px;
    min-height: 76px;
    padding: 12px 16px;
    border-right: 1px solid var(--sn-v23-line);
    background: #fff;
    color: var(--sn-v23-ink);
    transition: background .2s ease, transform .2s ease;
}

.sn-topic-rail-v23__item:hover {
    color: var(--category-accent);
    background: color-mix(in srgb, var(--category-accent) 7%, white);
}

.sn-topic-rail-v23__icon {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    border: 1px solid color-mix(in srgb, var(--category-accent) 26%, white);
    border-radius: 10px 16px 10px 16px;
    color: var(--category-accent);
    background: color-mix(in srgb, var(--category-accent) 8%, white);
}

.sn-topic-rail-v23__icon .sn-icon { width: 19px; height: 19px; }
.sn-topic-rail-v23__copy { min-width: 0; }
.sn-topic-rail-v23__copy strong {
    display: block;
    overflow: hidden;
    color: inherit;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.35;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.sn-topic-rail-v23__copy small {
    display: block;
    margin-top: 3px;
    color: #8190a0;
    font-size: 8.5px;
    font-weight: 500;
}

@keyframes sn-v23-rail {
    from { transform: translate3d(0, 0, 0); }
    to { transform: translate3d(-50%, 0, 0); }
}

@media (prefers-reduced-motion: reduce) {
    .sn-topic-rail-v23__track,
    .footer-topic-rail-v23__track { animation: none; }
}

/* ---------- Homepage sticky editorial experience ---------- */
.sn-editor-v22-section { padding: 28px 0 32px !important; }
.sn-editor-v22-layout { gap: 18px !important; }
.sn-editor-v22-header {
    min-height: 66px !important;
    padding: 13px 17px !important;
}
.sn-editor-v22-content {
    grid-template-columns: minmax(300px, 1.05fr) minmax(310px, .95fr) !important;
    gap: 16px !important;
    padding: 16px !important;
}
.sn-editor-v22-feature {
    top: 112px !important;
    min-height: 470px !important;
}
.admin-bar .sn-editor-v22-feature { top: 144px !important; }
.sn-editor-v22-feature__copy { padding: 23px 22px 20px !important; }
.sn-editor-v22-list { gap: 10px !important; }
.sn-editor-v22-story {
    grid-template-columns: 100px minmax(0, 1fr) !important;
    gap: 12px !important;
    padding: 9px !important;
}
.sn-most-read-v22-panel { top: 112px !important; }
.admin-bar .sn-most-read-v22-panel { top: 144px !important; }
.sn-most-read-v22-list li { padding: 14px 0 !important; }

/* ---------- Category archive: left content scrolls, right sidebar stays ---------- */
.category-main {
    padding: 22px 0 42px !important;
    overflow: visible !important;
}
.category-main > .sn-container,
.category-main .category-layout {
    overflow: visible !important;
}
.category-layout {
    grid-template-columns: minmax(0, 1fr) 318px !important;
    gap: 24px !important;
    align-items: start !important;
}
.category-main .content-column {
    min-width: 0;
    overflow: visible !important;
}
.category-main .site-sidebar--professional {
    position: sticky !important;
    top: 112px !important;
    align-self: start !important;
    max-height: calc(100vh - 132px) !important;
    overflow-y: auto !important;
    overscroll-behavior: contain;
    padding-right: 3px;
}
.admin-bar .category-main .site-sidebar--professional {
    top: 144px !important;
    max-height: calc(100vh - 164px) !important;
}
.category-intro {
    grid-template-columns: 48px minmax(0, 1fr) !important;
    gap: 15px !important;
    margin-bottom: 18px !important;
    padding: 20px 22px !important;
    border-radius: 14px 24px 14px 24px !important;
}
.category-intro__icon {
    width: 48px !important;
    height: 48px !important;
}
.category-intro h1 {
    margin-bottom: 6px !important;
    font-size: 24px !important;
    line-height: 1.24 !important;
}
.category-intro__meta { font-size: 9px !important; }
.category-intro__description { margin-top: 8px !important; }

.category-feature {
    grid-template-columns: minmax(0, 1.28fr) minmax(280px, .9fr) !important;
    min-height: 340px !important;
    margin-bottom: 20px !important;
    overflow: hidden;
    border: 1px solid var(--sn-v23-line) !important;
    border-radius: 14px 26px 14px 26px !important;
    box-shadow: var(--sn-v23-shadow) !important;
}
.category-feature__media { min-height: 340px !important; }
.category-feature__media img { object-fit: cover !important; }
.category-feature__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 26px 24px !important;
}
.category-feature h2 {
    margin-bottom: 10px !important;
    font-size: 23px !important;
    line-height: 1.3 !important;
}
.category-feature__content > p {
    margin-bottom: 12px !important;
    font-size: 13px !important;
    line-height: 1.65 !important;
}
.category-section-heading {
    margin: 22px 0 14px !important;
    padding: 0 0 10px !important;
    border-bottom: 1px solid var(--sn-v23-line);
}
.category-section-heading h2 { font-size: 20px !important; }
.archive-grid--premium { gap: 22px 16px !important; }
.archive-grid--premium .story-card {
    min-width: 0;
    padding: 9px;
    border: 1px solid transparent;
    border-radius: 10px 18px 10px 18px;
    transition: border-color .2s ease, background .2s ease, transform .2s ease;
}
.archive-grid--premium .story-card:hover {
    border-color: var(--sn-v23-line);
    background: #fff;
    transform: translateY(-2px);
}

/* ---------- Sidebar refinement ---------- */
.site-sidebar--professional { display: grid; gap: 14px !important; }
.sidebar-card {
    border-radius: 13px 22px 13px 22px !important;
    box-shadow: 0 10px 28px rgba(7,27,49,.05) !important;
}
.sidebar-card__heading { margin-bottom: 13px !important; }
.sidebar-card__heading h2 { font-size: 19px !important; }
.sidebar-story-list { gap: 0 !important; }
.sidebar-story {
    grid-template-columns: 72px minmax(0, 1fr) !important;
    gap: 11px !important;
    padding: 12px 0 !important;
}
.sidebar-story__image { border-radius: 8px 14px 8px 14px !important; }
.sidebar-story h3 { font-size: 12px !important; line-height: 1.42 !important; }
.sidebar-author-v23 {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 13px;
    align-items: start;
}
.sidebar-author-v23__mark {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border: 1px solid #cbe4e2;
    border-radius: 12px 18px 12px 18px;
    color: var(--sn-v23-teal);
    background: #eef9f8;
}
.sidebar-author-v23__mark .sn-icon { width: 21px; height: 21px; }
.sidebar-author-v23 h2 { margin: 3px 0 7px; font-size: 16px !important; }
.sidebar-author-v23 p { margin: 0 0 9px; color: var(--sn-v23-muted); font-size: 10.5px; line-height: 1.6; }
.sidebar-author-v23 a {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: var(--sn-v23-teal);
    font-size: 10px;
    font-weight: 500;
}
.sidebar-author-v23 a .sn-icon { width: 13px; height: 13px; }

/* ---------- Editorial single post inspired by premium news layouts ---------- */
.single-main--v23 {
    padding: 24px 0 46px;
    background: linear-gradient(180deg, #fbfcfd 0, #fff 360px);
}
.sn-single-v23-shell {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 318px;
    gap: 28px;
    align-items: start;
    overflow: visible;
}
.sn-single-v23-main { min-width: 0; }
.sn-single-v23-sidebar {
    position: sticky;
    top: 112px;
    align-self: start;
    max-height: calc(100vh - 132px);
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    scrollbar-color: #c3d8d7 transparent;
}
.admin-bar .sn-single-v23-sidebar {
    top: 144px;
    max-height: calc(100vh - 164px);
}
.sn-single-v23-sidebar .site-sidebar--professional {
    position: static !important;
    max-height: none !important;
    overflow: visible !important;
    padding: 0 !important;
}
.sn-single-v23-header {
    padding: 22px 0 18px;
    border-bottom: 1px solid var(--sn-v23-line);
}
.sn-single-v23-labels {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-bottom: 13px;
}
.sn-single-v23-category,
.sn-single-v23-type {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 6px 10px;
    border-radius: 6px 12px 6px 12px;
    font-size: 9px;
    font-weight: 600;
    letter-spacing: .055em;
    text-transform: uppercase;
}
.sn-single-v23-category { color: #fff; background: var(--sn-v23-teal); }
.sn-single-v23-category:hover { color: #fff; filter: brightness(.95); }
.sn-single-v23-type { color: #36516a; background: #eef3f6; }
.sn-single-v23-header h1 {
    max-width: 900px;
    margin: 0 0 12px;
    color: var(--sn-v23-ink);
    font-size: 26px !important;
    font-weight: 600 !important;
    line-height: 1.28 !important;
    letter-spacing: -.025em;
}
.sn-single-v23-deck {
    max-width: 820px;
    margin: 0 0 16px;
    color: #556a80;
    font-size: 15px;
    line-height: 1.65;
}
.sn-single-v23-meta-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
}
.sn-single-v23-meta-group,
.sn-single-v23-share {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}
.sn-single-v23-meta-group > span {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #65778b;
    font-size: 10px;
}
.sn-single-v23-meta-group .sn-icon { width: 15px; height: 15px; color: var(--sn-v23-teal); }
.sn-single-v23-share > span { color: #718195; font-size: 9px; text-transform: uppercase; letter-spacing: .08em; }
.sn-single-v23-share a,
.sn-single-v23-copy {
    display: grid;
    place-items: center;
    width: 33px;
    height: 33px;
    padding: 0;
    border: 1px solid var(--sn-v23-line);
    border-radius: 50%;
    background: #fff;
    color: var(--sn-v23-ink);
    transition: color .2s ease, border-color .2s ease, transform .2s ease;
}
.sn-single-v23-share a:hover,
.sn-single-v23-copy:hover {
    color: var(--sn-v23-teal);
    border-color: #9ed0cd;
    transform: translateY(-1px);
}
.sn-single-v23-share .sn-icon { width: 15px; height: 15px; }
.sn-single-v23-hero {
    overflow: hidden;
    margin: 20px 0 18px;
    border-radius: 14px 26px 14px 26px;
    background: var(--sn-v23-soft);
    box-shadow: var(--sn-v23-shadow);
}
.sn-single-v23-hero img {
    width: 100%;
    max-height: 590px;
    object-fit: cover;
}
.sn-single-v23-toc-wrap { margin: 0 0 20px; }
.sn-single-v23-toc-wrap .article-toc {
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden;
    border: 1px solid var(--sn-v23-line) !important;
    border-radius: 12px 20px 12px 20px !important;
    background: #f8fafb !important;
    box-shadow: none !important;
}
.sn-single-v23-toc-wrap .article-toc__toggle {
    min-height: 62px;
    padding: 13px 16px !important;
}
.sn-single-v23-toc-wrap .article-toc__toggle strong { font-size: 14px !important; }
.sn-single-v23-toc-wrap .article-toc__list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px 20px;
    margin: 0;
    padding: 0 16px 15px 34px !important;
}
.sn-single-v23-toc-wrap .article-toc__item { padding: 0 !important; }
.sn-single-v23-toc-wrap .article-toc__item a {
    color: #476078;
    font-size: 11px;
    line-height: 1.45;
}
.sn-single-v23-toc-wrap .article-toc__item a:hover,
.sn-single-v23-toc-wrap .article-toc__item a.is-active { color: var(--sn-v23-teal); }
.sn-single-v23-content {
    max-width: none !important;
    color: #24394f !important;
    font-family: var(--sn-font-body) !important;
    font-size: 16px !important;
    line-height: 1.82 !important;
}
.sn-single-v23-content > p:first-of-type {
    font-size: 17px !important;
    line-height: 1.78 !important;
}
.sn-single-v23-content h2 {
    margin: 31px 0 11px !important;
    padding-top: 4px;
    color: var(--sn-v23-ink) !important;
    font-size: 21px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
}
.sn-single-v23-content h3 {
    margin: 24px 0 9px !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
}
.sn-single-v23-content blockquote {
    margin: 26px 0;
    padding: 18px 20px;
    border-left: 3px solid var(--sn-v23-teal);
    border-radius: 0 14px 14px 0;
    background: #f1f8f7;
}
.sn-single-v23-tags { margin-top: 26px !important; }
.sn-single-v23-author {
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr);
    gap: 16px;
    align-items: start;
    margin-top: 24px;
    padding: 20px;
    border: 1px solid var(--sn-v23-line);
    border-radius: 13px 22px 13px 22px;
    background: #f7fafb;
}
.sn-single-v23-author__mark {
    display: grid;
    place-items: center;
    width: 58px;
    height: 58px;
    border-radius: 14px 22px 14px 22px;
    color: var(--sn-v23-teal);
    background: #e9f7f6;
}
.sn-single-v23-author__mark .sn-icon { width: 27px; height: 27px; }
.sn-single-v23-author h2 { margin: 2px 0 7px; font-size: 18px !important; }
.sn-single-v23-author p { margin: 0 0 9px; color: var(--sn-v23-muted); font-size: 12px; line-height: 1.65; }
.sn-single-v23-author a { display: inline-flex; align-items: center; gap: 6px; color: var(--sn-v23-teal); font-size: 10.5px; font-weight: 500; }
.sn-single-v23-author a .sn-icon { width: 13px; height: 13px; }
.sn-single-v23-navigation {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-top: 22px;
}
.sn-single-v23-navigation a {
    padding: 15px;
    border: 1px solid var(--sn-v23-line);
    border-radius: 10px 17px 10px 17px;
    background: #fff;
}
.sn-single-v23-navigation span { display: block; margin-bottom: 6px; color: #738397; font-size: 8.5px; text-transform: uppercase; letter-spacing: .08em; }
.sn-single-v23-navigation strong { display: block; font-size: 12px; font-weight: 600; line-height: 1.45; }
.sn-single-v23-related { padding: 28px 0 10px; }
.sn-single-v23-related-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }

/* ---------- Compact footer + icon category ticker ---------- */
.footer-topic-rail-v23 {
    padding: 18px 0;
    border-top: 1px solid #e3eaee;
    border-bottom: 1px solid #e3eaee;
    background: #fff;
}
.footer-topic-rail-v23__frame {
    display: grid;
    grid-template-columns: 155px minmax(0, 1fr);
    gap: 15px;
    align-items: center;
    overflow: hidden;
}
.footer-topic-rail-v23__label {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}
.footer-topic-rail-v23__label > span {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    border-radius: 10px 16px 10px 16px;
    color: var(--sn-v23-teal);
    background: #eaf7f6;
}
.footer-topic-rail-v23__label .sn-icon { width: 19px; height: 19px; }
.footer-topic-rail-v23__label small { display: block; color: #7c8b9b; font-size: 8px; letter-spacing: .08em; text-transform: uppercase; }
.footer-topic-rail-v23__label strong { display: block; color: var(--sn-v23-ink); font-size: 12px; font-weight: 600; }
.footer-topic-rail-v23__group a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-width: 166px;
    min-height: 46px;
    padding: 8px 13px;
    border-right: 1px solid #e3eaee;
    color: #29415a;
}
.footer-topic-rail-v23__group a:hover { color: var(--footer-topic-accent); }
.footer-topic-rail-v23__group a > span {
    display: grid;
    place-items: center;
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
    border-radius: 8px 11px 8px 11px;
    color: var(--footer-topic-accent);
    background: color-mix(in srgb, var(--footer-topic-accent) 9%, white);
}
.footer-topic-rail-v23__group a .sn-icon { width: 14px; height: 14px; }
.footer-topic-rail-v23__group a strong { font-size: 10px; font-weight: 500; white-space: nowrap; }

.footer-newsletter-strip { padding: 18px 0 !important; }
.footer-newsletter-strip__inner { min-height: 84px !important; gap: 22px !important; }
.footer-newsletter-strip__copy h2 { margin-bottom: 2px !important; font-size: 19px !important; }
.footer-newsletter-strip__copy p { margin: 0 !important; font-size: 10px !important; }
.site-footer--ultra { padding-top: 0 !important; }
.footer-grid--ultra {
    grid-template-columns: 1.25fr .86fr .96fr .82fr .9fr !important;
    gap: 24px !important;
    padding-top: 30px !important;
    padding-bottom: 24px !important;
}
.footer-brand--ultra p { max-width: 310px; margin: 14px 0 12px !important; line-height: 1.65 !important; }
.footer-toggle { min-height: 36px !important; margin-bottom: 7px !important; }
.footer-toggle__label { gap: 8px !important; font-size: 16px !important; }
.footer-toggle__heading-icon { width: 30px !important; height: 30px !important; flex-basis: 30px !important; }
.footer-menu { gap: 3px !important; }
.footer-menu li a { min-height: 34px !important; padding: 4px 0 !important; }
.footer-menu__icon { width: 26px !important; height: 26px !important; flex-basis: 26px !important; }
.footer-contact-column p { margin: 4px 0 10px !important; }
.footer-bottom--ultra { padding: 11px 0 !important; }

/* ---------- Responsive ---------- */
@media (max-width: 1080px) {
    .sn-single-v23-shell,
    .category-layout { grid-template-columns: minmax(0, 1fr) 286px !important; gap: 20px !important; }
    .footer-grid--ultra { grid-template-columns: 1.3fr repeat(4, 1fr) !important; gap: 18px !important; }
    .sn-single-v23-related-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 860px) {
    .sn-single-v23-shell,
    .category-layout { display: block !important; }
    .sn-single-v23-sidebar,
    .category-main .site-sidebar--professional {
        position: static !important;
        max-height: none !important;
        overflow: visible !important;
        margin-top: 26px;
    }
    .sn-editor-v22-layout { display: block !important; }
    .sn-most-read-v22-panel { position: static !important; margin-top: 16px; }
    .sn-editor-v22-feature { position: sticky !important; top: 92px !important; }
    .footer-grid--ultra { grid-template-columns: 1.25fr repeat(2, 1fr) !important; }
    .footer-contact-column { grid-column: auto; }
}

@media (max-width: 760px) {
    /* Preserve useful margins: cards never touch viewport edges. */
    .category-main > .sn-container,
    .category-main .category-layout,
    .sn-single-v23-shell,
    .sn-single-v23-related > .sn-container {
        width: calc(100% - 24px) !important;
        margin-inline: auto !important;
    }
    .category-main { padding-top: 14px !important; }
    .category-main .breadcrumbs { margin-bottom: 12px !important; }
    .category-intro {
        grid-template-columns: 40px minmax(0, 1fr) !important;
        gap: 11px !important;
        padding: 16px 14px !important;
    }
    .category-intro__icon { width: 40px !important; height: 40px !important; }
    .category-intro h1 { font-size: 20px !important; }
    .category-intro__meta { gap: 5px !important; }
    .category-feature {
        display: block !important;
        min-height: 0 !important;
        margin-bottom: 17px !important;
    }
    .category-feature__media { min-height: 210px !important; }
    .category-feature__content { padding: 17px 15px !important; }
    .category-feature h2 { font-size: 18px !important; }
    .category-feature__content > p { font-size: 11px !important; }
    .category-main .archive-grid.archive-grid--premium {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 16px 10px !important;
    }
    .archive-grid--premium .story-card { padding: 0 !important; border: 0 !important; }
    .archive-grid--premium .story-card:hover { transform: none; background: transparent; }

    .sn-topic-explorer-v22 { margin-top: 15px !important; }
    .sn-topic-explorer-v22__heading { margin-bottom: 8px !important; }
    .sn-topic-rail-v23,
    .footer-topic-rail-v23__viewport {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        mask-image: none;
        -webkit-mask-image: none;
        scrollbar-width: none;
    }
    .sn-topic-rail-v23::-webkit-scrollbar,
    .footer-topic-rail-v23__viewport::-webkit-scrollbar { display: none; }
    .sn-topic-rail-v23__track,
    .footer-topic-rail-v23__track { animation: none; transform: none !important; }
    .sn-topic-rail-v23__group[aria-hidden="true"],
    .footer-topic-rail-v23__group[aria-hidden="true"] { display: none; }
    .sn-topic-rail-v23__item { width: 168px; min-height: 66px; padding: 10px 12px; }
    .sn-topic-rail-v23__icon { width: 34px; height: 34px; flex-basis: 34px; }

    .sn-editor-v22-section { padding: 22px 0 !important; }
    .sn-editor-v22-content { display: block !important; padding: 12px !important; }
    .sn-editor-v22-feature { position: relative !important; top: auto !important; min-height: 380px !important; margin-bottom: 12px; }
    .sn-editor-v22-story { grid-template-columns: 82px minmax(0, 1fr) !important; }

    .single-main--v23 { padding-top: 12px; }
    .sn-single-v23-header { padding-top: 14px; }
    .sn-single-v23-header h1 { font-size: 23px !important; }
    .sn-single-v23-deck { font-size: 13px; }
    .sn-single-v23-meta-row { align-items: flex-start; flex-direction: column; gap: 12px; }
    .sn-single-v23-share { width: 100%; }
    .sn-single-v23-hero { margin-top: 16px; border-radius: 10px 18px 10px 18px; }
    .sn-single-v23-hero img { max-height: 390px; }
    .sn-single-v23-toc-wrap .article-toc__list { grid-template-columns: 1fr; gap: 7px; }
    .sn-single-v23-content { font-size: 15px !important; line-height: 1.75 !important; }
    .sn-single-v23-content > p:first-of-type { font-size: 15.5px !important; }
    .sn-single-v23-content h2 { font-size: 19px !important; }
    .sn-single-v23-content h3 { font-size: 17px !important; }
    .sn-single-v23-author { grid-template-columns: 48px minmax(0, 1fr); padding: 16px; }
    .sn-single-v23-author__mark { width: 48px; height: 48px; }
    .sn-single-v23-navigation { grid-template-columns: 1fr; }
    .sn-single-v23-related-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 10px; }

    .footer-topic-rail-v23 { padding: 13px 0; }
    .footer-topic-rail-v23__frame { display: block; width: calc(100% - 24px); }
    .footer-topic-rail-v23__label { margin-bottom: 9px; }
    .footer-topic-rail-v23__group a { min-width: 150px; min-height: 42px; }
    .footer-newsletter-strip { padding: 14px 0 !important; }
    .footer-newsletter-strip__inner { min-height: 0 !important; }
    .footer-grid--ultra { display: block !important; padding: 21px 0 16px !important; }
    .footer-brand--ultra { margin-bottom: 12px !important; }
    .footer-accordion { margin: 0 !important; border-top: 1px solid #dfe7eb; }
    .footer-toggle { min-height: 49px !important; margin: 0 !important; }
    .footer-panel { padding-bottom: 10px !important; }
}

@media (max-width: 400px) {
    .category-main > .sn-container,
    .category-main .category-layout,
    .sn-single-v23-shell,
    .sn-single-v23-related > .sn-container { width: calc(100% - 20px) !important; }
    .category-main .archive-grid.archive-grid--premium { gap: 14px 8px !important; }
    .sn-single-v23-related-grid { gap: 13px 8px; }
}


/* ===== editorial-v24.css ===== */
/**
 * SphereNexus Editorial Pro v2.4
 * Loaded after all previous theme styles.
 * Compact scrolling footer, true sticky columns, safe mobile gutters,
 * one-row autoplay topics, and a refined editorial single post layout.
 */

:root {
    --sn-v24-ink: #071f36;
    --sn-v24-muted: #607389;
    --sn-v24-line: #dce6ec;
    --sn-v24-soft: #f6f9fb;
    --sn-v24-teal: #0f908b;
    --sn-v24-shadow: 0 15px 36px rgba(7, 31, 54, .065);
    --sn-v24-sticky-top: 110px;
}

.admin-bar { --sn-v24-sticky-top: 142px; }

/* ---------- Homepage one-row autoplay topic rail ---------- */
.sn-topic-explorer-v22 {
    margin-top: 12px !important;
    padding-top: 0 !important;
}
.sn-topic-explorer-v22__heading {
    display: flex !important;
    align-items: end !important;
    justify-content: space-between !important;
    gap: 22px !important;
    margin: 0 0 10px !important;
}
.sn-topic-explorer-v22__heading h2 {
    margin: 2px 0 0 !important;
    font-size: 20px !important;
    line-height: 1.3 !important;
}
.sn-topic-explorer-v22__heading p {
    max-width: 460px;
    margin: 0 !important;
    color: var(--sn-v24-muted);
    font-size: 11px !important;
    line-height: 1.55 !important;
}
.sn-topic-rail-v24 {
    margin-top: 0 !important;
    border-radius: 11px 20px 11px 20px !important;
}
.sn-topic-rail-v24 .sn-topic-rail-v23__track {
    animation-duration: 34s !important;
}
.sn-topic-rail-v24 .sn-topic-rail-v23__item {
    width: 190px !important;
    min-height: 68px !important;
    padding: 9px 13px !important;
}
.sn-topic-rail-v24 .sn-topic-rail-v23__icon {
    width: 34px !important;
    height: 34px !important;
    flex-basis: 34px !important;
}
.sn-topic-rail-v24 .sn-topic-rail-v23__copy strong { font-size: 10.5px !important; }
.sn-topic-rail-v24 .sn-topic-rail-v23__copy small { font-size: 8px !important; }

/* ---------- Unique homepage sticky editorial section ---------- */
.sn-editor-v24-section {
    padding: 24px 0 28px !important;
}
.sn-editor-v24-section .sn-editor-v22-layout {
    align-items: start !important;
}
.sn-editor-v24-section .sn-editor-v22-content {
    align-items: start !important;
}
.sn-editor-v24-section .sn-editor-v22-feature {
    position: sticky !important;
    top: var(--sn-v24-sticky-top) !important;
    align-self: start !important;
}
.sn-editor-v24-section .sn-editor-v22-list {
    min-width: 0;
    overflow: visible !important;
}
.sn-editor-v24-section .sn-most-read-v22-panel {
    position: sticky !important;
    top: var(--sn-v24-sticky-top) !important;
    align-self: start !important;
}

/* ---------- Category archive: left page scroll, right sidebar stays sticky ---------- */
.category-main,
.category-main > .sn-container,
.category-main .category-layout,
.category-main .content-column {
    overflow: visible !important;
}
.category-main {
    padding: 18px 0 34px !important;
}
.category-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 310px !important;
    gap: 26px !important;
    align-items: start !important;
}
.category-sticky-column {
    position: sticky !important;
    top: var(--sn-v24-sticky-top) !important;
    align-self: start !important;
    min-width: 0;
    height: max-content;
}
.category-sticky-column > .site-sidebar--professional,
.category-sticky-column .site-sidebar--professional {
    position: static !important;
    top: auto !important;
    max-height: none !important;
    overflow: visible !important;
    padding-right: 0 !important;
}
.category-intro {
    margin-bottom: 14px !important;
    padding: 17px 19px !important;
}
.category-intro h1 {
    font-size: 22px !important;
}
.category-feature {
    min-height: 315px !important;
    margin-bottom: 16px !important;
}
.category-feature__media { min-height: 315px !important; }
.category-feature__content { padding: 22px 21px !important; }
.category-feature h2 { font-size: 21px !important; }
.category-section-heading {
    margin: 18px 0 11px !important;
    padding-bottom: 8px !important;
}
.category-section-heading h2 { font-size: 18px !important; }
.category-main .archive-grid--premium {
    gap: 20px 14px !important;
}
.category-main .archive-grid--premium .story-card {
    padding: 7px !important;
}

/* ---------- Sidebar compact professional polish ---------- */
.site-sidebar--professional { gap: 12px !important; }
.sidebar-card {
    padding: 17px !important;
    border: 1px solid var(--sn-v24-line) !important;
    border-radius: 12px 20px 12px 20px !important;
    background: #fff !important;
    box-shadow: 0 10px 26px rgba(7,31,54,.045) !important;
}
.sidebar-card__heading { margin-bottom: 10px !important; }
.sidebar-card__heading h2 { font-size: 17px !important; }
.sidebar-story { padding: 10px 0 !important; }
.sidebar-story h3 { font-size: 11.5px !important; }
.sidebar-category-list--premium li a { min-height: 38px !important; }
.sidebar-newsletter-card h2 { font-size: 16px !important; }

/* ---------- Reference-inspired editorial single post ---------- */
.single-main--v23 {
    padding: 18px 0 38px !important;
    background: linear-gradient(180deg, #f7fafc 0, #fff 430px) !important;
}
.sn-single-v23-shell {
    grid-template-columns: minmax(0, 1fr) 310px !important;
    gap: 26px !important;
    align-items: start !important;
    overflow: visible !important;
}
.sn-single-v23-main { overflow: visible !important; }
.sn-single-v23-sidebar {
    position: sticky !important;
    top: var(--sn-v24-sticky-top) !important;
    max-height: none !important;
    overflow: visible !important;
    align-self: start !important;
}
.sn-single-v24-header-card {
    margin-top: 10px;
    padding: 23px 25px 20px !important;
    border: 1px solid var(--sn-v24-line) !important;
    border-radius: 14px 25px 14px 25px !important;
    background: #fff !important;
    box-shadow: var(--sn-v24-shadow) !important;
}
.sn-single-v24-header-card h1 {
    margin-bottom: 11px !important;
    font-size: 26px !important;
    font-weight: 600 !important;
    line-height: 1.28 !important;
}
.sn-single-v24-header-card .sn-single-v23-deck {
    max-width: 780px;
    font-size: 14px !important;
    line-height: 1.62 !important;
}
.sn-single-v24-hero {
    margin: 16px 0 15px !important;
    border: 1px solid var(--sn-v24-line);
    border-radius: 14px 25px 14px 25px !important;
    background: #fff;
    box-shadow: var(--sn-v24-shadow) !important;
}
.sn-single-v24-hero img {
    width: 100%;
    max-height: 560px !important;
    object-fit: cover;
}
.sn-single-v24-hero figcaption {
    padding: 8px 13px 9px;
    color: #78889a;
    background: #fff;
    font-size: 9px;
    line-height: 1.45;
}
.sn-single-v24-body-card {
    padding: 20px 24px 24px;
    border: 1px solid var(--sn-v24-line);
    border-radius: 13px 22px 13px 22px;
    background: #fff;
    box-shadow: 0 10px 30px rgba(7,31,54,.04);
}
.sn-single-v24-body-card .sn-single-v23-toc-wrap {
    margin-bottom: 19px !important;
}
.sn-single-v24-body-card .article-toc {
    background: #f6f9fb !important;
}
.sn-single-v24-body-card .sn-single-v23-content {
    font-size: 15.5px !important;
    line-height: 1.82 !important;
}
.sn-single-v24-body-card .sn-single-v23-content > p:first-of-type {
    color: #172f47;
    font-size: 16.5px !important;
    line-height: 1.78 !important;
}
.sn-single-v23-author,
.sn-single-v23-navigation { margin-top: 18px !important; }

/* ---------- Footer: scrolling categories + much tighter vertical rhythm ---------- */
.footer-topic-rail-v23 {
    padding: 9px 0 !important;
}
.footer-topic-rail-v23__frame {
    grid-template-columns: 135px minmax(0, 1fr) !important;
    gap: 10px !important;
}
.footer-topic-rail-v23__label > span {
    width: 32px !important;
    height: 32px !important;
    flex-basis: 32px !important;
}
.footer-topic-rail-v23__label strong { font-size: 11px !important; }
.footer-topic-rail-v23__group a {
    min-width: 150px !important;
    min-height: 38px !important;
    padding: 5px 10px !important;
}
.footer-topic-rail-v23__track { animation-duration: 31s !important; }
.footer-newsletter-strip {
    margin-top: 0 !important;
    padding: 10px 0 !important;
}
.footer-newsletter-strip__inner {
    min-height: 66px !important;
    gap: 16px !important;
}
.footer-newsletter-strip__icon {
    width: 42px !important;
    height: 42px !important;
}
.footer-newsletter-strip__copy { gap: 12px !important; }
.footer-newsletter-strip__copy h2 { font-size: 17px !important; }
.footer-grid--ultra {
    gap: 18px !important;
    padding-top: 20px !important;
    padding-bottom: 14px !important;
}
.footer-brand--ultra p {
    margin: 8px 0 8px !important;
    font-size: 10.5px !important;
    line-height: 1.55 !important;
}
.footer-toggle {
    min-height: 31px !important;
    margin-bottom: 4px !important;
}
.footer-toggle__label { font-size: 14px !important; }
.footer-toggle__heading-icon {
    width: 27px !important;
    height: 27px !important;
    flex-basis: 27px !important;
}
.footer-menu { gap: 1px !important; }
.footer-menu li a {
    min-height: 28px !important;
    padding: 2px 0 !important;
    font-size: 10px !important;
}
.footer-menu__icon {
    width: 23px !important;
    height: 23px !important;
    flex-basis: 23px !important;
}
.footer-menu--scrollable-categories {
    max-height: 142px;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding-right: 7px;
    scrollbar-width: thin;
    scrollbar-color: #a9cfcc transparent;
}
.footer-menu--scrollable-categories::-webkit-scrollbar { width: 4px; }
.footer-menu--scrollable-categories::-webkit-scrollbar-thumb {
    border-radius: 99px;
    background: #a9cfcc;
}
.footer-contact-column p { font-size: 10px !important; }
.footer-bottom--ultra { padding: 8px 0 !important; }

/* ---------- Responsive ---------- */
@media (max-width: 1080px) {
    .category-layout,
    .sn-single-v23-shell {
        grid-template-columns: minmax(0, 1fr) 280px !important;
        gap: 19px !important;
    }
}

@media (max-width: 860px) {
    .category-layout,
    .sn-single-v23-shell { display: block !important; }
    .category-sticky-column,
    .sn-single-v23-sidebar {
        position: static !important;
        margin-top: 22px;
    }
    .sn-editor-v24-section .sn-editor-v22-feature,
    .sn-editor-v24-section .sn-most-read-v22-panel {
        position: static !important;
        top: auto !important;
    }
}

@media (max-width: 760px) {
    /* Real side gutters: no category card or article touches the viewport. */
    .category-main > .sn-container,
    .category-main .category-layout,
    .sn-single-v23-shell,
    .sn-single-v23-related > .sn-container {
        width: 100% !important;
        max-width: none !important;
        margin-inline: auto !important;
        padding-inline: 13px !important;
        box-sizing: border-box !important;
    }
    .category-main { padding-top: 10px !important; }
    .category-intro { padding: 14px 13px !important; }
    .category-intro h1 { font-size: 19px !important; }
    .category-feature { margin-bottom: 14px !important; }
    .category-feature__media { min-height: 195px !important; }
    .category-feature__content { padding: 15px 13px !important; }
    .category-feature h2 { font-size: 17px !important; }
    .category-section-heading { margin-top: 15px !important; }
    .category-main .archive-grid.archive-grid--premium {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 15px 10px !important;
        width: 100%;
    }
    .category-main .archive-grid--premium .story-card {
        width: 100%;
        min-width: 0;
        padding: 0 !important;
        overflow: hidden;
    }
    .category-main .archive-grid--premium .story-card__media {
        width: 100%;
        aspect-ratio: 1.08 / 1;
    }
    .category-main .archive-grid--premium .story-card__title {
        font-size: 11.5px !important;
        line-height: 1.38 !important;
    }
    .category-main .archive-grid--premium .sn-read-more-link { font-size: 8.5px !important; }

    .sn-topic-explorer-v22__heading {
        display: block !important;
        margin-bottom: 8px !important;
    }
    .sn-topic-explorer-v22__heading p { margin-top: 4px !important; }
    .sn-topic-rail-v24 .sn-topic-rail-v23__item {
        width: 158px !important;
        min-height: 61px !important;
    }

    .sn-single-v24-header-card {
        margin-top: 7px;
        padding: 17px 15px 15px !important;
    }
    .sn-single-v24-header-card h1 { font-size: 22px !important; }
    .sn-single-v24-hero { margin: 12px 0 !important; }
    .sn-single-v24-hero img { max-height: 360px !important; }
    .sn-single-v24-body-card {
        padding: 14px 13px 17px !important;
    }
    .sn-single-v24-body-card .sn-single-v23-content { font-size: 14.5px !important; }
    .sn-single-v24-body-card .sn-single-v23-content > p:first-of-type { font-size: 15px !important; }

    .footer-topic-rail-v23 { padding: 8px 0 !important; }
    .footer-topic-rail-v23__frame { width: 100% !important; padding-inline: 12px; }
    .footer-topic-rail-v23__label { margin-bottom: 6px !important; }
    .footer-newsletter-strip { padding: 9px 0 !important; }
    .footer-grid--ultra { padding: 14px 12px 10px !important; }
    .footer-menu--scrollable-categories {
        max-height: none;
        overflow: visible;
        padding-right: 0;
    }
}

@media (max-width: 400px) {
    .category-main > .sn-container,
    .category-main .category-layout,
    .sn-single-v23-shell,
    .sn-single-v23-related > .sn-container { padding-inline: 11px !important; }
    .category-main .archive-grid.archive-grid--premium { gap: 13px 8px !important; }
    .category-main .archive-grid--premium .story-card__title { font-size: 11px !important; }
}


/* ===== inline-images-v242.css ===== */
/**
 * SphereNexus v2.4.2 — Professional inline article image controls.
 * Keeps the main featured hero large while constraining images embedded in post content.
 */

/* Reset imported wide/full alignment styles inside the article body. */
.single-article .sn-single-v23-content .alignwide,
.single-article .sn-single-v23-content .alignfull,
.single-article .sn-single-v23-content .wp-block-image.alignwide,
.single-article .sn-single-v23-content .wp-block-image.alignfull {
    width: 100% !important;
    max-width: 680px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Keep all image containers neat, centered and narrower than the text column. */
.single-article .sn-single-v23-content figure,
.single-article .sn-single-v23-content picture,
.single-article .sn-single-v23-content .wp-caption,
.single-article .sn-single-v23-content .wp-block-image,
.single-article .sn-single-v23-content .gallery-item {
    width: 100% !important;
    max-width: 680px !important;
    margin: 28px auto !important;
    float: none !important;
}

/* Imported RSS images often contain inline width/height attributes. Override them safely. */
.single-article .sn-single-v23-content img,
.single-article .sn-single-v23-content picture img,
.single-article .sn-single-v23-content figure img,
.single-article .sn-single-v23-content p > a > img,
.single-article .sn-single-v23-content p > img {
    display: block !important;
    width: auto !important;
    max-width: min(100%, 680px) !important;
    height: auto !important;
    max-height: 520px !important;
    margin: 28px auto !important;
    object-fit: contain !important;
    object-position: center !important;
    border-radius: 10px !important;
    box-shadow: 0 10px 30px rgba(7, 27, 49, 0.08);
}

/* Avoid doubled vertical margins when an image is already inside a figure/caption. */
.single-article .sn-single-v23-content figure img,
.single-article .sn-single-v23-content picture img,
.single-article .sn-single-v23-content .wp-caption img,
.single-article .sn-single-v23-content .wp-block-image img,
.single-article .sn-single-v23-content .gallery-item img {
    margin: 0 auto !important;
}

/* Keep imported captions aligned with the image instead of spanning the entire page. */
.single-article .sn-single-v23-content figcaption,
.single-article .sn-single-v23-content .wp-caption-text,
.single-article .sn-single-v23-content .gallery-caption {
    max-width: 680px;
    margin: 9px auto 0;
    padding: 0 8px;
    color: #68768a;
    font-family: var(--sn-font-ui);
    font-size: 12px !important;
    line-height: 1.55;
    text-align: center;
}

/* WordPress left/right alignment remains professional without breaking article flow. */
.single-article .sn-single-v23-content .alignleft,
.single-article .sn-single-v23-content .alignright {
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Galleries stay contained and images remain consistent. */
.single-article .sn-single-v23-content .wp-block-gallery,
.single-article .sn-single-v23-content .gallery {
    width: 100%;
    max-width: 720px;
    margin: 30px auto;
    gap: 12px;
}

.single-article .sn-single-v23-content .wp-block-gallery img,
.single-article .sn-single-v23-content .gallery img {
    width: 100% !important;
    max-width: 100% !important;
    max-height: 360px !important;
    margin: 0 !important;
    object-fit: cover !important;
    box-shadow: none;
}

/* Mobile/tablet: use available width but preserve safe side spacing and reasonable height. */
@media (max-width: 782px) {
    .single-article .sn-single-v23-content figure,
    .single-article .sn-single-v23-content picture,
    .single-article .sn-single-v23-content .wp-caption,
    .single-article .sn-single-v23-content .wp-block-image,
    .single-article .sn-single-v23-content .gallery-item,
    .single-article .sn-single-v23-content .alignwide,
    .single-article .sn-single-v23-content .alignfull {
        max-width: 100% !important;
        margin-top: 22px !important;
        margin-bottom: 22px !important;
    }

    .single-article .sn-single-v23-content img,
    .single-article .sn-single-v23-content picture img,
    .single-article .sn-single-v23-content figure img,
    .single-article .sn-single-v23-content p > a > img,
    .single-article .sn-single-v23-content p > img {
        max-width: 100% !important;
        max-height: 380px !important;
        margin-top: 22px !important;
        margin-bottom: 22px !important;
        border-radius: 8px !important;
    }

    .single-article .sn-single-v23-content figure img,
    .single-article .sn-single-v23-content picture img,
    .single-article .sn-single-v23-content .wp-caption img,
    .single-article .sn-single-v23-content .wp-block-image img,
    .single-article .sn-single-v23-content .gallery-item img {
        margin: 0 auto !important;
    }
}

@media (max-width: 480px) {
    .single-article .sn-single-v23-content img,
    .single-article .sn-single-v23-content picture img,
    .single-article .sn-single-v23-content figure img,
    .single-article .sn-single-v23-content p > a > img,
    .single-article .sn-single-v23-content p > img {
        max-height: 300px !important;
    }
}


/* ===== inline-images-v243.css ===== */
/**
 * SphereNexus v2.4.3 — hard containment for imported article media.
 * Fixes publisher markup with negative margins, fixed viewport widths,
 * transforms, absolute positioning and legacy width attributes.
 */

.single-main--v23,
.single-article--v23,
.sn-single-v23-shell,
.sn-single-v23-main,
.sn-single-v24-body-card,
.sn-single-v23-content {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

.single-main--v23,
.single-article--v23,
.sn-single-v23-main,
.sn-single-v24-body-card,
.sn-single-v23-content {
    overflow-x: clip !important;
}

/* Every direct article child must remain inside the editorial column. */
.single-article .sn-single-v23-content > * {
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* Classes are added server-side and reinforced in JavaScript for malformed feeds. */
.single-article .sn-single-v23-content .sn-inline-media-wrap {
    display: block !important;
    position: static !important;
    inset: auto !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    float: none !important;
    clear: both !important;
    transform: none !important;
    translate: none !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 680px !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 26px auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

.single-article .sn-single-v23-content a.sn-inline-media-wrap {
    text-decoration: none !important;
}

/* Modern-browser fallback for wrappers not caught by malformed server markup. */
.single-article .sn-single-v23-content > :where(p, div, section, figure, picture):has(img),
.single-article .sn-single-v23-content > :where(p, div, section, figure, picture) > :where(a, p, div, figure, picture):has(img) {
    position: static !important;
    inset: auto !important;
    float: none !important;
    transform: none !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 680px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
}

.single-article .sn-single-v23-content img.sn-inline-article-image,
.single-article .sn-single-v23-content .sn-inline-media-wrap img,
.single-article .sn-single-v23-content > :where(p, div, section, figure, picture) img {
    display: block !important;
    position: static !important;
    inset: auto !important;
    float: none !important;
    transform: none !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: 520px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    object-fit: contain !important;
    object-position: center !important;
    box-sizing: border-box !important;
    border-radius: 10px !important;
}

/* Imported captions remain under their own image and cannot push the layout. */
.single-article .sn-single-v23-content .sn-inline-media-wrap figcaption,
.single-article .sn-single-v23-content .sn-inline-media-wrap .wp-caption-text,
.single-article .sn-single-v23-content .sn-inline-media-wrap + p:has(> em:only-child) {
    width: 100% !important;
    max-width: 680px !important;
    margin: 8px auto 0 !important;
    padding: 0 8px !important;
    overflow-wrap: anywhere !important;
    box-sizing: border-box !important;
    text-align: center !important;
}

/* Tables, embeds and iframes must not create horizontal overflow either. */
.single-article .sn-single-v23-content table,
.single-article .sn-single-v23-content iframe,
.single-article .sn-single-v23-content video,
.single-article .sn-single-v23-content embed,
.single-article .sn-single-v23-content object {
    max-width: 100% !important;
    box-sizing: border-box !important;
}

@media (max-width: 782px) {
    .single-article .sn-single-v23-content .sn-inline-media-wrap,
    .single-article .sn-single-v23-content > :where(p, div, section, figure, picture):has(img),
    .single-article .sn-single-v23-content > :where(p, div, section, figure, picture) > :where(a, p, div, figure, picture):has(img) {
        max-width: 100% !important;
        margin-top: 20px !important;
        margin-bottom: 20px !important;
    }

    .single-article .sn-single-v23-content img.sn-inline-article-image,
    .single-article .sn-single-v23-content .sn-inline-media-wrap img {
        max-height: 380px !important;
        border-radius: 8px !important;
    }
}

@media (max-width: 480px) {
    .sn-single-v24-body-card {
        padding-left: 13px !important;
        padding-right: 13px !important;
    }

    .single-article .sn-single-v23-content img.sn-inline-article-image,
    .single-article .sn-single-v23-content .sn-inline-media-wrap img {
        max-height: 300px !important;
    }
}


/* ===== sticky-sidebar-v244.css ===== */
/**
 * SphereNexus Editorial Pro v2.4.4
 * True independent sticky sidebars for single posts and category archives.
 */

:root {
    --sn-v244-sticky-top: 110px;
    --sn-v244-sticky-gap: 18px;
    --sn-v244-scrollbar: #b8cfce;
    --sn-v244-scrollbar-track: transparent;
}

.admin-bar {
    --sn-v244-sticky-top: 142px;
}

@media (min-width: 981px) {
    /* Sticky requires every layout ancestor to allow visible overflow. */
    .single-main--v23,
    .single-article--v23,
    .sn-single-v23-shell,
    .sn-single-v23-main,
    .category-main,
    .category-main .category-layout,
    .category-main .content-column {
        overflow: visible !important;
    }

    .sn-single-v23-shell,
    .category-main .category-layout {
        align-items: start !important;
    }

    /* Single post: left article scrolls with the page, right sidebar stays visible. */
    .sn-single-v23-sidebar {
        position: sticky !important;
        top: var(--sn-v244-sticky-top) !important;
        align-self: start !important;
        max-height: calc(100vh - var(--sn-v244-sticky-top) - var(--sn-v244-sticky-gap)) !important;
        max-height: calc(100dvh - var(--sn-v244-sticky-top) - var(--sn-v244-sticky-gap)) !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        overscroll-behavior: contain;
        scrollbar-gutter: stable;
        scrollbar-width: thin;
        scrollbar-color: var(--sn-v244-scrollbar) var(--sn-v244-scrollbar-track);
        padding-right: 5px;
    }

    .sn-single-v23-sidebar > .site-sidebar,
    .sn-single-v23-sidebar > .site-sidebar--professional,
    .sn-single-v23-sidebar .site-sidebar,
    .sn-single-v23-sidebar .site-sidebar--professional {
        position: static !important;
        top: auto !important;
        max-height: none !important;
        overflow: visible !important;
        transform: none !important;
    }

    /* Category archive: left post stream scrolls, right sidebar stays visible. */
    .category-sticky-column {
        position: sticky !important;
        top: var(--sn-v244-sticky-top) !important;
        align-self: start !important;
        max-height: calc(100vh - var(--sn-v244-sticky-top) - var(--sn-v244-sticky-gap)) !important;
        max-height: calc(100dvh - var(--sn-v244-sticky-top) - var(--sn-v244-sticky-gap)) !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        overscroll-behavior: contain;
        scrollbar-gutter: stable;
        scrollbar-width: thin;
        scrollbar-color: var(--sn-v244-scrollbar) var(--sn-v244-scrollbar-track);
        padding-right: 5px;
    }

    .category-sticky-column > .site-sidebar,
    .category-sticky-column > .site-sidebar--professional,
    .category-sticky-column .site-sidebar,
    .category-sticky-column .site-sidebar--professional {
        position: static !important;
        top: auto !important;
        max-height: none !important;
        overflow: visible !important;
        transform: none !important;
    }

    .sn-single-v23-sidebar::-webkit-scrollbar,
    .category-sticky-column::-webkit-scrollbar {
        width: 5px;
    }

    .sn-single-v23-sidebar::-webkit-scrollbar-track,
    .category-sticky-column::-webkit-scrollbar-track {
        background: transparent;
    }

    .sn-single-v23-sidebar::-webkit-scrollbar-thumb,
    .category-sticky-column::-webkit-scrollbar-thumb {
        border-radius: 999px;
        background: var(--sn-v244-scrollbar);
    }

    .sn-single-v23-sidebar::-webkit-scrollbar-thumb:hover,
    .category-sticky-column::-webkit-scrollbar-thumb:hover {
        background: #8fb5b3;
    }
}

/* Tablet/mobile: normal document flow is more usable and fully responsive. */
@media (max-width: 980px) {
    .sn-single-v23-sidebar,
    .category-sticky-column {
        position: static !important;
        top: auto !important;
        max-height: none !important;
        overflow: visible !important;
        padding-right: 0 !important;
        scrollbar-gutter: auto;
    }
}


/* ===== sticky-sidebar-v245.css ===== */
/**
 * SphereNexus Editorial Pro v2.4.5
 * Page-only scrolling with a non-scrollable sticky right sidebar.
 */

:root {
    --sn-v245-sticky-top: 110px;
}

.admin-bar {
    --sn-v245-sticky-top: 142px;
}

@media (min-width: 981px) {
    .single-main--v23,
    .single-article--v23,
    .sn-single-v23-shell,
    .sn-single-v23-main,
    .category-main,
    .category-main > .sn-container,
    .category-main .category-layout,
    .category-main .content-column {
        overflow: visible !important;
    }

    .sn-single-v23-shell,
    .category-main .category-layout {
        align-items: start !important;
    }

    /*
     * The document remains the only scroll container. The sidebar itself has
     * no fixed height, clipping, scrollbar, or overscroll capture.
     */
    .sn-single-v23-sidebar,
    .category-sticky-column {
        position: sticky !important;
        top: var(--sn-v245-sticky-top) !important;
        align-self: start !important;
        width: 100%;
        height: max-content !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow: visible !important;
        overflow-x: visible !important;
        overflow-y: visible !important;
        overscroll-behavior: auto !important;
        scrollbar-gutter: auto !important;
        scrollbar-width: none !important;
        padding-right: 0 !important;
        transform: none !important;
    }

    .sn-single-v23-sidebar > .site-sidebar,
    .sn-single-v23-sidebar > .site-sidebar--professional,
    .sn-single-v23-sidebar .site-sidebar,
    .sn-single-v23-sidebar .site-sidebar--professional,
    .category-sticky-column > .site-sidebar,
    .category-sticky-column > .site-sidebar--professional,
    .category-sticky-column .site-sidebar,
    .category-sticky-column .site-sidebar--professional {
        position: static !important;
        top: auto !important;
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
        overscroll-behavior: auto !important;
        scrollbar-width: none !important;
        padding-right: 0 !important;
        transform: none !important;
    }

    .sn-single-v23-sidebar::-webkit-scrollbar,
    .category-sticky-column::-webkit-scrollbar,
    .sn-single-v23-sidebar .site-sidebar::-webkit-scrollbar,
    .category-sticky-column .site-sidebar::-webkit-scrollbar {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
    }
}

@media (max-width: 980px) {
    .sn-single-v23-sidebar,
    .category-sticky-column {
        position: static !important;
        top: auto !important;
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
        padding-right: 0 !important;
    }
}


/* ===== homepage-data-v246.css ===== */
/**
 * SphereNexus Editorial Pro v2.4.6
 * Real-post homepage fallbacks and a single, count-free topic rail.
 */

.homepage-main .sn-topic-rail-v24 {
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-behavior: smooth;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
}

.homepage-main .sn-topic-rail-v24::-webkit-scrollbar {
    display: none;
}

.homepage-main .sn-topic-rail-v24 .sn-topic-rail-v23__track {
    width: max-content !important;
    animation: none !important;
    transform: none !important;
}

.homepage-main .sn-topic-rail-v24 .sn-topic-rail-v23__group {
    display: flex !important;
}

.homepage-main .sn-topic-rail-v24 .sn-topic-rail-v23__copy small {
    display: none !important;
}

.homepage-main .sn-topic-rail-v24 .sn-topic-rail-v23__copy strong {
    white-space: normal !important;
    text-overflow: clip !important;
}


/* ===== editor-picks-sticky-v247.css ===== */
/**
 * SphereNexus Editorial Pro v2.4.7
 * Editor's Picks scrolls normally while Most Read stays section-sticky.
 */

:root {
    --sn-v247-editor-sticky-top: 110px;
}

.admin-bar {
    --sn-v247-editor-sticky-top: 142px;
}

@media (min-width: 941px) {
    .sn-editor-v24-section,
    .sn-editor-v24-section > .sn-container,
    .sn-editor-v24-section .sn-editor-v22-layout,
    .sn-editor-v24-section .sn-editor-v22-panel,
    .sn-editor-v24-section .sn-editor-v22-content {
        overflow: visible !important;
    }

    .sn-editor-v24-section .sn-editor-v22-layout {
        align-items: start !important;
    }

    /* Entire left Editor's Picks column follows the normal page scroll. */
    .sn-editor-v24-section .sn-editor-v22-panel,
    .sn-editor-v24-section .sn-editor-v22-content,
    .sn-editor-v24-section .sn-editor-v22-feature,
    .sn-editor-v24-section .sn-editor-v22-list {
        position: relative !important;
        top: auto !important;
        align-self: auto !important;
        transform: none !important;
    }

    /* Only the right panel remains sticky inside this section. */
    .sn-editor-v24-section .sn-most-read-v22-panel {
        position: sticky !important;
        top: var(--sn-v247-editor-sticky-top) !important;
        align-self: start !important;
        height: max-content !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow-x: hidden !important;
        overflow-y: hidden !important;
        overscroll-behavior: auto !important;
        scrollbar-width: none !important;
        transform: none !important;
    }

    .sn-editor-v24-section .sn-most-read-v22-panel::-webkit-scrollbar {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
    }
}

@media (max-width: 940px) {
    .sn-editor-v24-section .sn-editor-v22-feature,
    .sn-editor-v24-section .sn-most-read-v22-panel {
        position: static !important;
        top: auto !important;
        height: auto !important;
        max-height: none !important;
        overflow: hidden !important;
    }
}


/* ===== homepage-sticky-images-v248.css ===== */
/**
 * SphereNexus Editorial Pro v2.4.8
 * Reliable homepage imagery and a compact sticky Popular panel.
 */

:root {
    --sn-v248-popular-top: 110px;
}

.admin-bar {
    --sn-v248-popular-top: 142px;
}

.sn-editor-v22-feature__media {
    position: absolute;
    inset: 0;
    z-index: -2;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    object-fit: cover;
}

@media (min-width: 941px) {
    .sn-editor-v24-section,
    .sn-editor-v24-section > .sn-container,
    .sn-editor-v24-section .sn-editor-v22-layout,
    .sn-editor-v24-section .sn-editor-v22-panel,
    .sn-editor-v24-section .sn-editor-v22-content {
        overflow: visible !important;
    }

    .sn-editor-v24-section .sn-editor-v22-feature,
    .sn-editor-v24-section .sn-editor-v22-list,
    .sn-editor-v24-section .sn-editor-v22-panel {
        position: relative !important;
        top: auto !important;
        transform: none !important;
    }

    .sn-editor-v24-section .sn-most-read-v22-panel {
        position: sticky !important;
        top: var(--sn-v248-popular-top) !important;
        align-self: start !important;
        height: max-content !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow: hidden !important;
        overscroll-behavior: auto !important;
        scrollbar-width: none !important;
        transform: none !important;
    }

    .sn-editor-v24-section .sn-most-read-v22-panel::-webkit-scrollbar {
        display: none !important;
    }

    .sn-editor-v24-section .sn-most-read-v22-list li {
        padding: 11px 0 !important;
    }

    .sn-editor-v24-section .sn-most-read-v22-list h3 {
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        font-size: 13px !important;
        line-height: 1.4 !important;
    }
}

@media (max-width: 940px) {
    .sn-editor-v24-section .sn-most-read-v22-panel {
        position: static !important;
        top: auto !important;
        height: auto !important;
        max-height: none !important;
    }
}


/* ===== category-sticky-v249.css ===== */
/**
 * SphereNexus Editorial Pro v2.4.9
 * Bounded category sidebar: the page is the only scroll container and the
 * compact sidebar stops with its category-layout parent before the footer.
 */

@media (min-width: 981px) {
    body.category .category-main,
    body.category .category-layout,
    body.category .category-layout > .content-column {
        overflow: visible !important;
    }

    body.category .category-layout {
        align-items: start !important;
    }

    body.category .category-sticky-column {
        position: sticky !important;
        top: var(--sn-v245-sticky-top, 110px) !important;
        align-self: start !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: calc(100vh - var(--sn-v245-sticky-top, 110px) - 20px) !important;
        overflow: hidden !important;
        overscroll-behavior: auto !important;
        z-index: 2;
    }

    body.category .category-sticky-column > .site-sidebar,
    body.category .category-sticky-column .site-sidebar--professional {
        position: static !important;
        display: grid;
        gap: 14px;
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
    }

    body.category .category-sticky-column .sidebar-card {
        margin: 0 !important;
    }

    body.category .category-sticky-column .sidebar-search-card {
        padding: 18px 20px !important;
    }

    body.category .category-sticky-column .sidebar-stories-card {
        padding: 18px 20px !important;
    }

    body.category .category-sticky-column .sidebar-story {
        padding-block: 10px !important;
    }

    body.category .category-sticky-column .sidebar-story__image {
        width: 72px !important;
        min-width: 72px !important;
        height: 58px !important;
    }

    body.category .category-sticky-column .sidebar-story h3 {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }
}

@media (max-width: 980px) {
    body.category .category-sticky-column {
        position: static !important;
        max-height: none !important;
        overflow: visible !important;
    }
}


/* ===== home-editorial-v250.css ===== */
/**
 * SphereNexus Editorial Pro v2.5.0
 * Premium flat editorial selection with a dark, section-sticky reader panel.
 */

.sn-editor-v24-section {
    padding: 42px 0 48px !important;
    background: linear-gradient(135deg, #f1f7f7 0%, #f8fafb 52%, #eef5f6 100%) !important;
}

.sn-editor-v24-section .sn-editor-v22-layout {
    grid-template-columns: minmax(0, 2.15fr) minmax(290px, .82fr) !important;
    gap: 24px !important;
}

.sn-editor-v24-section .sn-editor-v22-panel {
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.sn-editor-v24-section .sn-editor-v22-panel > .sn-editor-v22-header {
    min-height: 0 !important;
    margin-bottom: 18px;
    padding: 0 2px 14px !important;
    border-bottom: 1px solid rgba(11, 35, 59, .16) !important;
    background: transparent !important;
}

.sn-editor-v24-section .sn-editor-v22-panel > .sn-editor-v22-header::after {
    content: "";
    position: absolute;
    left: 2px;
    bottom: -1px;
    width: 78px;
    height: 3px;
    border-radius: 5px;
    background: #0f918c;
}

.sn-editor-v24-section .sn-editor-v22-panel > .sn-editor-v22-header {
    position: relative;
}

.sn-editor-v24-section .sn-editor-v22-icon {
    width: 42px;
    height: 42px;
    flex-basis: 42px;
    border: 0;
    border-radius: 14px;
    background: #dff3f1;
}

.sn-editor-v24-section .sn-editor-v22-content {
    display: block !important;
    padding: 0 !important;
}

.sn-editor-v24-section .sn-editor-v22-feature {
    min-height: 390px !important;
    border: 0 !important;
    border-radius: 24px !important;
    box-shadow: 0 22px 52px rgba(7, 31, 54, .16) !important;
}

.sn-editor-v24-section .sn-editor-v22-feature::before {
    background: linear-gradient(180deg, rgba(3, 18, 34, .02) 25%, rgba(3, 18, 34, .9) 100%) !important;
}

.sn-editor-v24-section .sn-editor-v22-feature__copy {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 32px !important;
}

.sn-editor-v24-section .sn-editor-v22-feature h3 {
    max-width: 720px;
    font-size: 25px !important;
    line-height: 1.2 !important;
}

.sn-editor-v24-section .sn-editor-v22-list {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px !important;
    margin-top: 16px;
}

.sn-editor-v24-section .sn-editor-v22-story {
    display: grid !important;
    grid-template-columns: 112px minmax(0, 1fr) !important;
    gap: 14px !important;
    min-height: 132px;
    padding: 10px !important;
    border: 1px solid #dbe7ea !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 10px 28px rgba(7, 31, 54, .05) !important;
}

.sn-editor-v24-section .sn-editor-v22-story__image {
    width: 112px !important;
    height: 112px !important;
    border-radius: 12px !important;
}

.sn-editor-v24-section .sn-editor-v22-story h3 {
    font-size: 14px !important;
    line-height: 1.35 !important;
}

.sn-editor-v24-section .sn-most-read-v22-panel {
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 24px !important;
    background: #08243b !important;
    box-shadow: 0 22px 52px rgba(7, 31, 54, .18) !important;
}

.sn-editor-v24-section .sn-most-read-v22-panel .sn-editor-v22-header {
    min-height: 0 !important;
    padding: 22px 20px 18px !important;
    border-bottom: 1px solid rgba(255, 255, 255, .13) !important;
}

.sn-editor-v24-section .sn-most-read-v22-panel .sn-editor-v22-icon {
    color: #fff;
    background: rgba(35, 190, 179, .18);
}

.sn-editor-v24-section .sn-most-read-v22-panel .sn-editor-v22-title-group > div > span {
    color: #61d4cc !important;
}

.sn-editor-v24-section .sn-most-read-v22-panel h2,
.sn-editor-v24-section .sn-most-read-v22-list h3,
.sn-editor-v24-section .sn-most-read-v22-list h3 a {
    color: #fff !important;
}

.sn-editor-v24-section .sn-most-read-v22-list {
    padding: 6px 20px 0 !important;
}

.sn-editor-v24-section .sn-most-read-v22-list li {
    grid-template-columns: 38px minmax(0, 1fr) !important;
    padding: 16px 0 !important;
    border-color: rgba(255, 255, 255, .12) !important;
}

.sn-editor-v24-section .sn-most-read-v22-rank {
    background: #1bb2aa !important;
    box-shadow: none !important;
}

.sn-editor-v24-section .sn-most-read-v22-list li div > span {
    color: #9db0bf !important;
}

.sn-editor-v24-section .sn-most-read-v22-all {
    min-height: 54px;
    color: #65d8d0 !important;
    border-top: 1px solid rgba(255, 255, 255, .12);
}

@media (max-width: 940px) {
    .sn-editor-v24-section {
        padding: 30px 0 34px !important;
    }

    .sn-editor-v24-section .sn-editor-v22-feature {
        min-height: 410px !important;
    }

    .sn-editor-v24-section .sn-editor-v22-list {
        grid-template-columns: 1fr;
    }

    .sn-editor-v24-section .sn-most-read-v22-panel {
        margin-top: 18px;
    }
}

@media (max-width: 560px) {
    .sn-editor-v24-section .sn-editor-v22-feature {
        min-height: 365px !important;
    }

    .sn-editor-v24-section .sn-editor-v22-feature__copy {
        padding: 23px !important;
    }

    .sn-editor-v24-section .sn-editor-v22-feature h3 {
        font-size: 21px !important;
    }

    .sn-editor-v24-section .sn-editor-v22-story {
        grid-template-columns: 94px minmax(0, 1fr) !important;
        min-height: 114px;
    }

    .sn-editor-v24-section .sn-editor-v22-story__image {
        width: 94px !important;
        height: 94px !important;
    }
}


/* ===== dual-category-v252.css ===== */
/**
 * SphereNexus Editorial Pro v2.5.2
 * Combined Business and World homepage coverage.
 */

.sn-dual-category-section {
    padding: 42px 0 !important;
    background: linear-gradient(180deg, #f7fafb 0%, #ffffff 100%);
}

.sn-dual-category-layout {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
    align-items: start;
}

.sn-dual-category-column {
    min-width: 0;
    padding: 20px;
    border: 1px solid #dce6eb;
    border-top: 4px solid var(--dual-accent);
    border-radius: 8px 22px 8px 22px;
    background: #fff;
    box-shadow: 0 14px 38px rgba(7, 31, 54, .06);
}

.sn-dual-category-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 17px;
    padding-bottom: 14px;
    border-bottom: 1px solid #dce6eb;
}

.sn-dual-category-header > div {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.sn-dual-category-header h2 {
    margin: 0;
    color: #09243b;
    font-size: 20px !important;
    font-weight: 600 !important;
    line-height: 1.25;
}

.sn-dual-category-header > a {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    flex: 0 0 auto;
    color: var(--dual-accent);
    font-size: 10px;
    font-weight: 500;
}

.sn-dual-category-header > a .sn-icon {
    width: 13px;
    height: 13px;
}

.sn-dual-category-icon {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    border-radius: 11px 17px 11px 17px;
    color: var(--dual-accent);
    background: color-mix(in srgb, var(--dual-accent) 10%, white);
}

.sn-dual-category-icon .sn-icon {
    width: 20px;
    height: 20px;
}

.sn-dual-category-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 17px 13px;
}

.sn-dual-category-grid .story-card {
    min-width: 0;
}

.sn-dual-category-grid .story-card:first-child {
    display: grid;
    grid-template-columns: minmax(190px, .9fr) minmax(0, 1.1fr);
    grid-column: 1 / -1;
    gap: 17px;
    align-items: center;
    padding-bottom: 17px;
    border-bottom: 1px solid #e2eaee;
}

.sn-dual-category-grid .story-card:first-child .story-card__media {
    min-height: 220px;
    aspect-ratio: auto;
    border-radius: 7px 19px 7px 19px;
}

.sn-dual-category-grid .story-card:first-child .story-card__content {
    padding-top: 0;
}

.sn-dual-category-grid .story-card:first-child .story-card__title {
    font-size: 18px !important;
    line-height: 1.35;
}

.sn-dual-category-grid .story-card__category,
.sn-dual-category-grid .sn-read-more-link {
    color: var(--dual-accent) !important;
}

.sn-dual-category-grid .story-card:not(:first-child) .story-card__title {
    font-size: 13px !important;
}

@media (max-width: 940px) {
    .sn-dual-category-layout {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 560px) {
    .sn-dual-category-section {
        padding: 28px 0 !important;
    }

    .sn-dual-category-column {
        padding: 14px;
    }

    .sn-dual-category-header h2 {
        font-size: 17px !important;
    }

    .sn-dual-category-grid .story-card:first-child {
        display: block;
    }

    .sn-dual-category-grid .story-card:first-child .story-card__media {
        min-height: 0;
        aspect-ratio: 1.62 / 1;
    }

    .sn-dual-category-grid .story-card:first-child .story-card__content {
        padding-top: 11px;
    }
}


/* ===== sport-tech-v253.css ===== */
/**
 * SphereNexus Editorial Pro v2.5.3
 * Dark newsroom treatment for combined Sports and Technology coverage.
 */

.sn-sport-tech-section {
    position: relative;
    overflow: hidden;
    padding: 46px 0 50px !important;
    background:
        radial-gradient(circle at 8% 12%, rgba(53, 197, 184, .15), transparent 31%),
        radial-gradient(circle at 94% 88%, rgba(60, 125, 201, .17), transparent 34%),
        #071f35;
}

.sn-sport-tech-intro {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 24px;
    padding-bottom: 17px;
    border-bottom: 1px solid rgba(255, 255, 255, .15);
}

.sn-sport-tech-intro span {
    color: #55d2ca;
    font-size: 9px;
    font-weight: 600;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.sn-sport-tech-intro h2 {
    max-width: 650px;
    margin: 0;
    color: #fff;
    font-size: 23px !important;
    font-weight: 600 !important;
    line-height: 1.25;
    text-align: right;
}

.sn-sport-tech-layout {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0;
}

.sn-sport-tech-lane {
    min-width: 0;
    padding-right: 26px;
}

.sn-sport-tech-lane + .sn-sport-tech-lane {
    padding-right: 0;
    padding-left: 26px;
    border-left: 1px solid rgba(255, 255, 255, .15);
}

.sn-sport-tech-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 17px;
}

.sn-sport-tech-header > div {
    display: flex;
    align-items: center;
    gap: 10px;
}

.sn-sport-tech-header > div > span {
    display: grid;
    place-items: center;
    width: 39px;
    height: 39px;
    border: 1px solid color-mix(in srgb, var(--lane-accent) 75%, white);
    border-radius: 50%;
    color: #fff;
    background: color-mix(in srgb, var(--lane-accent) 60%, transparent);
}

.sn-sport-tech-header .sn-icon {
    width: 19px;
    height: 19px;
}

.sn-sport-tech-header h3 {
    margin: 0;
    color: #fff;
    font-size: 20px !important;
    font-weight: 600 !important;
}

.sn-sport-tech-header > a {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #8ee3dd;
    font-size: 10px;
    font-weight: 500;
}

.sn-sport-tech-header > a .sn-icon {
    width: 13px;
    height: 13px;
}

.sn-sport-tech-stories {
    display: grid;
    gap: 0;
}

.sn-sport-tech-stories .story-card {
    display: grid;
    grid-template-columns: 116px minmax(0, 1fr);
    gap: 14px;
    align-items: center;
    padding: 13px 0;
    border-bottom: 1px solid rgba(255, 255, 255, .12);
}

.sn-sport-tech-stories .story-card:first-child {
    display: block;
    padding: 0 0 18px;
}

.sn-sport-tech-stories .story-card__media {
    width: 116px;
    height: 82px;
    aspect-ratio: auto;
    border-radius: 6px 15px 6px 15px;
}

.sn-sport-tech-stories .story-card:first-child .story-card__media {
    width: 100%;
    height: auto;
    aspect-ratio: 2.05 / 1;
    border-radius: 8px 22px 8px 22px;
}

.sn-sport-tech-stories .story-card__content {
    min-width: 0;
    padding-top: 0;
}

.sn-sport-tech-stories .story-card:first-child .story-card__content {
    padding-top: 13px;
}

.sn-sport-tech-stories .story-card__category,
.sn-sport-tech-stories .sn-read-more-link {
    color: #72dcd5 !important;
}

.sn-sport-tech-stories .story-card__title,
.sn-sport-tech-stories .story-card__title a {
    color: #fff !important;
}

.sn-sport-tech-stories .story-card__title {
    margin-bottom: 6px;
    font-size: 13px !important;
    line-height: 1.38;
}

.sn-sport-tech-stories .story-card:first-child .story-card__title {
    font-size: 20px !important;
    line-height: 1.3;
}

.sn-sport-tech-stories .post-meta {
    color: #95a9b9 !important;
}

.sn-sport-tech-stories .sn-read-more-link {
    font-size: 9px !important;
}

@media (max-width: 940px) {
    .sn-sport-tech-layout {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .sn-sport-tech-lane,
    .sn-sport-tech-lane + .sn-sport-tech-lane {
        padding: 0;
        border-left: 0;
    }

    .sn-sport-tech-lane + .sn-sport-tech-lane {
        padding-top: 28px;
        border-top: 1px solid rgba(255, 255, 255, .15);
    }
}

@media (max-width: 560px) {
    .sn-sport-tech-section {
        padding: 32px 0 36px !important;
    }

    .sn-sport-tech-intro {
        display: block;
    }

    .sn-sport-tech-intro h2 {
        margin-top: 6px;
        font-size: 19px !important;
        text-align: left;
    }

    .sn-sport-tech-header h3 {
        font-size: 17px !important;
    }

    .sn-sport-tech-stories .story-card {
        grid-template-columns: 94px minmax(0, 1fr);
    }

    .sn-sport-tech-stories .story-card__media {
        width: 94px;
        height: 72px;
    }
}


/* ===== editor-categories-v254.css ===== */
/**
 * SphereNexus Editorial Pro v2.5.4
 * Education and Entertainment collections inside the sticky editorial panel.
 */

.sn-editor-v24-section .sn-editor-category-panel {
    background: #08243b !important;
}

.sn-editor-category-groups {
    padding: 4px 20px 14px;
}

.sn-editor-category-group {
    padding: 15px 0 12px;
}

.sn-editor-category-group + .sn-editor-category-group {
    border-top: 1px solid rgba(255, 255, 255, .14);
}

.sn-editor-category-group__heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 8px;
}

.sn-editor-category-group__heading h3 {
    display: flex;
    align-items: center;
    gap: 7px;
    margin: 0;
    color: #75ddd6 !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.sn-editor-category-group__heading h3 .sn-icon {
    width: 15px;
    height: 15px;
    color: var(--editor-side-accent);
}

.sn-editor-category-group__heading > a {
    display: grid;
    place-items: center;
    width: 25px;
    height: 25px;
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 50%;
    color: #fff;
    font-size: 12px;
}

.sn-editor-category-story {
    display: grid;
    grid-template-columns: 76px minmax(0, 1fr);
    gap: 11px;
    align-items: center;
    padding: 9px 0;
}

.sn-editor-category-story + .sn-editor-category-story {
    border-top: 1px solid rgba(255, 255, 255, .09);
}

.sn-editor-category-story__image {
    display: block;
    width: 76px;
    height: 58px;
    overflow: hidden;
    border-radius: 6px 13px 6px 13px;
    background: rgba(255, 255, 255, .08);
}

.sn-editor-category-story__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sn-editor-category-story h4 {
    display: -webkit-box;
    margin: 0 0 5px;
    overflow: hidden;
    color: #fff;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 1.38;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.sn-editor-category-story h4 a {
    color: #fff !important;
}

.sn-editor-category-story div > span {
    color: #91a7b8;
    font-size: 8.5px;
}

@media (max-width: 940px) {
    .sn-editor-category-groups {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 20px;
    }

    .sn-editor-category-group + .sn-editor-category-group {
        border-top: 0;
        border-left: 1px solid rgba(255, 255, 255, .14);
        padding-left: 20px;
    }
}

@media (max-width: 620px) {
    .sn-editor-category-groups {
        grid-template-columns: 1fr;
    }

    .sn-editor-category-group + .sn-editor-category-group {
        border-top: 1px solid rgba(255, 255, 255, .14);
        border-left: 0;
        padding-left: 0;
    }
}


/* ===== light-sections-v255.css ===== */
/**
 * SphereNexus Editorial Pro v2.5.5
 * Light sports/technology treatment, compact trending ribbons and About page.
 */

.sn-sport-tech-section {
    padding: 48px 0 52px !important;
    background: linear-gradient(135deg, #f7fbfb 0%, #fff 48%, #f7f9fd 100%) !important;
    border-block: 1px solid #dbe7eb;
}

.sn-sport-tech-intro {
    border-bottom-color: #d5e2e7 !important;
}

.sn-sport-tech-intro span,
.sn-sport-tech-header > a,
.sn-sport-tech-stories .story-card__category,
.sn-sport-tech-stories .sn-read-more-link {
    color: #078f89 !important;
}

.sn-sport-tech-intro h2,
.sn-sport-tech-header h3,
.sn-sport-tech-stories .story-card__title,
.sn-sport-tech-stories .story-card__title a {
    color: #09223a !important;
}

.sn-sport-tech-lane + .sn-sport-tech-lane {
    border-left-color: #d5e2e7 !important;
}

.sn-sport-tech-header > div > span {
    color: var(--lane-accent) !important;
    background: color-mix(in srgb, var(--lane-accent) 10%, white) !important;
    border-color: color-mix(in srgb, var(--lane-accent) 28%, #d7e5e8) !important;
}

.sn-sport-tech-stories .story-card {
    border-bottom-color: #dce7eb !important;
}

.sn-sport-tech-stories .post-meta {
    color: #708093 !important;
}

.sn-sport-tech-stories .story-card__media {
    background: #eef4f5;
    box-shadow: 0 9px 24px rgba(9, 34, 58, .08);
}

/* Short category ribbons inside Trending Now cards. */
.trending-section .story-card__category {
    display: inline-flex !important;
    align-items: center;
    width: auto !important;
    min-height: 25px;
    margin: 0 0 9px !important;
    padding: 5px 20px 5px 10px !important;
    color: #fff !important;
    background: #078f89 !important;
    clip-path: polygon(0 0, 92% 0, 100% 50%, 92% 100%, 0 100%, 6px 50%);
    font-size: 8px !important;
    font-weight: 600 !important;
    line-height: 1.15;
    letter-spacing: .07em;
    text-transform: uppercase;
}

/* Professional About page. */
.sn-about-page {
    padding: 28px 0 70px;
    background: linear-gradient(180deg, #fff 0%, #f7fbfb 100%);
}

.sn-about-page .breadcrumbs { margin-bottom: 22px; }

.sn-about-hero {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(300px, .75fr);
    gap: 36px;
    align-items: center;
    padding: clamp(34px, 5vw, 66px);
    border: 1px solid #d7e5e9;
    border-radius: 8px 34px 8px 34px;
    background: #fff;
    box-shadow: 0 24px 58px rgba(9, 34, 58, .08);
}

.sn-about-hero::after {
    content: '';
    position: absolute;
    right: -95px;
    top: -120px;
    width: 310px;
    height: 310px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(9, 160, 151, .17), rgba(9, 160, 151, 0) 70%);
}

.sn-about-kicker,
.sn-about-section-kicker {
    display: block;
    margin-bottom: 10px;
    color: #078f89;
    font-size: 9px;
    font-weight: 600;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.sn-about-hero h1 {
    max-width: 720px;
    margin: 0 0 17px;
    color: #09223a;
    font-size: clamp(36px, 5vw, 64px) !important;
    font-weight: 600 !important;
    line-height: 1.04;
}

.sn-about-hero p {
    max-width: 720px;
    margin: 0;
    color: #52657a;
    font-size: 17px;
    line-height: 1.75;
}

.sn-about-hero__mark {
    position: relative;
    z-index: 1;
    padding: 29px;
    border: 1px solid #cfe3e6;
    border-radius: 22px 6px 22px 6px;
    background: linear-gradient(145deg, #eaf7f6, #f6fafc);
}

.sn-about-hero__mark strong {
    display: block;
    margin-bottom: 9px;
    color: #09223a;
    font-size: 25px;
    font-weight: 600;
}

.sn-about-hero__mark span { color: #607387; line-height: 1.65; }

.sn-about-values {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin: 26px 0 64px;
}

.sn-about-value {
    padding: 25px;
    border: 1px solid #d8e5e9;
    border-radius: 6px 22px 6px 22px;
    background: #fff;
}

.sn-about-value b {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    margin-bottom: 18px;
    border-radius: 10px 3px 10px 3px;
    color: #078f89;
    background: #e8f7f5;
    font-size: 15px;
}

.sn-about-value h2,
.sn-about-split h2,
.sn-about-coverage h2,
.sn-about-standards h2,
.sn-about-cta h2 {
    margin: 0 0 10px;
    color: #09223a;
    font-size: 24px !important;
    font-weight: 600 !important;
}

.sn-about-value p,
.sn-about-split p,
.sn-about-coverage p,
.sn-about-standards p { margin: 0; color: #607387; line-height: 1.7; }

.sn-about-split {
    display: grid;
    grid-template-columns: .85fr 1.15fr;
    gap: 38px;
    align-items: center;
    margin-bottom: 64px;
    padding: 42px;
    border-radius: 28px 7px 28px 7px;
    color: #fff;
    background: #09223a;
}

.sn-about-split h2 { color: #fff; font-size: 30px !important; }
.sn-about-split p { color: #c8d5df; }
.sn-about-process { display: grid; gap: 12px; }
.sn-about-step { display: grid; grid-template-columns: 37px 1fr; gap: 14px; align-items: start; padding: 16px; border: 1px solid rgba(255,255,255,.13); border-radius: 14px 4px 14px 4px; background: rgba(255,255,255,.05); }
.sn-about-step b { display: grid; place-items: center; width: 31px; height: 31px; border-radius: 50%; color: #09223a; background: #74d8d0; font-size: 11px; }
.sn-about-step strong { display: block; margin-bottom: 3px; font-weight: 600; }
.sn-about-step span { color: #b7c8d5; font-size: 13px; line-height: 1.5; }

.sn-about-coverage { margin-bottom: 64px; text-align: center; }
.sn-about-topic-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 13px; margin-top: 26px; }
.sn-about-topic { display: flex; align-items: center; gap: 11px; padding: 17px; border: 1px solid #d9e6e9; border-radius: 5px 16px 5px 16px; color: #17334c; background: #fff; font-size: 13px; font-weight: 500; text-align: left; }
.sn-about-topic span { color: #078f89; }

.sn-about-standards {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 38px;
    align-items: center;
    margin-bottom: 64px;
    padding: 42px;
    border: 1px solid #d7e5e9;
    border-radius: 7px 28px 7px 28px;
    background: #fff;
}
.sn-about-checks { display: grid; gap: 10px; }
.sn-about-checks span { display: flex; gap: 10px; align-items: center; padding: 12px 14px; border-radius: 10px 3px 10px 3px; color: #29435b; background: #f1f8f8; font-size: 13px; }
.sn-about-checks b { color: #078f89; }

.sn-about-cta {
    padding: 40px;
    border-radius: 26px 7px 26px 7px;
    text-align: center;
    background: linear-gradient(135deg, #dff5f2, #eef4fc);
}
.sn-about-cta p { margin: 0 auto 20px; max-width: 670px; color: #52657a; }
.sn-about-cta a { display: inline-flex; padding: 12px 20px; border-radius: 10px 3px 10px 3px; color: #fff; background: #09223a; font-size: 12px; font-weight: 600; }

@media (max-width: 900px) {
    .sn-sport-tech-lane + .sn-sport-tech-lane { border-left: 0 !important; border-top-color: #d5e2e7 !important; }
    .sn-about-hero, .sn-about-split, .sn-about-standards { grid-template-columns: 1fr; }
    .sn-about-values { grid-template-columns: 1fr; }
    .sn-about-topic-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 560px) {
    .sn-about-page { padding-top: 18px; }
    .sn-about-hero, .sn-about-split, .sn-about-standards, .sn-about-cta { padding: 26px 20px; }
    .sn-about-hero h1 { font-size: 38px !important; }
    .sn-about-topic-grid { grid-template-columns: 1fr; }
}


/* ===== all-light-v256.css ===== */
/**
 * SphereNexus Editorial Pro v2.5.6
 * All-light homepage editorial panels and refined featured ribbon.
 */

/* Education & Entertainment sticky panel: light editorial card. */
.sn-editor-v24-section .sn-most-read-v22-panel.sn-editor-category-panel {
    background: #fff !important;
    border: 1px solid #d7e4e9 !important;
    box-shadow: 0 18px 44px rgba(9, 34, 58, .08) !important;
}

.sn-editor-v24-section .sn-most-read-v22-panel.sn-editor-category-panel .sn-editor-v22-header {
    border-bottom-color: #dce7eb !important;
    background: linear-gradient(135deg, #f1faf9, #f7f9fd) !important;
}

.sn-editor-v24-section .sn-most-read-v22-panel.sn-editor-category-panel .sn-editor-v22-icon {
    color: #078f89 !important;
    background: #e1f5f3 !important;
}

.sn-editor-v24-section .sn-most-read-v22-panel.sn-editor-category-panel .sn-editor-v22-title-group > div > span {
    color: #078f89 !important;
}

.sn-editor-v24-section .sn-most-read-v22-panel.sn-editor-category-panel .sn-editor-v22-title-group h2 {
    color: #09223a !important;
}

.sn-editor-category-group + .sn-editor-category-group {
    border-top-color: #dce7eb !important;
}

.sn-editor-category-group__heading h3 {
    color: #078f89 !important;
}

.sn-editor-category-group__heading > a {
    color: #17334c !important;
    border-color: #cddde2 !important;
    background: #f6fafb !important;
}

.sn-editor-category-story + .sn-editor-category-story {
    border-top-color: #e2eaed !important;
}

.sn-editor-category-story__image {
    background: #eef4f5 !important;
    box-shadow: 0 6px 16px rgba(9, 34, 58, .08);
}

.sn-editor-category-story h4,
.sn-editor-category-story h4 a {
    color: #102c44 !important;
}

.sn-editor-category-story div > span {
    color: #748497 !important;
}

/* Small left-side cut ribbon instead of the full-width Featured bar. */
.sn-editor-v22-feature .sn-editor-v22-badge {
    display: inline-flex !important;
    position: relative;
    width: fit-content !important;
    min-width: 0 !important;
    max-width: max-content !important;
    margin: 0 0 12px !important;
    padding: 7px 19px 7px 11px !important;
    border: 0 !important;
    border-radius: 4px 0 0 4px !important;
    color: #fff !important;
    background: #079c96 !important;
    clip-path: polygon(0 0, 88% 0, 100% 50%, 88% 100%, 0 100%, 6px 50%);
    font-size: 8px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    letter-spacing: .08em;
    text-transform: uppercase;
    box-shadow: none !important;
    align-self: flex-start !important;
    flex: 0 0 auto !important;
}

.sn-editor-v22-feature .sn-editor-v22-badge .sn-icon {
    width: 11px !important;
    height: 11px !important;
}

@media (max-width: 940px) {
    .sn-editor-category-group + .sn-editor-category-group {
        border-left-color: #dce7eb !important;
    }
}


/* ===== performance-mobile-v257.css ===== */
/**
 * SphereNexus Editorial Pro v2.5.7
 * Mobile hero recovery, permanent live-news badge and footer help email.
 */

.footer-help-email {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 16px 0 15px;
    padding: 11px 12px;
    border: 1px solid #d7e6e9;
    border-radius: 5px 14px 5px 14px;
    color: #15344d;
    background: #f3f9f9;
    font-size: 12px;
    font-weight: 500;
}

.footer-help-email .sn-icon {
    width: 18px;
    height: 18px;
    color: #078f89;
}

.footer-help-email span { display: grid; gap: 2px; }
.footer-help-email small { color: #718396; font-size: 8px; font-weight: 500; letter-spacing: .08em; text-transform: uppercase; }

/* The automatic ticker is visible and clearly labelled on every screen. */
.live-update-badge span:last-child {
    display: inline !important;
}

@media (max-width: 760px) {
    .sn-hero-v16-section {
        display: block !important;
        visibility: visible !important;
        min-height: 0 !important;
        opacity: 1 !important;
    }

    .sn-hero-v16-section .sn-container,
    .sn-hero-v16-grid,
    .sn-hero-v16-featured,
    .sn-hero-v16-side {
        visibility: visible !important;
        max-width: 100% !important;
        opacity: 1 !important;
    }

    .sn-hero-v16-grid,
    .sn-hero-v16-featured,
    .sn-hero-v16-side {
        display: grid !important;
    }

    .sn-hero-v16-featured {
        min-height: 520px !important;
    }

    .sn-hero-v16-side {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 9px !important;
        margin-top: 12px;
    }

    .live-update-badge {
        width: auto !important;
        min-width: 72px;
        justify-content: flex-start !important;
        padding: 6px 13px 6px 9px !important;
        clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 50%, calc(100% - 10px) 100%, 0 100%);
    }

    .live-update-badge span:last-child {
        font-size: 7.5px;
        white-space: nowrap;
    }
}

@media (max-width: 410px) {
    .live-update-bar__inner {
        grid-template-columns: auto minmax(0, 1fr) !important;
    }
    .live-update-controls { display: none !important; }
    .live-update-badge { min-width: 65px; }
    .sn-hero-v16-featured { min-height: 500px !important; }
}


/* ===== mobile-first-sections-v259.css ===== */
/**
 * SphereNexus Editorial Pro v2.5.9
 * Hard mobile visibility fix for the homepage hero and Trending Now sections.
 */

@media (max-width: 760px) {
    .homepage-main > .sn-hero-v16-section,
    .homepage-main > .trending-section {
        display: block !important;
        position: relative !important;
        width: 100% !important;
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
        visibility: visible !important;
        opacity: 1 !important;
        transform: none !important;
    }

    .homepage-main > .sn-hero-v16-section .sn-container,
    .homepage-main > .trending-section .sn-container,
    .homepage-main > .trending-section .section-heading {
        display: block !important;
        height: auto !important;
        max-height: none !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    .homepage-main .sn-hero-v16-slides,
    .homepage-main .sn-hero-v16-featured {
        display: block !important;
        position: relative !important;
        width: 100% !important;
        min-height: 520px !important;
        height: auto !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    .homepage-main .sn-hero-v16-slide {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }

    .homepage-main .sn-hero-v16-slide.is-active {
        display: grid !important;
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        grid-template-columns: 1fr !important;
        grid-template-rows: 220px minmax(0, 1fr) !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        transform: none !important;
    }

    .homepage-main .sn-hero-v16-slide.is-active .sn-hero-v16-slide__media,
    .homepage-main .sn-hero-v16-slide.is-active .sn-hero-v16-slide__content {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    .homepage-main .sn-hero-v16-slide.is-active .sn-hero-v16-slide__media {
        grid-row: 1 !important;
    }

    .homepage-main .sn-hero-v16-slide.is-active .sn-hero-v16-slide__content {
        grid-row: 2 !important;
        flex-direction: column !important;
    }

    .homepage-main .sn-hero-v16-side {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    .homepage-main .sn-hero-v16-side-card {
        display: grid !important;
        min-height: 195px !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    .homepage-main > .trending-section {
        padding: 28px 0 34px !important;
    }

    .homepage-main > .trending-section .section-heading {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        margin-bottom: 17px !important;
    }

    .homepage-main > .trending-section .card-grid--five {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 18px 10px !important;
        width: 100% !important;
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    .homepage-main > .trending-section .story-card,
    .homepage-main > .trending-section .story-card:nth-child(n) {
        display: block !important;
        position: relative !important;
        width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
        visibility: visible !important;
        opacity: 1 !important;
        transform: none !important;
    }

    .homepage-main > .trending-section .story-card__media {
        display: block !important;
        width: 100% !important;
        aspect-ratio: 1.45 / 1 !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
}

@media (max-width: 390px) {
    .homepage-main .sn-hero-v16-slides,
    .homepage-main .sn-hero-v16-featured {
        min-height: 500px !important;
    }

    .homepage-main > .trending-section .story-card__title {
        font-size: 12px !important;
        line-height: 1.35 !important;
    }
}


/* ===== mobile-subscribe-v260.css ===== */
/**
 * SphereNexus Editorial Pro v2.6.0
 * Keep the footer newsletter input and subscribe button on one mobile row.
 */

@media (max-width: 760px) {
    .footer-newsletter-strip__form,
    .footer-newsletter-strip__form .newsletter-form {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }

    .footer-newsletter-strip__form .newsletter-form {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        gap: 7px !important;
        align-items: center !important;
    }

    .footer-newsletter-strip__form .newsletter-form input[type="email"] {
        width: 100% !important;
        min-width: 0 !important;
        height: 44px !important;
        padding: 0 11px !important;
        font-size: 11px !important;
    }

    .footer-newsletter-strip__form .newsletter-form .sn-button {
        width: auto !important;
        min-width: 96px !important;
        min-height: 44px !important;
        margin: 0 !important;
        padding: 9px 12px !important;
        font-size: 9px !important;
        line-height: 1 !important;
        white-space: nowrap !important;
    }

    .footer-newsletter-strip__form .newsletter-form .form-status {
        grid-column: 1 / -1;
    }
}

@media (max-width: 370px) {
    .footer-newsletter-strip__form .newsletter-form {
        gap: 5px !important;
    }

    .footer-newsletter-strip__form .newsletter-form input[type="email"] {
        padding-inline: 9px !important;
        font-size: 10px !important;
    }

    .footer-newsletter-strip__form .newsletter-form .sn-button {
        min-width: 82px !important;
        padding-inline: 9px !important;
        font-size: 8px !important;
    }
}


/* ===== mobile-hero-v261.css ===== */
/**
 * SphereNexus Editorial Pro v2.6.1
 * Final mobile hero containment: one clean active slide in normal document flow.
 */
@media (max-width: 760px) {
    .homepage-main .sn-hero-v16-section {
        padding: 10px 0 18px !important;
        overflow: hidden !important;
    }

    .homepage-main .sn-hero-v16-grid {
        display: block !important;
        width: 100% !important;
    }

    .homepage-main .sn-hero-v16-featured,
    .homepage-main .sn-hero-v16-slides {
        display: block !important;
        position: relative !important;
        inset: auto !important;
        width: 100% !important;
        min-height: 0 !important;
        height: auto !important;
        max-height: none !important;
        overflow: hidden !important;
    }

    .homepage-main .sn-hero-v16-featured {
        border-radius: 0 !important;
        clip-path: polygon(0 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 14px 100%, 0 calc(100% - 14px)) !important;
    }

    .homepage-main .sn-hero-v16-featured::before,
    .homepage-main .sn-hero-v16-pattern {
        display: none !important;
    }

    .homepage-main .sn-hero-v16-slide,
    .homepage-main .sn-hero-v16-slide:not(.is-active) {
        display: none !important;
        position: absolute !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }

    .homepage-main .sn-hero-v16-slide.is-active {
        display: flex !important;
        position: relative !important;
        inset: auto !important;
        flex-direction: column !important;
        width: 100% !important;
        min-height: 0 !important;
        height: auto !important;
        visibility: visible !important;
        opacity: 1 !important;
        transform: none !important;
        pointer-events: auto !important;
    }

    .homepage-main .sn-hero-v16-slide.is-active .sn-hero-v16-slide__media {
        display: block !important;
        position: relative !important;
        order: 1 !important;
        width: 100% !important;
        height: 210px !important;
        min-height: 210px !important;
        overflow: hidden !important;
    }

    .homepage-main .sn-hero-v16-slide__media::after {
        background: linear-gradient(0deg, rgba(8, 31, 53, .1), transparent 38%) !important;
    }

    .homepage-main .sn-hero-v16-slide__media img {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        max-width: 100% !important;
        object-fit: cover !important;
        object-position: center !important;
        transform: none !important;
    }

    .homepage-main .sn-hero-v16-slide.is-active .sn-hero-v16-slide__content {
        display: flex !important;
        position: relative !important;
        inset: auto !important;
        order: 2 !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: flex-start !important;
        width: 100% !important;
        min-height: 0 !important;
        height: auto !important;
        padding: 20px 18px 18px !important;
        color: #0a2239 !important;
        background: #fff !important;
        transform: none !important;
    }

    .homepage-main .sn-hero-v16-title,
    .homepage-main .sn-hero-v16-title a {
        color: #0a2239 !important;
    }

    .homepage-main .sn-hero-v16-title {
        margin: 0 0 9px !important;
        font-size: 21px !important;
        line-height: 1.22 !important;
    }

    .homepage-main .sn-hero-v16-excerpt {
        margin: 0 0 14px !important;
        color: #5f7185 !important;
        font-size: 13px !important;
        line-height: 1.55 !important;
        -webkit-line-clamp: 3 !important;
    }

    .homepage-main .sn-hero-v16-actions {
        width: 100% !important;
        gap: 10px !important;
    }

    .homepage-main .sn-hero-v16-controller {
        position: relative !important;
        inset: auto !important;
        display: flex !important;
        justify-content: space-between !important;
        width: 100% !important;
        min-height: 48px !important;
        padding: 7px 18px 11px !important;
        border-top: 1px solid #e3ebef !important;
        background: #fff !important;
    }

    .homepage-main .sn-hero-v16-side {
        margin-top: 12px !important;
    }
}

@media (max-width: 410px) {
    .homepage-main .sn-hero-v16-slide.is-active .sn-hero-v16-slide__media {
        height: 195px !important;
        min-height: 195px !important;
    }

    .homepage-main .sn-hero-v16-slide.is-active .sn-hero-v16-slide__content {
        padding: 18px 16px 16px !important;
    }

    .homepage-main .sn-hero-v16-title {
        font-size: 20px !important;
    }
}


/* ===== live-marquee-v262.css ===== */
/* SphereNexus v2.6.2 — always-populated continuous Live News marquee. */
.live-update-bar--marquee .live-update-bar__inner {
    grid-template-columns: auto minmax(0, 1fr) auto;
}

.live-update-bar--marquee .live-update-viewport {
    height: 28px;
    overflow: hidden;
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 24px, #000 calc(100% - 24px), transparent);
    mask-image: linear-gradient(90deg, transparent, #000 24px, #000 calc(100% - 24px), transparent);
}

.live-news-marquee {
    width: max-content;
    min-width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    animation: spherenexusLiveMarquee var(--sn-ticker-duration, 36s) linear infinite;
    will-change: transform;
}

.live-news-marquee__group {
    min-width: max-content;
    height: 100%;
    display: flex;
    align-items: center;
}

.live-update-bar--marquee .live-update-item {
    position: relative;
    inset: auto;
    min-width: max-content;
    height: 100%;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 0 27px 0 0;
    margin: 0 22px 0 0;
    color: #e7f0f5;
    opacity: 1;
    visibility: visible;
    transform: none;
    transition: color .2s ease;
    white-space: nowrap;
}

.live-update-bar--marquee .live-update-item::after {
    content: "";
    position: absolute;
    right: 0;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #31bdb6;
    box-shadow: 0 0 0 4px rgba(49, 189, 182, .12);
}

.live-update-bar--marquee .live-update-item__title {
    max-width: none;
    overflow: visible;
    text-overflow: clip;
}

.live-update-bar--marquee:hover .live-news-marquee,
.live-update-bar--marquee:focus-within .live-news-marquee {
    animation-play-state: paused;
}

@keyframes spherenexusLiveMarquee {
    from { transform: translate3d(0, 0, 0); }
    to { transform: translate3d(-50%, 0, 0); }
}

@media (max-width: 820px) {
    .live-update-bar--marquee .live-update-bar__inner {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .live-update-bar--marquee .live-update-viewport {
        height: 26px;
        -webkit-mask-image: linear-gradient(90deg, transparent, #000 13px, #000 calc(100% - 13px), transparent);
        mask-image: linear-gradient(90deg, transparent, #000 13px, #000 calc(100% - 13px), transparent);
    }

    .live-update-bar--marquee .live-update-item {
        gap: 7px;
        margin-right: 17px;
        padding-right: 22px;
    }

    .live-update-bar--marquee .live-update-item__category,
    .live-update-bar--marquee .live-update-item__time {
        display: inline-block;
    }
}

@media (max-width: 520px) {
    .live-update-bar--marquee .live-update-badge {
        width: auto;
        min-width: 72px;
        justify-content: flex-start;
        padding: 6px 14px 6px 9px;
    }

    .live-update-bar--marquee .live-update-badge span:last-child {
        display: inline;
    }

    .live-update-bar--marquee .live-update-item__category,
    .live-update-bar--marquee .live-update-item__time {
        display: none;
    }

    .live-update-bar--marquee .live-update-item__title {
        font-size: 10px;
        font-weight: 600;
    }
}

@media (prefers-reduced-motion: reduce) {
    .live-news-marquee {
        width: 100%;
        animation: none;
    }

    .live-news-marquee__group:first-child {
        min-width: 0;
        overflow: hidden;
    }

    .live-news-marquee__group[aria-hidden="true"] {
        display: none;
    }
}


/* ===== mobile-hero-v263.css ===== */
/**
 * SphereNexus Editorial Pro v2.6.3
 * Final compact mobile hero and supporting-story grid.
 */
@media (max-width: 760px) {
    .homepage-main .sn-hero-v16-section {
        width: 100% !important;
        padding: 12px 0 24px !important;
        overflow: clip !important;
        background: linear-gradient(180deg, #f8fbfc 0%, #ffffff 100%) !important;
    }

    .homepage-main .sn-hero-v16-section > .sn-container {
        display: block !important;
        width: min(calc(100% - 24px), var(--sn-container)) !important;
        max-width: 100% !important;
        height: auto !important;
        margin-inline: auto !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    .homepage-main .sn-hero-v16-grid {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 14px !important;
        width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
        overflow: visible !important;
    }

    .homepage-main .sn-hero-v16-featured,
    .homepage-main .sn-hero-v16-slides {
        display: block !important;
        position: relative !important;
        inset: auto !important;
        width: 100% !important;
        min-width: 0 !important;
        min-height: 0 !important;
        height: auto !important;
        max-height: none !important;
        overflow: hidden !important;
    }

    .homepage-main .sn-hero-v16-featured {
        border: 1px solid #dce6ec !important;
        border-radius: 5px 19px 5px 19px !important;
        clip-path: none !important;
        background: #fff !important;
        box-shadow: 0 13px 32px rgba(7, 27, 49, .09) !important;
    }

    .homepage-main .sn-hero-v16-featured::before,
    .homepage-main .sn-hero-v16-pattern {
        display: none !important;
    }

    .homepage-main .sn-hero-v16-slide,
    .homepage-main .sn-hero-v16-slide:not(.is-active) {
        display: none !important;
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }

    .homepage-main .sn-hero-v16-slide.is-active {
        display: grid !important;
        position: relative !important;
        inset: auto !important;
        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-rows: 205px auto !important;
        width: 100% !important;
        min-width: 0 !important;
        min-height: 0 !important;
        height: auto !important;
        visibility: visible !important;
        opacity: 1 !important;
        transform: none !important;
        pointer-events: auto !important;
    }

    .homepage-main .sn-hero-v16-slide.is-active .sn-hero-v16-slide__media {
        display: block !important;
        position: relative !important;
        grid-row: 1 !important;
        order: initial !important;
        width: 100% !important;
        min-width: 0 !important;
        height: 205px !important;
        min-height: 205px !important;
        overflow: hidden !important;
        background: #eaf1f4 !important;
    }

    .homepage-main .sn-hero-v16-slide__media::after {
        background: linear-gradient(0deg, rgba(7, 27, 49, .12), transparent 46%) !important;
    }

    .homepage-main .sn-hero-v16-slide__media img {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        max-width: 100% !important;
        object-fit: cover !important;
        object-position: center !important;
        transform: none !important;
    }

    .homepage-main .sn-hero-v16-slide.is-active .sn-hero-v16-slide__content {
        display: flex !important;
        position: relative !important;
        inset: auto !important;
        grid-row: 2 !important;
        order: initial !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: flex-start !important;
        width: 100% !important;
        min-width: 0 !important;
        min-height: 0 !important;
        height: auto !important;
        padding: 17px 16px 16px !important;
        color: #092139 !important;
        background: #fff !important;
        transform: none !important;
    }

    .homepage-main .sn-hero-v16-eyebrow {
        display: none !important;
    }

    .homepage-main .sn-hero-v16-category {
        max-width: 100% !important;
        margin: 0 0 7px !important;
        overflow: hidden !important;
        color: #087d79 !important;
        font-size: 8px !important;
        line-height: 1.3 !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    .homepage-main .sn-hero-v16-title,
    .homepage-main .sn-hero-v16-title a {
        max-width: 100% !important;
        color: #092139 !important;
        overflow-wrap: anywhere !important;
    }

    .homepage-main .sn-hero-v16-title {
        display: -webkit-box !important;
        margin: 0 0 8px !important;
        overflow: hidden !important;
        font-size: clamp(18px, 5vw, 21px) !important;
        font-weight: 600 !important;
        line-height: 1.23 !important;
        letter-spacing: -.02em !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 3 !important;
    }

    .homepage-main .sn-hero-v16-excerpt {
        display: -webkit-box !important;
        max-width: 100% !important;
        margin: 0 0 12px !important;
        overflow: hidden !important;
        color: #647589 !important;
        font-size: 12px !important;
        line-height: 1.5 !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 2 !important;
    }

    .homepage-main .sn-hero-v16-actions {
        display: flex !important;
        width: 100% !important;
        min-width: 0 !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        gap: 8px 10px !important;
    }

    .homepage-main .sn-hero-v16-actions .sn-button {
        min-height: 35px !important;
        padding: 8px 12px !important;
        border-radius: 4px 11px 4px 11px !important;
        font-size: 9px !important;
        font-weight: 500 !important;
    }

    .homepage-main .sn-hero-v16-actions .sn-hero-v16-meta {
        width: auto !important;
        min-width: 0 !important;
        font-size: 8.5px !important;
    }

    .homepage-main .sn-hero-v16-controller {
        position: relative !important;
        inset: auto !important;
        display: flex !important;
        width: 100% !important;
        min-height: 43px !important;
        justify-content: space-between !important;
        align-items: center !important;
        padding: 6px 14px 8px !important;
        border-top: 1px solid #e6edf1 !important;
        background: #fff !important;
    }

    .homepage-main .sn-hero-v16-counter {
        display: none !important;
    }

    .homepage-main .sn-hero-v16-dots {
        max-width: calc(100% - 80px) !important;
        overflow: hidden !important;
    }

    .homepage-main .sn-hero-v16-arrow {
        width: 29px !important;
        height: 29px !important;
    }

    .homepage-main .sn-hero-v16-side {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-template-rows: none !important;
        gap: 10px !important;
        width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
        max-height: none !important;
        margin: 0 !important;
        overflow: visible !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    .homepage-main .sn-hero-v16-side-card,
    .homepage-main .sn-hero-v16-side-card:nth-child(n) {
        display: grid !important;
        grid-template-rows: 100px auto !important;
        width: 100% !important;
        min-width: 0 !important;
        min-height: 190px !important;
        height: auto !important;
        margin: 0 !important;
        overflow: hidden !important;
        border: 1px solid #dde6ec !important;
        border-radius: 4px 14px 4px 14px !important;
        clip-path: none !important;
        background: #fff !important;
        box-shadow: 0 8px 22px rgba(7, 27, 49, .06) !important;
        visibility: visible !important;
        opacity: 1 !important;
        transform: none !important;
    }

    .homepage-main .sn-hero-v16-side-card__image {
        display: block !important;
        position: relative !important;
        width: 100% !important;
        min-width: 0 !important;
        height: 100px !important;
        overflow: hidden !important;
    }

    .homepage-main .sn-hero-v16-side-card__image img {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        max-width: 100% !important;
        object-fit: cover !important;
        object-position: center !important;
    }

    .homepage-main .sn-hero-v16-side-card__category {
        left: 7px !important;
        right: 7px !important;
        bottom: 7px !important;
        width: fit-content !important;
        max-width: calc(100% - 14px) !important;
        padding: 4px 6px !important;
        font-size: 6.5px !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    .homepage-main .sn-hero-v16-side-card__body {
        display: flex !important;
        min-width: 0 !important;
        padding: 9px !important;
    }

    .homepage-main .sn-hero-v16-side-card h2 {
        display: -webkit-box !important;
        margin: 0 0 7px !important;
        overflow: hidden !important;
        font-size: 11.5px !important;
        font-weight: 600 !important;
        line-height: 1.35 !important;
        overflow-wrap: anywhere !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 3 !important;
    }

    .homepage-main .sn-hero-v16-side-card__footer {
        gap: 5px !important;
        width: 100% !important;
        min-width: 0 !important;
    }

    .homepage-main .sn-hero-v16-side-date {
        display: none !important;
    }

    .homepage-main .sn-hero-v16-side-card .sn-read-more-link {
        max-width: 100% !important;
        overflow: hidden !important;
        font-size: 8px !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }
}

@media (max-width: 380px) {
    .homepage-main .sn-hero-v16-section > .sn-container {
        width: min(calc(100% - 18px), var(--sn-container)) !important;
    }

    .homepage-main .sn-hero-v16-slide.is-active {
        grid-template-rows: 188px auto !important;
    }

    .homepage-main .sn-hero-v16-slide.is-active .sn-hero-v16-slide__media {
        height: 188px !important;
        min-height: 188px !important;
    }

    .homepage-main .sn-hero-v16-slide.is-active .sn-hero-v16-slide__content {
        padding: 15px 13px 14px !important;
    }

    .homepage-main .sn-hero-v16-title {
        font-size: 18px !important;
    }

    .homepage-main .sn-hero-v16-side {
        gap: 8px !important;
    }

    .homepage-main .sn-hero-v16-side-card,
    .homepage-main .sn-hero-v16-side-card:nth-child(n) {
        grid-template-rows: 88px auto !important;
        min-height: 178px !important;
    }

    .homepage-main .sn-hero-v16-side-card__image {
        height: 88px !important;
    }

    .homepage-main .sn-hero-v16-side-card h2 {
        font-size: 10.5px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .homepage-main .sn-hero-v16-slide,
    .homepage-main .sn-hero-v16-slide__media img,
    .homepage-main .sn-hero-v16-side-card,
    .homepage-main .sn-hero-v16-side-card__image img {
        transition: none !important;
    }
}


/* ===== final-fixes-v264.css ===== */
/**
 * SphereNexus Editorial Pro v2.6.4
 * Definitive hero state isolation and light, slower Live News presentation.
 */

/* Never allow inactive slider stories to ghost behind the active story. */
.homepage-main .sn-hero-v16-slide[hidden],
.homepage-main .sn-hero-v16-slide[aria-hidden="true"],
.homepage-main .sn-hero-v16-slide:not(.is-active) {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    z-index: -1 !important;
}

.homepage-main .sn-hero-v16-slide.is-active:not([hidden]),
.homepage-main .sn-hero-v16-slide.is-active[aria-hidden="false"] {
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    z-index: 2 !important;
}

/* Light professional Live News strip. */
.site-header--cut .live-update-bar.live-update-bar--marquee {
    color: #24425a !important;
    background:
        linear-gradient(90deg, rgba(21, 160, 151, .085), transparent 38%),
        #f5fafb !important;
    border-top: 1px solid #e3ecef !important;
    border-bottom: 1px solid #dce7eb !important;
    box-shadow: 0 5px 16px rgba(7, 27, 49, .035) !important;
}

.site-header--cut .live-update-bar--marquee .live-update-badge {
    color: #fff !important;
    background: linear-gradient(135deg, #159f98, #087a75) !important;
}

.site-header--cut .live-update-bar--marquee .live-update-item,
.site-header--cut .live-update-bar--marquee .live-update-item:hover {
    color: #1b3850 !important;
}

.site-header--cut .live-update-bar--marquee .live-update-item__category {
    color: #087f7a !important;
}

.site-header--cut .live-update-bar--marquee .live-update-item__time {
    color: #78909f !important;
}

.site-header--cut .live-update-bar--marquee .live-update-meta {
    border-left-color: #d4e2e7 !important;
}

.site-header--cut .live-update-bar--marquee .live-update-meta,
.site-header--cut .live-update-bar--marquee .live-update-meta a {
    color: #526d80 !important;
}

.site-header--cut .live-update-bar--marquee .live-update-meta a:hover {
    color: #087f7a !important;
}

@media (min-width: 761px) {
    .homepage-main .sn-hero-v16-slide.is-active:not([hidden]),
    .homepage-main .sn-hero-v16-slide.is-active[aria-hidden="false"] {
        display: grid !important;
        position: absolute !important;
        inset: 0 !important;
    }
}

@media (max-width: 760px) {
    html,
    body,
    .homepage-main,
    .homepage-main .sn-hero-v16-section {
        max-width: 100% !important;
        overflow-x: clip !important;
    }

    .homepage-main .sn-hero-v16-section > .sn-container {
        width: calc(100% - 24px) !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        padding: 0 !important;
    }

    .homepage-main .sn-hero-v16-grid,
    .homepage-main .sn-hero-v16-featured,
    .homepage-main .sn-hero-v16-slides,
    .homepage-main .sn-hero-v16-slide.is-active,
    .homepage-main .sn-hero-v16-side {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    .homepage-main .sn-hero-v16-featured,
    .homepage-main .sn-hero-v16-slides {
        display: block !important;
        position: relative !important;
        min-height: 0 !important;
        height: auto !important;
        max-height: none !important;
        overflow: hidden !important;
    }

    .homepage-main .sn-hero-v16-slide.is-active:not([hidden]),
    .homepage-main .sn-hero-v16-slide.is-active[aria-hidden="false"] {
        display: grid !important;
        position: relative !important;
        inset: auto !important;
        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-rows: 200px auto !important;
        min-height: 0 !important;
        height: auto !important;
        transform: none !important;
    }

    .homepage-main .sn-hero-v16-slide.is-active .sn-hero-v16-slide__media {
        display: block !important;
        position: relative !important;
        grid-column: 1 !important;
        grid-row: 1 !important;
        width: 100% !important;
        min-width: 0 !important;
        height: 200px !important;
        min-height: 200px !important;
        overflow: hidden !important;
    }

    .homepage-main .sn-hero-v16-slide.is-active .sn-hero-v16-slide__media img {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        max-width: 100% !important;
        object-fit: cover !important;
        object-position: center !important;
        transform: none !important;
    }

    .homepage-main .sn-hero-v16-slide.is-active .sn-hero-v16-slide__content {
        display: flex !important;
        position: relative !important;
        grid-column: 1 !important;
        grid-row: 2 !important;
        width: 100% !important;
        min-width: 0 !important;
        min-height: 0 !important;
        height: auto !important;
        padding: 16px 15px 15px !important;
        overflow: hidden !important;
        color: #092139 !important;
        background: #fff !important;
    }

    .homepage-main .sn-hero-v16-title,
    .homepage-main .sn-hero-v16-title a,
    .homepage-main .sn-hero-v16-excerpt {
        max-width: 100% !important;
        overflow-wrap: anywhere !important;
        word-break: normal !important;
    }

    .homepage-main .sn-hero-v16-title {
        font-size: clamp(18px, 5vw, 20px) !important;
        line-height: 1.23 !important;
        -webkit-line-clamp: 3 !important;
    }

    .homepage-main .sn-hero-v16-excerpt {
        font-size: 12px !important;
        line-height: 1.48 !important;
        -webkit-line-clamp: 2 !important;
    }

    .homepage-main .sn-hero-v16-controller {
        position: relative !important;
        inset: auto !important;
        width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    .homepage-main .sn-hero-v16-side {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-auto-rows: auto !important;
        gap: 10px !important;
        margin: 0 !important;
        overflow: visible !important;
    }

    .homepage-main .sn-hero-v16-side-card,
    .homepage-main .sn-hero-v16-side-card:nth-child(n) {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    .homepage-main .sn-hero-v16-side-card h2,
    .homepage-main .sn-hero-v16-side-card h2 a {
        max-width: 100% !important;
        overflow-wrap: anywhere !important;
    }

    .site-header--cut .live-update-bar--marquee .live-update-bar__inner {
        width: calc(100% - 18px) !important;
        max-width: 100% !important;
        margin-inline: auto !important;
    }
}

@media (max-width: 380px) {
    .homepage-main .sn-hero-v16-section > .sn-container {
        width: calc(100% - 18px) !important;
    }

    .homepage-main .sn-hero-v16-slide.is-active:not([hidden]),
    .homepage-main .sn-hero-v16-slide.is-active[aria-hidden="false"] {
        grid-template-rows: 184px auto !important;
    }

    .homepage-main .sn-hero-v16-slide.is-active .sn-hero-v16-slide__media {
        height: 184px !important;
        min-height: 184px !important;
    }

    .homepage-main .sn-hero-v16-side {
        gap: 8px !important;
    }
}


/* ===== mobile-hero-v265.css ===== */
/**
 * SphereNexus Editorial Pro v2.6.5
 * Mobile hero hard reset: one active slide, natural document flow, no overlap.
 */
@media (max-width: 760px) {
    .homepage-main .sn-hero-v16-section {
        padding: 12px 0 24px !important;
        overflow: hidden !important;
    }

    .homepage-main .sn-hero-v16-section > .sn-container {
        width: calc(100% - 24px) !important;
        max-width: 100% !important;
        margin-inline: auto !important;
        padding: 0 !important;
    }

    .homepage-main .sn-hero-v16-grid {
        display: flex !important;
        flex-direction: column !important;
        gap: 14px !important;
        width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
    }

    .homepage-main .sn-hero-v16-featured {
        display: flex !important;
        position: relative !important;
        flex-direction: column !important;
        width: 100% !important;
        min-width: 0 !important;
        min-height: 0 !important;
        height: auto !important;
        overflow: hidden !important;
        border: 1px solid #dce6ec !important;
        border-radius: 5px 19px 5px 19px !important;
        background: #fff !important;
        box-shadow: 0 13px 32px rgba(7, 27, 49, .09) !important;
        clip-path: none !important;
    }

    .homepage-main .sn-hero-v16-featured::before,
    .homepage-main .sn-hero-v16-pattern {
        display: none !important;
    }

    .homepage-main .sn-hero-v16-slides {
        display: block !important;
        position: relative !important;
        width: 100% !important;
        min-width: 0 !important;
        min-height: 0 !important;
        height: auto !important;
        overflow: hidden !important;
    }

    .homepage-main .sn-hero-v16-slide,
    .homepage-main .sn-hero-v16-slide[hidden],
    .homepage-main .sn-hero-v16-slide[aria-hidden="true"],
    .homepage-main .sn-hero-v16-slide:not(.is-active) {
        display: none !important;
        position: static !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }

    .homepage-main .sn-hero-v16-slide.is-active,
    .homepage-main .sn-hero-v16-slide.is-active:not([hidden]),
    .homepage-main .sn-hero-v16-slide.is-active[aria-hidden="false"] {
        display: flex !important;
        position: relative !important;
        inset: auto !important;
        flex-direction: column !important;
        width: 100% !important;
        min-width: 0 !important;
        min-height: 0 !important;
        height: auto !important;
        visibility: visible !important;
        opacity: 1 !important;
        transform: none !important;
        pointer-events: auto !important;
        z-index: 1 !important;
    }

    .homepage-main .sn-hero-v16-slide.is-active .sn-hero-v16-slide__media {
        display: block !important;
        position: relative !important;
        inset: auto !important;
        order: 1 !important;
        width: 100% !important;
        min-width: 0 !important;
        height: 205px !important;
        min-height: 205px !important;
        flex: 0 0 205px !important;
        overflow: hidden !important;
        background: #eaf1f4 !important;
    }

    .homepage-main .sn-hero-v16-slide.is-active .sn-hero-v16-slide__media img {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        max-width: 100% !important;
        object-fit: cover !important;
        object-position: center !important;
        transform: none !important;
    }

    .homepage-main .sn-hero-v16-slide.is-active .sn-hero-v16-slide__content {
        display: flex !important;
        position: relative !important;
        inset: auto !important;
        order: 2 !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        width: 100% !important;
        min-width: 0 !important;
        min-height: 0 !important;
        height: auto !important;
        padding: 16px 15px 15px !important;
        overflow: visible !important;
        color: #092139 !important;
        background: #fff !important;
        transform: none !important;
        box-sizing: border-box !important;
    }

    .homepage-main .sn-hero-v16-title {
        display: -webkit-box !important;
        margin: 0 0 8px !important;
        max-width: 100% !important;
        overflow: hidden !important;
        color: #092139 !important;
        font-size: clamp(18px, 5vw, 20px) !important;
        font-weight: 600 !important;
        line-height: 1.24 !important;
        overflow-wrap: anywhere !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 3 !important;
    }

    .homepage-main .sn-hero-v16-title a { color: inherit !important; }

    .homepage-main .sn-hero-v16-excerpt {
        display: -webkit-box !important;
        margin: 0 0 12px !important;
        max-width: 100% !important;
        overflow: hidden !important;
        color: #647589 !important;
        font-size: 12px !important;
        line-height: 1.5 !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 2 !important;
    }

    .homepage-main .sn-hero-v16-actions {
        display: flex !important;
        width: 100% !important;
        min-width: 0 !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        gap: 8px 10px !important;
    }

    .homepage-main .sn-hero-v16-controller {
        display: flex !important;
        position: relative !important;
        inset: auto !important;
        flex: 0 0 auto !important;
        width: 100% !important;
        min-width: 0 !important;
        min-height: 43px !important;
        margin: 0 !important;
        padding: 6px 14px 8px !important;
        justify-content: space-between !important;
        align-items: center !important;
        border-top: 1px solid #e6edf1 !important;
        background: #fff !important;
        box-sizing: border-box !important;
        z-index: 3 !important;
    }

    .homepage-main .sn-hero-v16-side {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-auto-rows: auto !important;
        gap: 10px !important;
        width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
        margin: 0 !important;
        overflow: visible !important;
    }

    .homepage-main .sn-hero-v16-side-card,
    .homepage-main .sn-hero-v16-side-card:nth-child(n) {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 190px !important;
        box-sizing: border-box !important;
    }
}

@media (max-width: 380px) {
    .homepage-main .sn-hero-v16-section > .sn-container { width: calc(100% - 18px) !important; }
    .homepage-main .sn-hero-v16-slide.is-active .sn-hero-v16-slide__media {
        height: 184px !important;
        min-height: 184px !important;
        flex-basis: 184px !important;
    }
    .homepage-main .sn-hero-v16-side { gap: 8px !important; }
}


/* ===== mobile-layer-fix-v266.css ===== */
/**
 * SphereNexus Editorial Pro v2.6.6
 * Mobile stacking-context repair: keep later editorial cards inside their section
 * so they cannot escape and cover the homepage hero.
 */
@media (max-width: 940px) {
    .homepage-main .sn-editor-v24-section .sn-editor-v22-feature {
        display: block !important;
        position: relative !important;
        inset: auto !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;
        width: 100% !important;
        max-width: 100% !important;
        min-height: 365px !important;
        margin: 0 0 12px !important;
        overflow: hidden !important;
        isolation: isolate !important;
        transform: none !important;
        z-index: 0 !important;
        box-sizing: border-box !important;
    }

    .homepage-main .sn-editor-v24-section .sn-editor-v22-feature__media {
        display: block !important;
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        max-width: none !important;
        object-fit: cover !important;
        object-position: center !important;
        z-index: -2 !important;
    }

    .homepage-main .sn-editor-v24-section .sn-editor-v22-feature::before {
        position: absolute !important;
        inset: 0 !important;
        z-index: -1 !important;
    }

    .homepage-main .sn-editor-v24-section .sn-editor-v22-feature__link {
        position: absolute !important;
        inset: 0 !important;
        z-index: 1 !important;
    }

    .homepage-main .sn-editor-v24-section .sn-editor-v22-feature__copy {
        position: absolute !important;
        inset: auto 0 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        z-index: 2 !important;
        box-sizing: border-box !important;
    }

    .homepage-main .sn-editor-v24-section,
    .homepage-main .sn-editor-v24-section > .sn-container,
    .homepage-main .sn-editor-v24-section .sn-editor-v22-layout,
    .homepage-main .sn-editor-v24-section .sn-editor-v22-panel,
    .homepage-main .sn-editor-v24-section .sn-editor-v22-content {
        position: relative !important;
        z-index: auto !important;
    }
}

@media (max-width: 560px) {
    .homepage-main .sn-editor-v24-section .sn-editor-v22-feature {
        min-height: 350px !important;
    }
}


/* ===== geo-ai-v270.css ===== */
/* SphereNexus GEO additions. These styles only affect optional verified-data blocks. */
.sn-single-v23-deck.sn-geo-summary{max-width:820px}.sn-single-v23-meta-group .sn-geo-updated{color:var(--sn-accent,#3155c8)}.sn-geo-takeaways,.sn-geo-faq,.sn-geo-fact-check,.sn-geo-source{margin:24px 0;padding:22px;border:1px solid rgba(25,42,72,.13);border-radius:16px;background:#f8fafc}.sn-geo-takeaways h2,.sn-geo-faq h2{margin:4px 0 12px;font-size:22px}.sn-geo-takeaways ul{margin:0;padding-left:20px}.sn-geo-takeaways li+li{margin-top:8px}.sn-geo-fact-check{border-left:4px solid #3155c8}.sn-geo-fact-check p{margin:7px 0 0}.sn-geo-source{display:flex;align-items:center;gap:10px;padding:14px 18px}.sn-geo-source a{overflow-wrap:anywhere}.sn-geo-faq__items{display:grid;gap:10px}.sn-geo-faq details{border:1px solid rgba(25,42,72,.11);border-radius:12px;background:#fff;padding:0 15px}.sn-geo-faq summary{cursor:pointer;font-weight:600;padding:14px 0}.sn-geo-faq details p{margin:0;padding:0 0 15px}.sn-single-v23-hero img{height:auto;aspect-ratio:auto}@media(max-width:767px){.sn-geo-takeaways,.sn-geo-faq,.sn-geo-fact-check{padding:17px}.sn-geo-source{align-items:flex-start;flex-direction:column;gap:5px}}