:root {
      --bg: #f5f8ff;
      --surface: #ffffff;
      --text: #0f172a;
      --muted: #586883;
      --line: #dbe5f5;
      --primary: #2458ff;
      --shadow: 0 24px 64px rgba(31, 66, 154, 0.12);
    }
    * { box-sizing: border-box; }
    body { margin: 0; font-family: Manrope, Arial, sans-serif; color: var(--text); background: radial-gradient(circle at top left, rgba(36,88,255,.14), transparent 26%), linear-gradient(180deg, #fbfcff 0%, var(--bg) 100%); }
    a { color: inherit; text-decoration: none; }
    img { display: block; max-width: 100%; }
    .container { width: min(calc(100% - 32px), 1180px); margin: 0 auto; }
    .topbar { padding: 10px 0 0; }
    .topbar-inner { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
    .brand { display: inline-flex; align-items: center; gap: 10px; font-weight: 800; letter-spacing: -.04em; }
    .brand-mark { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 14px; color: #fff; background: linear-gradient(135deg, #0f172a 0%, #2458ff 100%); }
    .top-actions { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
    .pill-link { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 18px; border: 1px solid var(--line); border-radius: 999px; background: rgba(255,255,255,.9); font-weight: 800; white-space: nowrap; }
    .pill-link.primary { background: linear-gradient(135deg, #2458ff 0%, #4a79ff 100%); color: #fff; border-color: transparent; box-shadow: 0 18px 40px rgba(36,88,255,.24); }
    .hero { padding: 14px 0 6px; }
    .eyebrow { display: inline-flex; padding: 10px 14px; border-radius: 999px; border: 1px solid var(--line); background: rgba(255,255,255,.92); color: var(--primary); font-weight: 800; text-transform: uppercase; font-size: .82rem; }
    .hero-grid { display:grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 24px; align-items: end; }
    .hero-copy-block { padding: 8px 0; }
    h1 { margin: 18px 0 14px; max-width: 18ch; font-size: clamp(2.2rem, 4.2vw, 3.7rem); line-height: .98; letter-spacing: -.06em; }
    .lead { margin: 0; max-width: 760px; color: var(--muted); font-size: 1.03rem; line-height: 1.76; }
    .topic-chips { display:flex; flex-wrap:wrap; gap:10px; margin:22px 0 0; }
    .topic-chip { display:inline-flex; align-items:center; min-height:42px; padding:0 16px; border:1px solid var(--line); border-radius:999px; background:rgba(255,255,255,.88); color:var(--text); font-weight:700; }
    .hero-side-card { padding: 22px; border:1px solid var(--line); border-radius: 28px; background: rgba(255,255,255,.94); box-shadow: var(--shadow); }
    .hero-side-card strong { display:block; margin-bottom: 10px; font-size: 1.25rem; letter-spacing: -.04em; }
    .hero-side-card p { margin: 0 0 14px; color: var(--muted); line-height: 1.72; }
    .hero-topics { display:grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
    .hero-topics li { display:flex; align-items:flex-start; gap: 10px; color: var(--muted); line-height: 1.6; }
    .hero-topics li::before { content:""; width:8px; height:8px; margin-top: 9px; border-radius:999px; background:#49b7b7; box-shadow: 0 0 0 5px rgba(73,183,183,.12); flex:none; }
    .blog-layout { display: grid; grid-template-columns: minmax(0, 1fr) 280px; gap: 24px; padding: 18px 0 72px; align-items: start; }
    .blog-intro { display:flex; align-items:end; justify-content:space-between; gap:20px; margin:0 0 22px; }
    .blog-intro-copy { max-width:720px; }
    .blog-intro-copy h2 { margin:0 0 10px; font-size:2rem; line-height:1.02; letter-spacing:-.05em; }
    .blog-intro-copy p { margin:0; color:var(--muted); line-height:1.72; }
    .grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 24px; }
    .card { padding: 18px; border:1px solid var(--line); border-radius: 28px; background: var(--surface); box-shadow: var(--shadow); }
    .card-media { overflow:hidden; border-radius:22px; background: linear-gradient(180deg, #eef4ff 0%, #e8f0ff 100%); }
    .card img { width:100%; height:240px; object-fit:cover; object-position:center; border-radius:22px; transform: scale(1.01); }
    .meta { display:flex; gap:12px; flex-wrap:wrap; margin:14px 0 10px; color:#5b6b87; font-weight:700; }
    .article-line { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:0 0 14px; color:var(--muted); font-size:.95rem; }
    .article-author { font-weight:700; color:var(--text); }
    .article-date { white-space:nowrap; }
    .tag { display:inline-flex; margin-bottom: 14px; padding: 8px 12px; border-radius:999px; background:#eef4ff; color:var(--primary); font-size:.78rem; font-weight:800; text-transform:uppercase; }
    h2 { margin:0 0 10px; font-size:1.55rem; line-height:1.15; letter-spacing:-.04em; }
    .card p { margin:0; color:var(--muted); line-height:1.72; }
    .link { display:inline-flex; margin-top:16px; color:var(--primary); font-weight:800; text-decoration:none; }
    .sidebar { position: sticky; top: 18px; display: grid; gap: 18px; }
    .sidebar-card { padding: 22px; border:1px solid var(--line); border-radius: 24px; background: rgba(255,255,255,.92); box-shadow: var(--shadow); }
    .sidebar-card h3 { margin: 0 0 10px; font-size: 1.35rem; letter-spacing: -.04em; }
    .sidebar-card p { margin: 0 0 14px; color: var(--muted); line-height: 1.7; }
    .sidebar-card ul { margin: 0; padding-left: 18px; color: var(--muted); line-height: 1.7; }
    .sidebar-card .pill-link { margin-top: 4px; }
    .sidebar-card.compact ul { display:grid; gap:8px; }
    .loader { display: none; }
    .sentinel { display: none; }
    @media (max-width: 980px) {
      .hero-grid { grid-template-columns: 1fr; }
      .blog-layout { grid-template-columns: 1fr; }
      .sidebar { position: static; }
      .blog-intro { align-items:start; flex-direction:column; }
    }
    @media (max-width: 760px) {
      .topbar-inner { align-items: start; flex-direction: column; }
      .grid { grid-template-columns: 1fr; }
      h1 { max-width: none; }
      .hero-side-card { display:none; }
      .card img { height: 220px; }
      .topic-chips { margin-top:18px; }
    }
/* Language switcher (shared across pages) */
.lang-switch { display: inline-flex; gap: 2px; padding: 4px; background: #fff; border: 1px solid var(--line,#dbe5f5); border-radius: 999px; box-shadow: 0 8px 24px rgba(31,66,154,.14); font-weight: 800; font-size: .78rem; }
.lang-switch a { padding: 7px 12px; border-radius: 999px; text-decoration: none; color: var(--text,#0f172a); transition: background .15s; }
.lang-switch a.active { background: var(--primary,#2458ff); color: #fff; }
.lang-switch a:hover:not(.active) { background: #eef4ff; }
.topbar-actions { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
@media (max-width: 760px) { .topbar-inner { align-items: flex-start !important; flex-direction: column !important; gap: 14px !important; } .topbar-actions { width: 100%; } }
/* Unified site footer (shared by all content pages) */
.site-footer { padding: 40px 0 48px; border-top: 1px solid #dbe5f5; background: rgba(255,255,255,.6); margin-top: 60px; }
.site-footer .footer-shell { padding-top: 24px; }
.site-footer .footer-grid { display: grid; gap: 20px; }
.site-footer .footer-links { display: flex; flex-wrap: wrap; gap: 16px; margin-bottom: 14px; }
.site-footer .footer-links a { color: #586883; font-weight: 600; font-size: .92rem; transition: color .15s; text-decoration: none; }
.site-footer .footer-links a:hover { color: #2458ff; }
.site-footer .footer-contacts { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 14px; }
.site-footer .contact-pill { display: inline-flex; align-items: center; padding: 8px 14px; border-radius: 999px; border: 1px solid #dbe5f5; background: #fff; font-weight: 700; font-size: .88rem; color: #0f172a; text-decoration: none; transition: all .15s; }
.site-footer .contact-pill:hover { border-color: #2458ff; color: #2458ff; }
.site-footer .footer-note { margin: 16px 0 0; color: #586883; font-size: .85rem; line-height: 1.6; max-width: 900px; }