/* Chugalkhor News - Boleindia Style Mobile UI/UX */
@media (max-width: 768px) {
  :root {
    --accent: #990000; --accent2: #a30000; --accent3: #e60000;
    --ink: #101013; --muted: #6b6b70; --line: #e8e8ec;
    --bg: #fff; --bg-alt: #f4f4f6;
    --sans: 'Noto Sans Devanagari', 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif;
    --radius: 12px; --shadow: 0 2px 8px rgba(0,0,0,0.06);
  }
  * { -webkit-tap-highlight-color: transparent; }
  html { font-size: 16px; -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
  body { font-family: var(--sans); color: var(--ink); background: var(--bg); line-height: 1.6; overflow-x: hidden; -webkit-font-smoothing: antialiased; }
  html, body { width: 100% !important; max-width: 100% !important; }
  .wrap, header .wrap, footer .wrap { padding-left: max(16px, env(safe-area-inset-left)) !important; padding-right: max(16px, env(safe-area-inset-right)) !important; max-width: 100% !important; box-sizing: border-box !important; }

  .ticker-bar { display: none !important; }
  .ticker-bar .wrap { display: flex !important; align-items: center !important; gap: 10px !important; padding-left: max(16px, env(safe-area-inset-left)) !important; padding-right: max(16px, env(safe-area-inset-right)) !important; }
  .ticker-bar * { color: #fff !important; }
  .ticker-label { color: #fff !important; font-weight: 800 !important; white-space: nowrap !important; }
  .ticker-label strong { color: #fff !important; }
  .ticker-track { flex: 1 !important; overflow: hidden !important; white-space: nowrap !important; color: #fff !important; }
  .ticker-track * { color: #fff !important; }
  .topbar { display: none !important; }
  .topbar * { color: #fff !important; }
  .topbar .wrap { display: flex !important; align-items: center !important; gap: 12px !important; flex-wrap: wrap !important; }
  .topbar-trending { display: flex !important; align-items: center !important; gap: 6px !important; white-space: nowrap !important; overflow: hidden !important; }
  .topbar-trending strong { color: #fff !important; font-weight: 800 !important; }
  .topbar-trending span { color: #fff !important; opacity: 0.95 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; max-width: 200px !important; display: block !important; }

  header { background: #fff !important; border-bottom: 1px solid var(--line) !important; position: sticky !important; top: 0 !important; z-index: 101 !important; box-shadow: var(--shadow) !important; }
  header .wrap { padding: 8px 16px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; gap: 8px !important; }
  header .header-inner { display: flex !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; gap: 8px !important; }
  header .logo { order: 2 !important; flex: 1 !important; text-align: center !important; text-decoration: none !important; }
  header .brand-logo-full { width: 30px !important; height: 30px !important; object-fit: contain !important; border-radius: 6px !important; }
  header .masthead-name { font-size: 16px !important; font-weight: 800 !important; line-height: 1.1 !important; color: var(--ink) !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; max-width: 140px !important; display: block !important; }
  .brand-tagline { display: none !important; }
  .search-box { order: 2 !important; flex: 1 1 auto !important; max-width: 180px !important; position: relative !important; }
  .search-box input[type=text] { width: 100% !important; padding: 8px 12px !important; padding-left: 34px !important; border: 1px solid var(--line) !important; border-radius: 8px !important; font-size: 13px !important; font-family: inherit !important; box-sizing: border-box !important; background: var(--bg-alt) !important; color: var(--ink) !important; }
  .search-box button { position: absolute !important; left: 10px !important; top: 50% !important; transform: translateY(-50%) !important; background: none !important; border: none !important; color: var(--muted) !important; font-size: 15px !important; cursor: pointer !important; }
  header .hamburger { order: 1 !important; width: 36px !important; height: 36px !important; display: flex !important; align-items: center !important; justify-content: center !important; background: var(--bg-alt) !important; border: 1px solid var(--line) !important; border-radius: 8px !important; color: var(--ink) !important; cursor: pointer !important; flex-shrink: 0 !important; z-index: 1001 !important; margin-right: auto !important; }
  .hamburger .fa-bars { font-size: 16px !important; color: var(--ink) !important; }
  header .language-switcher { order: 4 !important; flex-shrink: 0 !important; display: none !important; }
  .lang-trigger-text { font-weight: 600 !important; }
  .lang-globe { font-size: 14px !important; }
  .lang-chevron { font-size: 10px !important; color: var(--muted) !important; }

  /* Hero / top-stories / latest containers created by server JS */
  .hero-section { padding: 14px 0 6px !important; }
  html body.home-page .hero-section { padding: 18px 0 6px !important; }
  /* Side-edge breathing room exactly like mobile boleindia (boleindia uses .wrap 16px) */
  html body.home-page .hero-section .wrap,
  html body.home-page .section .wrap,
  html body.home-page .cat-blocks .wrap { padding-left: 16px !important; padding-right: 16px !important; }
  /* Boleindia-style hero: lead image on top, two horizontal cards below (both stacked on mobile) */
  html body.home-page .hero-editorial { display: grid !important; gap: 12px !important; grid-template-columns: 1fr !important; }
  html body.home-page .hero-editorial:empty, html body.home-page .stories-grid:empty { min-height: 120px !important; }
  .hero-editorial { min-width: 0 !important; }

  /* Cat strip links (boleindia exact pills) */
  .cat-strip a { font-size: .88rem !important; font-weight: 600 !important; padding: 8px 16px !important; border-radius: 999px !important; color: var(--ink) !important; background: #f2f2f5 !important; border: 1px solid transparent !important; cursor: pointer !important; text-decoration: none !important; white-space: nowrap !important; flex: none !important; transition: background .2s, color .2s !important; }
  .cat-strip a:hover { background: var(--accent2) !important; color: #fff !important; border-color: var(--accent2) !important; }
  .cat-strip a.on { background: var(--accent2) !important; color: #fff !important; border-color: var(--accent2) !important; font-weight: 700 !important; }

  /* Ticker inner motion (boleindia tokens) */
  .ticker-flex { display: flex !important; align-items: stretch !important; min-height: 30px !important; }
  .tt-move { display: inline-flex !important; gap: 20px !important; padding: 0 17px !important; white-space: nowrap !important; }
  .tt-item { font-size: .74rem !important; color: #fff !important; cursor: pointer !important; padding: 5px 0 !important; display: inline-flex !important; align-items: center !important; gap: 7px !important; }
  .tt-item b { font-weight: 600 !important; font-size: .74rem !important; color: #fff !important; }
  .tt-item i { color: #ffd6d6 !important; font-size: .6rem !important; }

  .menu-overlay { visibility: hidden !important; opacity: 0 !important; position: fixed !important; inset: 0 !important; background: rgba(0,0,0,0.85) !important; z-index: 900 !important; transition: opacity 0.3s ease, visibility 0.3s ease !important; pointer-events: none !important; }
  .menu-overlay.active { visibility: visible !important; opacity: 1 !important; pointer-events: auto !important; }
  .nav-inner { visibility: hidden !important; opacity: 0 !important; position: fixed !important; top: 0 !important; left: -100% !important; bottom: 0 !important; width: 80% !important; max-width: 280px !important; background: #fff !important; z-index: 1000 !important; box-shadow: var(--shadow) !important; transition: left 0.3s ease, opacity 0.3s ease, visibility 0.3s ease !important; overflow-y: auto !important; border-right: 1px solid var(--line) !important; pointer-events: none !important; }
  .nav-inner.active { visibility: visible !important; opacity: 1 !important; left: 0 !important; pointer-events: auto !important; }
  .nav-close { display: flex !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; padding: 14px 16px !important; background: var(--bg-alt) !important; border: none !important; color: var(--ink) !important; font-size: 16px !important; font-weight: 600 !important; cursor: pointer !important; border-bottom: 1px solid var(--line) !important; }
  .nav-link { display: flex !important; align-items: center !important; gap: 10px !important; padding: 12px 16px !important; font-size: 14px !important; font-weight: 500 !important; color: var(--ink) !important; text-decoration: none !important; border-bottom: 1px solid var(--line) !important; transition: all 0.2s ease !important; }
  .nav-link:hover { background: var(--bg-alt) !important; color: var(--accent) !important; }
  .nav-link.active { color: var(--accent) !important; background: #ffd6d6 !important; }
  .nav-link i { width: 20px !important; text-align: center !important; color: var(--accent) !important; font-size: 15px !important; }
  .nav-drop button { width: 100% !important; display: flex !important; justify-content: space-between !important; align-items: center !important; padding: 12px 16px !important; background: none !important; border: none !important; font-size: 14px !important; font-weight: 500 !important; color: var(--ink) !important; cursor: pointer !important; text-align: left !important; }
  .nav-menu { padding: 0 16px 12px !important; display: none !important; }
  .nav-menu.show { display: block !important; }
  .nav-menu-grid { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; gap: 8px !important; }
  .nav-menu-grid a { display: block !important; padding: 8px 10px !important; background: var(--bg-alt) !important; border-radius: 6px !important; color: var(--ink) !important; text-decoration: none !important; font-size: 12px !important; text-align: center !important; border: 1px solid var(--line) !important; }
  .nav-menu-grid a:hover { background: var(--accent) !important; color: #fff !important; }

  /* Hero - Boleindia Exact */
  .hero-section { padding: 12px 0 16px !important; margin-bottom: 16px !important; }
  .hero-editorial .story-card { display: block !important; min-height: auto !important; height: 180px !important; border-radius: 8px !important; overflow: hidden !important; border: 1px solid var(--line) !important; background: linear-gradient(180deg, rgba(0,0,0,0.05) 32%, rgba(0,0,0,0.85)) !important; color: #fff !important; text-decoration: none !important; position: relative !important; }
  .hero-editorial .card-media { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; z-index: 1 !important; }
  .hero-editorial .card-img { width: 100% !important; height: 100% !important; object-fit: cover !important; opacity: 0.5 !important; }
  .hero-editorial .card-tag { position: absolute !important; top: 12px !important; left: 12px !important; z-index: 3 !important; background: var(--accent2) !important; color: #fff !important; font-size: 11px !important; font-weight: 800 !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; padding: 4px 10px !important; border-radius: 4px !important; }
  .hero-editorial .break-badge { position: absolute !important; top: 12px !important; left: 12px !important; z-index: 3 !important; background: #ffd700 !important; color: #990000 !important; font-size: 11px !important; font-weight: 800 !important; padding: 4px 10px !important; border-radius: 4px !important; }
  .hero-editorial .card-body { position: absolute !important; bottom: 0 !important; left: 0 !important; right: 0 !important; z-index: 3 !important; padding: 18px !important; background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0) 100%) !important; }
  .hero-editorial .card-title { font-size: 20px !important; font-weight: 800 !important; line-height: 1.25 !important; color: #fff !important; margin: 0 0 6px 0 !important; text-shadow: 0 1px 3px rgba(0,0,0,0.5) !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; }
  .hero-editorial .card-meta { font-size: 12px !important; color: rgba(255,255,255,0.85) !important; margin: 0 !important; letter-spacing: 0.3px !important; }
  .stories-grid, .hero-secondary-grid { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 10px !important; margin-bottom: 16px !important; }
  .stories-grid .story-card, .hero-secondary-grid .story-card { position: relative !important; overflow: hidden !important; min-height: 100px !important; background: #fff !important; border: 1px solid var(--line) !important; border-radius: 8px !important; box-shadow: 0 1px 8px rgba(0,0,0,.06) !important; display: flex !important; flex-direction: row !important; align-items: center !important; gap: 10px !important; cursor: pointer !important; transition: transform .2s, box-shadow .2s !important; }
  .stories-grid .story-card:hover, .hero-secondary-grid .story-card:hover { transform: translateY(-2px) !important; box-shadow: 0 4px 16px rgba(0,0,0,.1) !important; }
  .stories-grid .card-media, .hero-secondary-grid .card-media { width: 100px !important; height: 72px !important; object-fit: cover !important; border-radius: 6px !important; flex-shrink: 0 !important; }
  .stories-grid .card-img, .hero-secondary-grid .card-img { width: 100% !important; height: 100% !important; object-fit: cover !important; }
  .stories-grid .card-tag, .hero-secondary-grid .card-tag { position: absolute !important; top: 8px !important; left: 8px !important; z-index: 3 !important; background: var(--accent2) !important; color: #fff !important; font-size: 10px !important; font-weight: 800 !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; padding: 3px 8px !important; border-radius: 4px !important; }
  .stories-grid .break-badge, .hero-secondary-grid .break-badge { position: absolute !important; top: 8px !important; left: 8px !important; z-index: 3 !important; background: #ffd700 !important; color: #990000 !important; font-size: 10px !important; font-weight: 800 !important; padding: 3px 8px !important; border-radius: 4px !important; }
  .stories-grid .card-body, .hero-secondary-grid .card-body { padding: 6px 10px 6px 0 !important; min-height: 0 !important; color: var(--ink) !important; display: flex !important; flex-direction: column !important; justify-content: center !important; flex: 1 !important; }
  .stories-grid .card-cat, .hero-secondary-grid .card-cat { font-size: 10px !important; font-weight: 800 !important; color: var(--accent2) !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; margin-bottom: 3px !important; }
  .stories-grid .card-title, .hero-secondary-grid .card-title { font-size: 13px !important; font-weight: 700 !important; line-height: 1.4 !important; color: var(--ink) !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; }

  .section-head { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; margin: 0 0 20px !important; padding-bottom: 10px !important; position: relative !important; }
  .section-title { font-size: 1.2rem !important; font-weight: 800 !important; position: relative !important; padding-bottom: 10px !important; display: flex !important; align-items: center !important; gap: 9px !important; color: var(--ink) !important; margin: 0 !important; }
  .section-title i { color: var(--accent2) !important; font-size: 15px !important; }
  .section-title::after { content: '' !important; position: absolute !important; left: 0 !important; right: 0 !important; bottom: -2px !important; height: 3px !important; background: linear-gradient(90deg, var(--accent2), var(--line)) !important; border-radius: 2px !important; }
  .see-all { background: var(--accent2) !important; color: #fff !important; border: 0 !important; border-radius: 4px !important; padding: 6px 12px !important; font-weight: 700 !important; font-size: .8rem !important; display: inline-flex !important; align-items: center !important; gap: 5px !important; white-space: nowrap !important; text-decoration: none !important; }
  .see-all:hover { background: var(--accent3) !important; }

  /* Cat Strip - Boleindia */
  .cat-strip-wrap { border-bottom: 1px solid var(--line) !important; }
  .cat-strip { display: flex !important; gap: 6px !important; overflow-x: auto !important; scrollbar-width: none !important; padding: 10px 0 !important; white-space: nowrap !important; align-items: center !important; -webkit-overflow-scrolling: touch !important; }
  .cat-strip::-webkit-scrollbar { display: none !important; }

  /* Story Cards - Boleindia Exact */
  .top-list { display: flex !important; flex-direction: column !important; }
  .stories-grid { display: grid !important; grid-template-columns: 1fr !important; gap: 14px !important; }
  .cat-section .stories-grid { grid-template-columns: 1fr !important; gap: 14px !important; }
  /* Section base spacing (boleindia exact) */
  .section { margin: 20px 0 8px !important; padding: 0 !important; }
  .content-wrap { padding: 14px 16px 0 !important; }
  .content-grid { display: grid !important; grid-template-columns: 1fr !important; gap: 16px !important; }
  .story-card { background: #fff !important; border: 1px solid var(--line) !important; border-radius: 6px !important; overflow: hidden !important; cursor: pointer !important; transition: transform .2s, box-shadow .2s !important; display: block !important; }
  .story-card:hover { transform: translateY(-2px) !important; box-shadow: 0 10px 24px rgba(0,0,0,.08) !important; }
  .story-card:hover .card-title { color: var(--accent2) !important; }
  .story-thumb { position: relative !important; aspect-ratio: 16/10 !important; background: #eee !important; overflow: hidden !important; display: block !important; }
  .story-thumb img { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; }
  .story-badge { position: absolute !important; left: 8px !important; top: 8px !important; background: var(--accent2) !important; color: #fff !important; font-size: .64rem !important; font-weight: 800 !important; padding: 2px 8px !important; border-radius: 3px !important; }
  .story-body { padding: 12px 13px 14px !important; }
  .story-card .card-title { font-size: 15px !important; font-weight: 700 !important; line-height: 1.42 !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; min-height: calc(1.42em*2) !important; color: var(--ink) !important; margin: 0 !important; padding: 0 !important; }
  .card-meta { font-size: .72rem !important; color: var(--muted) !important; margin-top: 7px !important; }

  /* ===== Boleindia 768/520 media cascade (hero + grids exact) ===== */
  @media (max-width: 1100px) {
    .hero-editorial .story-card { min-height: auto !important; height: 160px !important; }
    .stories-grid, .hero-secondary-grid { grid-template-columns: 1fr 1fr !important; gap: 10px !important; }
  }

  @media (max-width: 520px) {
    .hero-editorial .story-card { min-height: auto !important; height: 140px !important; }
    .hero-editorial .card-title { font-size: 16px !important; line-height: 1.3 !important; }
    .stories-grid, .hero-secondary-grid { grid-template-columns: 1fr !important; gap: 10px !important; }
    .story-card { min-height: auto !important; }
    .stories-grid { grid-template-columns: 1fr !important; gap: 14px !important; }
    .cat-section .stories-grid { grid-template-columns: 1fr !important; }
    .nav-inner { width: 75% !important; max-width: 260px !important; }
    header .app-dl-btn { order: 3 !important; display: flex !important; align-items: center !important; gap: 6px !important; background: #fff !important; border: 1px solid var(--line) !important; border-radius: 8px !important; color: var(--ink) !important; padding: 6px 12px !important; font-size: 13px !important; font-weight: 600 !important; text-decoration: none !important; margin-left: auto !important; flex-shrink: 0 !important; }
    header .app-dl-btn .fa-android { color: var(--ink) !important; font-size: 16px !important; }
    header .app-dl-btn span { color: var(--ink) !important; font-size: 13px !important; font-weight: 600 !important; }
    .chatbot-panel, #cbPanel { height: 50vh !important; }
  }

  .cat-section { margin: 22px 0 8px !important; background: #fff !important; border: 1px solid var(--line) !important; border-radius: 6px !important; padding: 16px 16px 22px !important; scroll-margin-top: 82px !important; box-shadow: none !important; }
  .cat-section h2, .cat-section h3, .cat-section .section-title { font-size: 1.08rem !important; font-weight: 800 !important; margin-bottom: 12px !important; color: var(--ink) !important; }
  .panel { background: #fff !important; border: 1px solid var(--line) !important; border-radius: 6px !important; padding: 14px !important; min-width: 0 !important; margin-bottom: 16px !important; box-shadow: none !important; }
  .panel h3.panel-title, .panel h3 { font-size: 14px !important; font-weight: 800 !important; padding-bottom: 10px !important; margin: 0 0 10px !important; border-bottom: 2px solid var(--accent2) !important; display: flex !important; align-items: center !important; gap: 8px !important; color: var(--ink) !important; }
  .panel h3.panel-title i, .panel h3 i { color: var(--accent2) !important; }
  .mr-item { display: flex !important; gap: 11px !important; align-items: center !important; padding: 8px 2px !important; cursor: pointer !important; border-bottom: 1px solid var(--line) !important; font-size: 14px !important; }
  .mr-item:last-child { border-bottom: none !important; }

  /* Footer */
  footer { margin-top: 24px !important; padding: 24px 0 16px !important; background: #16161a !important; color: #fff !important; }
  footer .wrap { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)) !important; gap: 16px !important; }
  footer h5 { color: var(--accent3) !important; font-size: 14px !important; font-weight: 800 !important; margin-bottom: 10px !important; }
  footer a { color: #b9b9bf !important; text-decoration: none !important; font-size: 13px !important; display: block !important; margin-bottom: 5px !important; transition: color 0.2s ease !important; }
  footer a:hover { color: var(--accent3) !important; }
  .footer-bottom { margin-top: 16px !important; padding-top: 16px !important; border-top: 1px solid #3a3a42 !important; text-align: center !important; font-size: 12px !important; color: #6b6b70 !important; }

  /* Chatbot FAB */
  .chatbot-fab, #cbFab { position: fixed !important; bottom: 20px !important; right: 16px !important; width: 52px !important; height: 52px !important; background: var(--accent) !important; border: none !important; border-radius: 50% !important; box-shadow: 0 4px 16px rgba(153,0,0,0.3) !important; cursor: pointer !important; z-index: 9999 !important; display: flex !important; align-items: center !important; justify-content: center !important; }
  .chatbot-fab img, #cbFab img { width: 26px !important; height: 26px !important; object-fit: contain !important; }
  .chatbot-badge { position: absolute !important; top: -4px !important; right: -4px !important; background: var(--accent3) !important; color: #fff !important; font-size: 10px !important; font-weight: 800 !important; padding: 2px 6px !important; border-radius: 10px !important; }
  .chatbot-panel, #cbPanel { display: none !important; position: fixed !important; bottom: 84px !important; right: 16px !important; width: 90% !important; max-width: 320px !important; height: 350px !important; background: #fff !important; border-radius: 14px !important; box-shadow: 0 8px 32px rgba(0,0,0,0.15) !important; z-index: 9998 !important; flex-direction: column !important; overflow: hidden !important; }
  .chatbot-panel.open, #cbPanel.open { display: flex !important; }
  @keyframes cbPulse { 0%, 100% { box-shadow: 0 0 0 0 rgba(153,0,0,0.4); } 70% { box-shadow: 0 0 0 12px rgba(153,0,0,0); } }

  /* Footer logo - hide on mobile */
  .footer-logo { display: none !important; }

  /* Back to Top */
  #backTop { position: fixed !important; bottom: 20px !important; left: 16px !important; width: 44px !important; height: 44px !important; background: var(--ink) !important; color: #fff !important; border: none !important; border-radius: 50% !important; box-shadow: 0 4px 12px rgba(0,0,0,0.2) !important; cursor: pointer !important; z-index: 9999 !important; display: none !important; align-items: center !important; justify-content: center !important; font-size: 16px !important; }
  #backTop.show { display: flex !important; }
  #backTop:hover { background: var(--accent) !important; }

  /* Animations */
  @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
  @keyframes slideInUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
  @keyframes pulse { 0%, 100% { box-shadow: 0 0 0 0 rgba(153,0,0,0.4); } 70% { box-shadow: 0 0 0 12px rgba(153,0,0,0); } }
  @keyframes slideUpAndFade { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: translateY(0); } }
  .story-card { opacity: 0; animation: slideUpAndFade 350ms ease forwards; }
  .story-card:nth-child(1) { animation-delay: 50ms; } .story-card:nth-child(2) { animation-delay: 100ms; } .story-card:nth-child(3) { animation-delay: 150ms; } .story-card:nth-child(4) { animation-delay: 200ms; }

  /* Extra Small Devices */
  @media (max-width: 480px) {
    .nav-inner { width: 75% !important; max-width: 260px !important; }
    .stories-grid { grid-template-columns: 1fr !important; }
    .hero-editorial .story-card { min-height: auto !important; height: 120px !important; }
    .hero-editorial .card-title { font-size: 16px !important; }
    header .app-dl-btn { order: 3 !important; display: flex !important; align-items: center !important; gap: 6px !important; background: #fff !important; border: 1px solid var(--line) !important; border-radius: 8px !important; color: var(--ink) !important; padding: 6px 12px !important; font-size: 13px !important; font-weight: 600 !important; text-decoration: none !important; margin-left: auto !important; flex-shrink: 0 !important; }
    header .app-dl-btn .fa-android { color: var(--ink) !important; font-size: 16px !important; }
    header .app-dl-btn span { color: var(--ink) !important; font-size: 13px !important; font-weight: 600 !important; }
    .chatbot-panel { height: 50vh !important; }
  }
}