body { background:#f6f7fb; color:#1f2937; font-family:Arial, sans-serif; margin:0; }
.page-wrap { max-width:980px; margin:0 auto; padding:24px 16px 56px; }
.top-links, .cta-row, .pair-links { display:flex; flex-wrap:wrap; gap:12px; }
.site-nav { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; margin-bottom:22px; padding:14px 18px; background:#ffffff; border:1px solid #dbe2ef; border-radius:18px; box-shadow:0 8px 24px rgba(15, 23, 42, 0.06); position:relative; gap:12px; }
.header-nav-wrap { display:flex; align-items:center; gap:16px; margin:0 !important; width:auto !important; }
.top-links { align-items:center; }
.nav-brand { display:inline-flex; align-items:center; gap:10px; padding:10px; color:#0f172a; font-weight:800; font-size:18px; text-decoration:none; }
.nav-brand img { width:28px; height:28px; border-radius:8px; display:block; }
.hero, .article-hero { margin-bottom:26px; }
.top-links a, .cta-row a, .lang-switch a, .pair-links a { color:#1f2937; text-decoration:none; border:1px solid #d7deea; border-radius:12px; padding:12px 16px; display:inline-flex; align-items:center; justify-content:center; background:#ffffff; box-shadow:0 2px 8px rgba(15, 23, 42, 0.06); }
.top-links a:hover, .cta-row a:hover, .lang-switch a:hover, .pair-links a:hover { background:#f1f5f9; }
.top-links a.nav-primary { background:#0f172a; color:#ffffff; border-color:#0f172a; }
.top-links a.nav-primary:hover { background:#1e293b; }
.top-links a.nav-accent { background:#eff6ff; color:#1d4ed8; border-color:#bfdbfe; }
.top-links a.nav-accent:hover { background:#dbeafe; }
.cta-row { margin:18px 0 0; }
.cta-row a.primary { background:#d72638; border-color:#d72638; color:#ffffff; }
.cta-row a.secondary { background:#2563eb; border-color:#2563eb; color:#ffffff; }
.article-hero { display:grid; gap:18px; }
.hero-image-wrap { overflow:hidden; border-radius:18px; border:1px solid #dbe2ef; background:#ffffff; box-shadow:0 6px 20px rgba(15, 23, 42, 0.08); }
.hero-image { width:100%; height:320px; object-fit:cover; display:block; }
.meta { color:#64748b; font-size:14px; margin-bottom:4px; }
h1 { font-size:38px; line-height:1.22; margin:0 0 8px; color:#0f172a; }
h2 { font-size:26px; margin:0 0 12px; color:#111827; }
p { color:#334155; line-height:1.88; font-size:17px; margin:0 0 14px; }
.excerpt { font-size:19px; color:#1e293b; }
.article-section { border-top:1px solid #dbe2ef; padding-top:22px; margin-top:28px; }
.related-links, .lang-switch, .platform-box, .seo-box, .location-box { background:#ffffff; border:1px solid #dbe2ef; border-radius:14px; padding:16px 18px; margin-top:16px; box-shadow:0 2px 10px rgba(15, 23, 42, 0.05); }
.related-links a { display:inline-block; margin:6px 12px 6px 0; word-break:break-all; color:#2563eb; text-decoration:none; }
.article-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:18px; }
.article-card { background:#ffffff; border:1px solid #dbe2ef; border-radius:16px; padding:18px; display:flex; flex-direction:column; gap:8px; box-shadow:0 4px 18px rgba(15, 23, 42, 0.05); }
.article-card h2 { font-size:24px; }
.article-card p { font-size:16px; line-height:1.8; }
.article-card .meta { margin-bottom:2px; }
    .more-articles { margin-top:34px; padding-top:28px; border-top:1px solid #dbe2ef; }
    .more-articles-title { margin-bottom:8px; }
    .more-articles-intro { margin-bottom:18px; }
    .more-articles-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:18px; }
    .more-article-card { overflow:hidden; border-radius:18px; border:1px solid #dbe2ef; background:#ffffff; box-shadow:0 8px 24px rgba(15, 23, 42, 0.08); }
    .more-article-link { display:flex; flex-direction:column; height:100%; color:inherit; text-decoration:none; }
    .more-article-link:hover { background:#f8fbff; }
    .more-article-image { width:100%; height:220px; object-fit:cover; display:block; }
    .more-article-body { padding:18px; display:flex; flex-direction:column; gap:10px; }
    .more-article-body h3 { margin:0; font-size:21px; line-height:1.4; color:#0f172a; }
    .more-article-body p { margin:0; font-size:15px; line-height:1.75; }
    small { color:#64748b; line-height:1.7; display:block; }
.lang-switch a { width:max-content; max-width:100%; }
@media (max-width: 768px) {
  .page-wrap { padding:16px 12px 40px; }
  .top-links, .cta-row, .pair-links { gap:8px; }
  /* removed mobile top links padding since site-nav has it */
  /* nav-brand auto width */
  .top-links a, .cta-row a, .lang-switch a, .pair-links a { flex:1 1 calc(50% - 8px); padding:12px 10px; border-radius:10px; }
  .lang-switch a { width:100%; }
  h1 { font-size:30px; }
  h2 { font-size:22px; }
  p, .article-card p { font-size:15px; line-height:1.78; }
  .excerpt { font-size:17px; }
  .hero-image { height:220px; }
  .article-grid { grid-template-columns:1fr; }
  .article-card { padding:16px; }
  .more-article-image { height:200px; }
  .more-article-body { padding:16px; }
  .more-article-body h3 { font-size:19px; }
}
@media (max-width: 480px) {
  .nav-brand { font-size:14px; }
  .top-links a, .cta-row a, .lang-switch a, .pair-links a { flex:1 1 100%; }
  h1 { font-size:27px; }
  .hero-image { height:200px; }
  .more-article-image { height:180px; }
}

.floating-actions { position:fixed; bottom:20px; right:20px; display:flex; flex-direction:column; gap:10px; z-index:9999; }
.floating-actions a { background:#2563eb; color:#fff; padding:10px 15px; border-radius:30px; text-decoration:none; font-weight:bold; box-shadow:0 4px 12px rgba(0,0,0,0.15); display:flex; align-items:center; gap:8px; }
.floating-actions a.telegram { background:#0088cc; }
.hamburger-menu { display:none; flex-direction:column; gap:5px; cursor:pointer; padding:10px; }
.hamburger-menu span { width:25px; height:3px; background:#1f2937; border-radius:2px; }
@media (max-width:768px) {
  .site-nav { padding:12px; border-radius:14px; flex-direction:column; align-items:stretch; gap:12px; }
  .header-nav-wrap { width:100% !important; justify-content:space-between; }
  .top-links { display:none; flex-direction:column; background:#fff; border-top:1px solid #f1f5f9; padding:8px 0 0 0; gap:0; }
  .top-links.active { display:flex; }
  .top-links a { flex:1 1 100%; justify-content:flex-start; text-align:left; border:none; border-radius:0; box-shadow:none; padding:16px 20px; border-bottom:1px solid #f1f5f9; font-weight:600; color:#1f2937; }
  .top-links a:last-child { border-bottom:none; }
  .top-links a:hover { background:#f8fafc; }
  .top-links a.nav-primary { background:transparent; color:#1f2937; }
  .top-links a.nav-accent { background:transparent; color:#1f2937; }
  .hamburger-menu { display:flex; }
  .header-nav-wrap { display:flex; justify-content:space-between; align-items:center; width:100%; margin-bottom:12px; }
}