:root {
  --sl78-bg: #080b1c;
  --sl78-bg-soft: #0d1230;
  --sl78-surface: #11172e;
  --sl78-surface-2: #171f3c;
  --sl78-primary: #7c5cff;
  --sl78-primary-soft: #b6a6ff;
  --sl78-secondary: #13c8b0;
  --sl78-accent: #ffb547;
  --sl78-rose: #ff5d8f;
  --sl78-text: #f7f8ff;
  --sl78-muted: #adb6d8;
  --sl78-border: rgba(173, 182, 216, .2);
  --sl78-border-strong: rgba(182, 166, 255, .42);
  --sl78-shadow: 0 24px 70px rgba(1, 4, 18, .34);
  --sl78-shadow-soft: 0 14px 38px rgba(1, 4, 18, .24);
  --sl78-radius: 22px;
  --sl78-radius-sm: 14px;
  --sl78-container: 1180px;
  --sl78-header-height: 76px;
  --sl78-safe-top: 0px;
  --sl78-safe-top: env(safe-area-inset-top, 0px);
  --sl78-header-total-height: calc(var(--sl78-header-height) + var(--sl78-safe-top));
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: calc(var(--sl78-header-total-height) + 18px); overflow-x: hidden; }
body {
  margin: 0;
  padding-top: var(--sl78-header-total-height);
  min-width: 320px;
  overflow-x: hidden;
  background:
    radial-gradient(circle at 12% -4%, rgba(124, 92, 255, .2), transparent 32rem),
    radial-gradient(circle at 93% 12%, rgba(19, 200, 176, .12), transparent 29rem),
    var(--sl78-bg);
  color: var(--sl78-text);
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  font-size: 16px;
  line-height: 1.72;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}
.sl78-lang-hi {
  font-family: "Noto Sans Devanagari", "Noto Sans", Mangal, system-ui, sans-serif;
  line-height: 1.82;
}
img { display: block; width: 100%; max-width: 100%; height: auto; }
a { color: var(--sl78-primary-soft); text-decoration-thickness: .08em; text-underline-offset: .18em; }
a:hover { color: #fff; }
button, input, textarea, select { font: inherit; }
button { color: inherit; }
[hidden] { display: none !important; }
body.sl78-drawer-open { overflow: hidden; }
.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 { z-index: 100000; top: 8px; left: 8px; width: auto; height: auto; padding: 12px 16px; margin: 0; overflow: visible; clip: auto; white-space: normal; border-radius: 10px; background: #fff; color: #080b1c; }
.sl78-muted { color: var(--sl78-muted); }
.sl78-top-gap { margin-top: 24px; }

.sl78-container { width: min(calc(100% - 32px), var(--sl78-container)); margin-inline: auto; min-width: 0; }
.sl78-main { min-height: 60vh; }
.sl78-section { padding: 78px 0; position: relative; }
.sl78-section-tight { padding: 30px 0; }
.sl78-section-soft { background: linear-gradient(180deg, rgba(17, 23, 46, .4), rgba(17, 23, 46, .74)); border-block: 1px solid rgba(173, 182, 216, .1); }
.sl78-section-title { max-width: 760px; margin-bottom: 34px; }
.sl78-section-title h2, .sl78-prose-section h2 { margin: 0 0 14px; font-size: clamp(1.65rem, 3.2vw, 2.65rem); line-height: 1.18; letter-spacing: -.025em; }
.sl78-section-title p { margin: 0; color: var(--sl78-muted); font-size: 1.04rem; }
.sl78-eyebrow { margin: 0 0 12px; color: var(--sl78-accent); font-weight: 800; letter-spacing: .09em; text-transform: uppercase; font-size: .78rem; }
.sl78-lang-hi .sl78-eyebrow { letter-spacing: .02em; text-transform: none; }
.sl78-lead { color: #dbe0f7; font-size: clamp(1.05rem, 1.8vw, 1.22rem); max-width: 66ch; }

.sl78-skip-link { position: fixed; z-index: 9999; left: 12px; top: calc(var(--sl78-safe-top) + 12px); transform: translateY(-180%); padding: 10px 16px; border-radius: 10px; background: #fff; color: #080b1c; }
.sl78-skip-link:focus { transform: none; }
:focus-visible { outline: 3px solid var(--sl78-accent); outline-offset: 3px; }

.sl78-site-header { position: fixed; z-index: 1000; top: 0; right: 0; left: 0; height: var(--sl78-header-total-height); border-bottom: 1px solid rgba(173, 182, 216, .18); background: rgba(8, 11, 28, .92); box-shadow: 0 10px 32px rgba(1, 4, 18, .22); -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px); }
.sl78-header-shell { width: min(calc(100% - 28px), 1260px); height: 100%; margin: auto; padding-top: var(--sl78-safe-top); display: flex; align-items: center; gap: 24px; min-width: 0; }
.sl78-brand { display: inline-flex; align-items: center; gap: 10px; flex: 0 0 auto; color: #fff; text-decoration: none; min-width: 0; }
.sl78-brand-image { width: 48px; height: 48px; object-fit: cover; object-position: center; border-radius: 12px; }
.sl78-wordmark { white-space: nowrap; font-weight: 900; letter-spacing: -.02em; font-size: 1.08rem; }
.sl78-desktop-nav { min-width: 0; margin-inline: auto; }
.sl78-desktop-nav > ul { display: flex; align-items: center; justify-content: center; gap: 2px; margin: 0; padding: 0; list-style: none; }
.sl78-desktop-nav a, .sl78-nav-dropdown-toggle { display: flex; align-items: center; gap: 4px; min-height: 44px; padding: 8px 10px; border: 0; border-radius: 10px; background: transparent; color: var(--sl78-muted); text-decoration: none; font-size: .9rem; white-space: nowrap; cursor: pointer; }
.sl78-desktop-nav a:hover, .sl78-desktop-nav a[aria-current="page"], .sl78-nav-dropdown-toggle:hover, .sl78-nav-dropdown-toggle[aria-expanded="true"] { color: #fff; background: rgba(124, 92, 255, .13); }
.sl78-nav-dropdown { position: relative; }
.sl78-nav-submenu { position: absolute; left: 50%; top: calc(100% + 8px); width: 190px; margin: 0; padding: 8px; list-style: none; border: 1px solid var(--sl78-border); border-radius: 14px; background: #11172e; box-shadow: var(--sl78-shadow); opacity: 0; visibility: hidden; transform: translate(-50%, -6px); transition: opacity .18s ease, transform .18s ease, visibility .18s; }
.sl78-nav-submenu a { width: 100%; justify-content: flex-start; }
.sl78-nav-dropdown.is-open .sl78-nav-submenu, .sl78-nav-dropdown:focus-within .sl78-nav-submenu { opacity: 1; visibility: visible; transform: translate(-50%, 0); }
.sl78-header-actions { display: flex; align-items: center; gap: 10px; flex: 0 0 auto; }
.sl78-language-link { display: inline-flex; align-items: center; justify-content: center; min-height: 42px; padding: 8px 12px; border: 1px solid var(--sl78-border); border-radius: 999px; color: #fff; text-decoration: none; font-weight: 750; font-size: .88rem; }
.sl78-language-link:hover { border-color: var(--sl78-secondary); background: rgba(19, 200, 176, .1); }
.sl78-button { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; max-width: 100%; padding: 11px 20px; border: 1px solid transparent; border-radius: 999px; font-weight: 850; line-height: 1.25; text-align: center; text-decoration: none; overflow-wrap: anywhere; transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
.sl78-button-primary { color: #0b0d1c; background: linear-gradient(125deg, var(--sl78-accent), #ffd78a 46%, #ff8fae); box-shadow: 0 12px 28px rgba(255, 181, 71, .17); }
.sl78-button-secondary { color: #fff; border-color: var(--sl78-border-strong); background: rgba(124, 92, 255, .1); }
.sl78-menu-toggle { display: none; width: 44px; height: 44px; padding: 10px; border: 1px solid var(--sl78-border); border-radius: 12px; background: var(--sl78-surface); cursor: pointer; }
.sl78-menu-toggle span { display: block; height: 2px; margin: 4px 0; border-radius: 3px; background: #fff; }

.sl78-drawer-overlay { position: fixed; z-index: 1090; inset: 0; background: rgba(2, 4, 14, .72); backdrop-filter: blur(4px); }
.sl78-mobile-drawer { position: fixed; z-index: 1100; inset: 0 0 0 auto; width: min(100%, 430px); height: 100vh; height: 100dvh; max-width: 100%; padding: calc(20px + var(--sl78-safe-top)) clamp(18px, 5vw, 30px) max(26px, env(safe-area-inset-bottom)); overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; background: linear-gradient(160deg, #121833, #080b1c 74%); border-left: 1px solid var(--sl78-border); transform: translateX(102%); visibility: hidden; transition: transform .24s ease, visibility .24s; }
.sl78-mobile-drawer.is-open { transform: none; visibility: visible; }
.sl78-drawer-top { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 18px; }
.sl78-drawer-close { width: 46px; height: 46px; border: 1px solid var(--sl78-border); border-radius: 12px; background: var(--sl78-surface-2); font-size: 1.8rem; line-height: 1; cursor: pointer; }
.sl78-drawer-language { display: flex; justify-content: center; width: 100%; margin-bottom: 18px; padding: 11px 14px; border: 1px solid var(--sl78-border-strong); border-radius: 12px; background: rgba(124, 92, 255, .1); color: #fff; font-weight: 800; text-decoration: none; }
.sl78-mobile-nav ul { margin: 0; padding: 0; list-style: none; }
.sl78-mobile-nav > ul > li { border-bottom: 1px solid rgba(173, 182, 216, .12); }
.sl78-mobile-nav a, .sl78-mobile-prediction > button { display: flex; align-items: center; justify-content: space-between; width: 100%; min-width: 0; min-height: 52px; padding: 12px 8px; border: 0; background: transparent; color: #f7f8ff; text-align: left; text-decoration: none; overflow-wrap: anywhere; cursor: pointer; }
.sl78-mobile-nav a[aria-current="page"] { color: var(--sl78-accent); }
.sl78-mobile-prediction ul { padding: 0 0 10px 16px; }
.sl78-mobile-prediction ul a { min-height: 44px; color: var(--sl78-muted); }
.sl78-drawer-cta { width: 100%; margin-top: 24px; }

.sl78-hero { position: relative; min-height: 690px; padding: 84px 0 72px; display: grid; align-items: center; overflow: hidden; }
.sl78-hero::before { content: ""; position: absolute; inset: 8% auto auto 50%; width: 44vw; height: 44vw; max-width: 620px; max-height: 620px; border-radius: 50%; background: radial-gradient(circle, rgba(124, 92, 255, .2), transparent 66%); pointer-events: none; }
.sl78-hero-grid { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(320px, .92fr); align-items: center; gap: clamp(36px, 7vw, 92px); position: relative; z-index: 1; }
.sl78-hero-copy, .sl78-hero-media { min-width: 0; }
.sl78-hero h1 { margin: 0; max-width: 15ch; font-size: clamp(2.55rem, 5.8vw, 5.2rem); line-height: .99; letter-spacing: -.055em; }
.sl78-lang-hi .sl78-hero h1 { line-height: 1.15; letter-spacing: -.025em; }
.sl78-hero .sl78-lead { margin: 24px 0; }
.sl78-hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 25px; }
.sl78-independent-notice { display: grid; grid-template-columns: auto 1fr; gap: 12px 16px; max-width: 670px; margin-top: 28px; padding: 16px 18px; border: 1px solid rgba(255, 181, 71, .36); border-radius: var(--sl78-radius-sm); background: rgba(255, 181, 71, .08); color: #fff3dc; }
.sl78-independent-notice strong { color: var(--sl78-accent); }
.sl78-independent-notice p { margin: 0; }
.sl78-hero-media { position: relative; padding: 16px; border: 1px solid var(--sl78-border); border-radius: 32px 10px 32px 10px; background: linear-gradient(145deg, rgba(124, 92, 255, .13), rgba(19, 200, 176, .06)); box-shadow: var(--sl78-shadow); }
.sl78-hero-media img { border-radius: 24px 6px 24px 6px; aspect-ratio: 1200 / 630; object-fit: cover; }
.sl78-hero-badge { position: absolute; left: -18px; bottom: 34px; padding: 12px 16px; border: 1px solid var(--sl78-border-strong); border-radius: 14px; background: rgba(8, 11, 28, .93); box-shadow: var(--sl78-shadow-soft); font-weight: 800; }

.sl78-bento-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 18px; }
.sl78-card { min-width: 0; max-width: 100%; padding: 26px; border: 1px solid var(--sl78-border); border-radius: var(--sl78-radius); background: linear-gradient(145deg, rgba(23, 31, 60, .96), rgba(13, 18, 48, .94)); box-shadow: var(--sl78-shadow-soft); }
.sl78-card h3 { margin: 10px 0 8px; font-size: 1.26rem; line-height: 1.25; }
.sl78-card p { margin: 0; color: var(--sl78-muted); }
.sl78-card-link { display: block; color: inherit; text-decoration: none; }
.sl78-card-link::after { content: "→"; display: inline-block; margin-top: 18px; color: var(--sl78-accent); font-weight: 900; }
.sl78-bento-large { grid-column: span 6; }
.sl78-bento-medium { grid-column: span 4; }
.sl78-bento-small { grid-column: span 3; }
.sl78-card-icon { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 12px; background: linear-gradient(135deg, rgba(124, 92, 255, .25), rgba(19, 200, 176, .2)); color: var(--sl78-accent); font-weight: 900; }
.sl78-feature-grid { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: clamp(28px, 6vw, 76px); align-items: center; }
.sl78-feature-grid-reverse .sl78-feature-media { order: 2; }
.sl78-feature-grid > * { min-width: 0; }
.sl78-feature-media { padding: 13px; border: 1px solid var(--sl78-border); border-radius: var(--sl78-radius); background: rgba(17, 23, 46, .72); }
.sl78-feature-media img { aspect-ratio: 3 / 2; object-fit: cover; border-radius: calc(var(--sl78-radius) - 8px); }
.sl78-feature-media.sl78-portrait img { aspect-ratio: 4 / 5; }
.sl78-feature-copy h2 { margin-top: 0; font-size: clamp(1.7rem, 3.5vw, 2.9rem); line-height: 1.16; letter-spacing: -.03em; }
.sl78-feature-copy p { color: #c6cce5; }
.sl78-check-list { display: grid; gap: 10px; margin: 22px 0; padding: 0; list-style: none; }
.sl78-check-list li { position: relative; padding-left: 28px; color: #d7dcf1; }
.sl78-check-list li::before { content: "✓"; position: absolute; left: 0; color: var(--sl78-secondary); font-weight: 900; }
.sl78-pill-row { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 20px; }
.sl78-pill { padding: 7px 12px; border: 1px solid var(--sl78-border); border-radius: 999px; color: var(--sl78-muted); background: rgba(17, 23, 46, .7); }
.sl78-info-table-wrap, .sl78-table-scroll { max-width: 100%; overflow-x: auto; border: 1px solid var(--sl78-border); border-radius: var(--sl78-radius-sm); }
table { width: 100%; border-collapse: collapse; min-width: 620px; background: rgba(17, 23, 46, .7); }
th, td { padding: 14px 16px; border-bottom: 1px solid var(--sl78-border); text-align: left; vertical-align: top; }
th { color: #fff; background: rgba(124, 92, 255, .12); font-size: .9rem; }
td { color: var(--sl78-muted); }
.sl78-faq-list { display: grid; gap: 12px; }
.sl78-faq-item { border: 1px solid var(--sl78-border); border-radius: var(--sl78-radius-sm); background: rgba(17, 23, 46, .82); }
.sl78-faq-item summary { padding: 17px 48px 17px 18px; cursor: pointer; color: #fff; font-weight: 800; position: relative; list-style: none; }
.sl78-faq-item summary::-webkit-details-marker { display: none; }
.sl78-faq-item summary::after { content: "+"; position: absolute; right: 18px; top: 14px; color: var(--sl78-accent); font-size: 1.35rem; }
.sl78-faq-item[open] summary::after { content: "−"; }
.sl78-faq-item > div { padding: 0 18px 17px; color: var(--sl78-muted); }
.sl78-faq-item p { margin: 0; }
.sl78-legal-card { padding: 30px; border: 1px solid rgba(255, 181, 71, .28); border-radius: var(--sl78-radius); background: linear-gradient(145deg, rgba(255, 181, 71, .08), rgba(255, 93, 143, .05)); }
.sl78-legal-card h2 { margin-top: 0; }

.sl78-breadcrumb { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; padding-top: 22px; color: var(--sl78-muted); font-size: .88rem; }
.sl78-breadcrumb a { color: var(--sl78-primary-soft); }
.sl78-page-hero { padding: 48px 0 60px; }
.sl78-page-hero-grid { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(280px, .9fr); gap: clamp(30px, 6vw, 76px); align-items: center; }
.sl78-page-hero-grid > * { min-width: 0; }
.sl78-page-hero h1 { margin: 0; font-size: clamp(2.25rem, 5vw, 4.35rem); line-height: 1.05; letter-spacing: -.045em; overflow-wrap: anywhere; }
.sl78-lang-hi .sl78-page-hero h1 { line-height: 1.2; letter-spacing: -.02em; }
.sl78-independent-inline { display: flex; flex-wrap: wrap; gap: 5px 12px; margin: 22px 0; padding: 13px 15px; border-left: 3px solid var(--sl78-accent); background: rgba(255, 181, 71, .07); color: #f8ead0; }
.sl78-page-hero-media { margin: 0; padding: 12px; border: 1px solid var(--sl78-border); border-radius: 26px; background: rgba(17, 23, 46, .7); box-shadow: var(--sl78-shadow); }
.sl78-page-image { max-height: 520px; object-fit: cover; border-radius: 17px; }
.sl78-mini-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.sl78-mini-card { display: flex; align-items: flex-start; gap: 11px; min-width: 0; padding: 15px; border: 1px solid var(--sl78-border); border-radius: 14px; background: rgba(17, 23, 46, .7); }
.sl78-mini-card span { color: var(--sl78-secondary); }
.sl78-mini-card p { margin: 0; color: #d6dbef; overflow-wrap: anywhere; }
.sl78-article-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(240px, 310px); gap: 30px; align-items: start; padding-top: 32px; padding-bottom: 86px; }
.sl78-article-layout > * { min-width: 0; }
.sl78-article-card { min-width: 0; border: 1px solid var(--sl78-border); border-radius: var(--sl78-radius); background: rgba(13, 18, 48, .64); box-shadow: var(--sl78-shadow-soft); overflow: hidden; }
.sl78-prose-section { padding: clamp(24px, 5vw, 48px); border-bottom: 1px solid var(--sl78-border); }
.sl78-prose-section:last-child { border-bottom: 0; }
.sl78-prose-section-accent { background: rgba(124, 92, 255, .045); }
.sl78-prose-section p { color: #c8cee6; }
.sl78-prose-section p:last-child { margin-bottom: 0; }
.sl78-side-card { position: sticky; top: calc(var(--sl78-header-total-height) + 22px); min-width: 0; padding: 24px; border: 1px solid var(--sl78-border-strong); border-radius: var(--sl78-radius); background: linear-gradient(155deg, rgba(23, 31, 60, .98), rgba(10, 14, 38, .98)); box-shadow: var(--sl78-shadow-soft); }
.sl78-side-title { margin: 0 0 8px; color: #fff; font-weight: 900; font-size: 1.15rem; }
.sl78-side-card p { color: var(--sl78-muted); }
.sl78-side-card ul { display: grid; gap: 8px; margin: 18px 0 0; padding: 0; list-style: none; }
.sl78-related-link { display: block; padding: 10px 12px; border: 1px solid var(--sl78-border); border-radius: 10px; color: #e9ebf9; text-decoration: none; overflow-wrap: anywhere; }
.sl78-related-link:hover, .sl78-related-link[aria-current="page"] { border-color: var(--sl78-secondary); background: rgba(19, 200, 176, .08); }
.sl78-text-link { font-weight: 800; }

.sl78-search-form { display: flex; max-width: 720px; gap: 10px; }
.sl78-search-form input { min-width: 0; flex: 1; min-height: 48px; padding: 10px 14px; border: 1px solid var(--sl78-border); border-radius: 12px; background: var(--sl78-surface); color: #fff; }
.sl78-post-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.sl78-post-card { padding: 24px; border: 1px solid var(--sl78-border); border-radius: var(--sl78-radius); background: var(--sl78-surface); }
.sl78-post-card h2 { font-size: 1.3rem; }
.sl78-pagination { margin-top: 28px; }

.sl78-site-footer { position: relative; overflow: hidden; border-top: 1px solid var(--sl78-border); background: #050713; }
.sl78-footer-glow { position: absolute; inset: -220px auto auto 50%; width: 680px; height: 440px; transform: translateX(-50%); border-radius: 50%; background: radial-gradient(circle, rgba(124, 92, 255, .2), transparent 68%); pointer-events: none; }
.sl78-footer-inner { position: relative; z-index: 1; padding-top: 54px; }
.sl78-footer-notices { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin-bottom: 42px; }
.sl78-footer-notices span { min-width: 0; padding: 11px 12px; border: 1px solid rgba(255, 181, 71, .25); border-radius: 12px; background: rgba(255, 181, 71, .06); color: #f5e7ce; text-align: center; font-size: .88rem; overflow-wrap: anywhere; }
.sl78-footer-grid { display: grid; grid-template-columns: 1.45fr repeat(3, minmax(150px, .8fr)); gap: 32px; }
.sl78-footer-grid > * { min-width: 0; }
.sl78-footer-brand p, .sl78-footer-nav a, .sl78-footer-predictions p, .sl78-footer-responsible p { color: var(--sl78-muted); }
.sl78-footer-logo .sl78-brand-image { width: 54px; height: 54px; }
.sl78-footer-language { width: fit-content; margin-top: 16px; }
.sl78-footer-heading { margin: 0 0 13px; color: #fff !important; font-weight: 900; font-size: 1rem; }
.sl78-footer-nav ul { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
.sl78-footer-nav a { text-decoration: none; }
.sl78-footer-nav a:hover { color: #fff; }
.sl78-footer-predictions { display: grid; grid-template-columns: 1fr auto; gap: 30px; align-items: center; margin-top: 42px; padding: 24px; border: 1px solid var(--sl78-border); border-radius: var(--sl78-radius); background: rgba(17, 23, 46, .7); }
.sl78-footer-predictions p { margin: 0; }
.sl78-footer-predictions ul { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.sl78-footer-predictions a { display: block; padding: 8px 11px; border: 1px solid var(--sl78-border); border-radius: 10px; color: #fff; text-decoration: none; }
.sl78-footer-responsible { display: grid; grid-template-columns: auto 1fr; gap: 20px; margin-top: 24px; padding: 24px; border-left: 3px solid var(--sl78-accent); background: rgba(255, 181, 71, .055); }
.sl78-age-mark { display: grid; place-items: center; width: 58px; height: 58px; border: 2px solid var(--sl78-accent); border-radius: 50%; color: var(--sl78-accent); font-weight: 950; font-size: 1.2rem; }
.sl78-footer-responsible p { margin: 0; }
.sl78-footer-bottom { margin-top: 34px; padding: 20px 0 max(20px, env(safe-area-inset-bottom)); border-top: 1px solid var(--sl78-border); color: var(--sl78-muted); font-size: .88rem; }
.sl78-footer-bottom p { margin: 0; }

@media (hover: hover) and (pointer: fine) {
  .sl78-card, .sl78-button, .sl78-related-link { transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
  .sl78-card:hover { transform: translateY(-4px); border-color: var(--sl78-border-strong); box-shadow: var(--sl78-shadow); }
  .sl78-button:hover { transform: translateY(-2px); }
  .sl78-feature-media img { transition: transform .28s ease; }
  .sl78-feature-media:hover img { transform: scale(1.018); }
  .sl78-nav-dropdown:hover .sl78-nav-submenu { opacity: 1; visibility: visible; transform: translate(-50%, 0); }
}

@media (max-width: 1120px) {
  .sl78-desktop-nav a, .sl78-nav-dropdown-toggle { padding-inline: 7px; font-size: .84rem; }
  .sl78-desktop-cta { padding-inline: 15px; }
  .sl78-footer-grid { grid-template-columns: 1.25fr repeat(2, 1fr); }
  .sl78-footer-grid nav:last-child { grid-column: 2 / -1; }
}

@media (max-width: 1080px) {
  .sl78-desktop-nav, .sl78-desktop-cta { display: none; }
  .sl78-menu-toggle { display: block; }
  .sl78-header-actions { margin-left: auto; }
}

@media (max-width: 980px) {
  :root { --sl78-header-height: 68px; }
  .sl78-hero { min-height: auto; padding-top: 62px; }
  .sl78-hero-grid, .sl78-page-hero-grid { grid-template-columns: 1fr; }
  .sl78-hero-copy { max-width: 780px; }
  .sl78-hero h1 { max-width: 17ch; }
  .sl78-hero-media { max-width: 760px; }
  .sl78-hero-badge { left: 24px; }
  .sl78-bento-large { grid-column: span 8; }
  .sl78-bento-medium { grid-column: span 6; }
  .sl78-bento-small { grid-column: span 4; }
  .sl78-article-layout { grid-template-columns: 1fr; }
  .sl78-side-card { position: static; }
}

@media (max-width: 768px) {
  .sl78-section { padding: 58px 0; }
  .sl78-feature-grid, .sl78-feature-grid-reverse { grid-template-columns: 1fr; }
  .sl78-feature-grid-reverse .sl78-feature-media { order: 0; }
  .sl78-mini-grid { grid-template-columns: 1fr; }
  .sl78-bento-large, .sl78-bento-medium, .sl78-bento-small { grid-column: span 6; }
  .sl78-footer-notices { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sl78-footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sl78-footer-brand { grid-column: 1 / -1; }
  .sl78-footer-grid nav:last-child { grid-column: auto; }
  .sl78-footer-predictions { grid-template-columns: 1fr; }
}

@media (max-width: 640px) {
  .sl78-container { width: min(calc(100% - 24px), var(--sl78-container)); }
  .sl78-header-shell { width: calc(100% - 20px); gap: 10px; }
  .sl78-brand-image { width: 42px; height: 42px; }
  .sl78-wordmark { font-size: 1rem; }
  .sl78-header-actions { gap: 7px; }
  .sl78-header-actions .sl78-language-link { min-height: 40px; padding: 7px 9px; font-size: .8rem; }
  .sl78-hero { padding: 46px 0 52px; }
  .sl78-hero h1 { font-size: clamp(2.35rem, 12vw, 3.55rem); }
  .sl78-hero-actions { align-items: stretch; }
  .sl78-hero-actions .sl78-button { width: 100%; }
  .sl78-independent-notice { grid-template-columns: 1fr; }
  .sl78-hero-media { padding: 9px; border-radius: 22px 8px; }
  .sl78-hero-media img { border-radius: 16px 5px; }
  .sl78-hero-badge { position: static; margin-top: 10px; }
  .sl78-bento-grid { grid-template-columns: 1fr; }
  .sl78-bento-large, .sl78-bento-medium, .sl78-bento-small { grid-column: auto; }
  .sl78-card { padding: 22px; }
  .sl78-page-hero { padding: 34px 0 42px; }
  .sl78-page-hero h1 { font-size: clamp(2.15rem, 10vw, 3.3rem); }
  .sl78-page-hero-media { padding: 8px; }
  .sl78-article-layout { padding-bottom: 62px; }
  .sl78-prose-section { padding: 24px 20px; }
  .sl78-footer-notices, .sl78-footer-grid { grid-template-columns: 1fr; }
  .sl78-footer-brand, .sl78-footer-grid nav:last-child { grid-column: auto; }
  .sl78-footer-predictions ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sl78-footer-predictions a { text-align: center; }
  .sl78-footer-responsible { grid-template-columns: 1fr; }
  .sl78-post-list { grid-template-columns: 1fr; }
}

@media (max-width: 400px) {
  .sl78-wordmark { display: none; }
  .sl78-footer-logo .sl78-wordmark, .sl78-drawer-top .sl78-wordmark { display: inline; }
  .sl78-footer-predictions ul { grid-template-columns: 1fr; }
}

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