/* ===== Seewo Teaching Tablet Large Screen Adaptation ===== */
/* 希沃教学平板大屏适配 (65-86 inch, 2K/4K, landscape, touch) */
/* Loaded after cosmic-theme.css; uses !important to override */

/* === Breakpoint 1: Large Desktop / Small Seewo (>=1440px) === */
@media (min-width: 1440px) {

  /* --- Container widths scale up --- */
  .subject-bar-inner { max-width: 1400px !important; }
  .navbar { max-width: 1400px !important; }
  .container { max-width: 1400px !important; padding: 28px 48px 72px !important; }
  .main-content { max-width: 1300px !important; padding: 132px 48px 72px !important; }
  .section { max-width: 1200px !important; padding: 100px 32px 72px !important; }
  .frontier-inner { max-width: 1200px !important; }
  .fields { max-width: 1200px !important; }
  .sponsor-inner { max-width: 1300px !important; }
  .hero-content { max-width: 1100px !important; }
  .cta-box { max-width: 1200px !important; padding: 96px 72px !important; }
  .stats-grid { max-width: 1300px !important; }
  .why-inner { max-width: 1300px !important; }
  .footer-inner { max-width: 1300px !important; }
  .footer-bottom { max-width: 1300px !important; }
  .showcase-inner { max-width: 1400px !important; }
  .exam-wrapper { max-width: 1400px !important; }
  .exam-progress-wrap { max-width: 1400px !important; }
  #exam-start-hint { max-width: 1400px !important; }

  /* --- Font scale --- */
  body { font-size: 17px !important; }
  h1, .hero h1 { font-size: 52px !important; }
  h2 { font-size: 32px !important; }
  h3 { font-size: 24px !important; }
  .law-name { font-size: 30px !important; }
  .law-desc { font-size: 17px !important; line-height: 1.8 !important; }
  .section-title { font-size: 28px !important; }
  .section-body { font-size: 17px !important; line-height: 1.85 !important; }

  /* --- Navigation --- */
  .navbar { padding: 0 48px !important; height: 72px !important; }
  .nav-links a { font-size: 16px !important; padding: 0 20px !important; }
  .search-bar input { font-size: 16px !important; height: 48px !important; }
  .grade-badge { font-size: 15px !important; padding: 8px 20px !important; }

  /* --- Subject bar --- */
  .subject-bar { height: 48px !important; }
  .subject-tab, .sb-home { font-size: 15px !important; padding: 0 18px !important; height: 48px !important; }

  /* --- Sidebar --- */
  #sidebar { width: 300px !important; }
  .cat-item { padding: 14px 20px !important; font-size: 16px !important; }
  .law-sublist a { font-size: 15px !important; padding: 8px 20px 8px 44px !important; }

  /* --- Cards --- */
  .content-card { padding: 32px !important; border-radius: 20px !important; }
  .app-card { padding: 28px !important; border-radius: 16px !important; }
  .feature-card { min-height: 480px !important; border-radius: 28px !important; }
  .feature-card .fc-body { padding: 36px 36px 36px !important; }
  .feature-card .fc-name { font-size: 32px !important; }
  .feature-card .fc-desc { font-size: 16px !important; line-height: 26px !important; }
  .feature-card .fc-stat-num { font-size: 30px !important; }
  .feature-card .fc-visual { height: 240px !important; }
  .feature-card .fc-icon { width: 76px !important; height: 76px !important; border-radius: 22px !important; }

  /* --- Quiz/Exam --- */
  .question-card { padding: 32px !important; border-radius: 16px !important; }
  .question-title { font-size: 19px !important; }
  .option { padding: 16px 20px !important; font-size: 17px !important; border-radius: 12px !important; min-height: 56px !important; }
  .option-radio, .option-checkbox { width: 24px !important; height: 24px !important; }

  /* --- Touch targets (min 48px for accessibility) --- */
  .btn-primary, .btn-secondary, .btn-subject { height: 56px !important; font-size: 17px !important; padding: 0 36px !important; }
  button, .clickable { min-height: 48px !important; }

  /* --- Stats --- */
  .stat-num { font-size: 42px !important; }
  .stat-label { font-size: 15px !important; }

  /* --- Why cards --- */
  .why-card { padding: 40px 32px !important; border-radius: 20px !important; }
  .why-card h3 { font-size: 22px !important; }
  .why-card p { font-size: 16px !important; line-height: 1.8 !important; }

  /* --- Feature grid --- */
  .feature-grid { gap: 28px !important; }
  .coming-grid { gap: 28px !important; }
  .stats-grid { gap: 40px !important; }
  .why-grid { gap: 32px !important; }

  /* --- Article page --- */
  .article-container { max-width: 1200px !important; padding: 32px 48px 80px !important; }
  .hero { padding: 120px 48px 56px !important; }
  .hero h1 { font-size: 40px !important; }

  /* --- Exam home --- */
  .hero-content { max-width: 1000px !important; }
  .exam-card { padding: 32px !important; border-radius: 20px !important; }
  .grade-card { padding: 28px !important; border-radius: 16px !important; }

  /* --- Symbol cards --- */
  .symbol-card { padding: 20px !important; border-radius: 14px !important; }
  .symbol-card .sym { font-size: 24px !important; }
  .symbol-card .desc { font-size: 15px !important; }

  /* --- Key points --- */
  .key-point { padding: 16px 20px !important; font-size: 16px !important; border-radius: 12px !important; }

  /* --- Story modal --- */
  #storyDetailOverlay .modal-body { font-size: 17px !important; line-height: 1.85 !important; }
  #storyDetailOverlay .modal-header h2 { font-size: 26px !important; }

  /* --- Real exam --- */
  .paper-card { padding: 32px !important; border-radius: 16px !important; }
  .paper-info h3 { font-size: 22px !important; }
}

/* === Breakpoint 2: Standard Seewo 1080p / 2K (>=1920px) === */
@media (min-width: 1920px) {

  /* --- Container widths --- */
  .subject-bar-inner { max-width: 1800px !important; }
  .navbar { max-width: 1800px !important; }
  .container { max-width: 1800px !important; padding: 36px 64px 88px !important; }
  .main-content { max-width: 1650px !important; padding: 144px 64px 88px !important; }
  .section { max-width: 1500px !important; padding: 120px 48px 88px !important; }
  .frontier-inner { max-width: 1500px !important; }
  .fields { max-width: 1500px !important; }
  .sponsor-inner { max-width: 1700px !important; }
  .hero-content { max-width: 1300px !important; }
  .cta-box { max-width: 1500px !important; padding: 120px 96px !important; border-radius: 40px !important; }
  .stats-grid { max-width: 1600px !important; }
  .why-inner { max-width: 1600px !important; }
  .footer-inner { max-width: 1600px !important; }
  .footer-bottom { max-width: 1600px !important; }
  .showcase-inner { max-width: 1800px !important; }
  .exam-wrapper { max-width: 1800px !important; }
  .exam-progress-wrap { max-width: 1800px !important; }
  #exam-start-hint { max-width: 1800px !important; }
  .article-container { max-width: 1500px !important; padding: 40px 64px 100px !important; }

  /* --- Font scale --- */
  body { font-size: 19px !important; }
  h1, .hero h1 { font-size: 64px !important; }
  h2 { font-size: 38px !important; }
  h3 { font-size: 28px !important; }
  .law-name { font-size: 36px !important; }
  .law-desc { font-size: 19px !important; line-height: 1.85 !important; }
  .section-title { font-size: 34px !important; }
  .section-body { font-size: 19px !important; line-height: 1.9 !important; }

  /* --- Navigation --- */
  .navbar { padding: 0 64px !important; height: 80px !important; }
  .nav-links a { font-size: 18px !important; padding: 0 24px !important; }
  .search-bar input { font-size: 18px !important; height: 52px !important; }
  .search-bar { width: 320px !important; }
  .grade-badge { font-size: 17px !important; padding: 10px 24px !important; }

  /* --- Subject bar --- */
  .subject-bar { height: 52px !important; }
  .subject-tab, .sb-home { font-size: 17px !important; padding: 0 22px !important; height: 52px !important; }

  /* --- Sidebar --- */
  #sidebar { width: 340px !important; }
  .cat-item { padding: 16px 24px !important; font-size: 18px !important; }
  .law-sublist a { font-size: 17px !important; padding: 10px 24px 10px 52px !important; }
  .sidebar-header { padding: 24px !important; }
  .progress-section { padding: 20px 24px !important; }

  /* --- Cards --- */
  .content-card { padding: 40px !important; border-radius: 24px !important; }
  .app-card { padding: 36px !important; border-radius: 20px !important; }
  .feature-card { min-height: 560px !important; border-radius: 32px !important; }
  .feature-card .fc-body { padding: 44px 44px 44px !important; }
  .feature-card .fc-name { font-size: 38px !important; }
  .feature-card .fc-desc { font-size: 18px !important; line-height: 30px !important; }
  .feature-card .fc-stat-num { font-size: 36px !important; }
  .feature-card .fc-visual { height: 280px !important; }
  .feature-card .fc-icon { width: 84px !important; height: 84px !important; border-radius: 24px !important; }
  .feature-grid { gap: 36px !important; }
  .coming-grid { gap: 36px !important; }

  /* --- Quiz/Exam --- */
  .question-card { padding: 40px !important; border-radius: 20px !important; }
  .question-title { font-size: 22px !important; }
  .option { padding: 20px 24px !important; font-size: 19px !important; border-radius: 14px !important; min-height: 64px !important; }
  .option-radio, .option-checkbox { width: 28px !important; height: 28px !important; }

  /* --- Touch targets --- */
  .btn-primary, .btn-secondary, .btn-subject { height: 64px !important; font-size: 19px !important; padding: 0 44px !important; border-radius: 16px !important; }

  /* --- Stats --- */
  .stat-num { font-size: 52px !important; }
  .stat-label { font-size: 17px !important; }
  .stats-grid { gap: 48px !important; }

  /* --- Why cards --- */
  .why-card { padding: 48px 40px !important; border-radius: 24px !important; }
  .why-card h3 { font-size: 26px !important; }
  .why-card p { font-size: 18px !important; line-height: 1.85 !important; }
  .why-grid { gap: 40px !important; }

  /* --- Hero --- */
  .hero { padding: 140px 64px 72px !important; }
  .hero h1 { font-size: 56px !important; }
  .hero p.sub { font-size: 20px !important; }

  /* --- Article --- */
  .hero h1 { font-size: 48px !important; }

  /* --- Exam home --- */
  .exam-card { padding: 40px !important; border-radius: 24px !important; }
  .grade-card { padding: 36px !important; border-radius: 20px !important; }

  /* --- Symbol cards --- */
  .symbol-card { padding: 24px !important; border-radius: 16px !important; }
  .symbol-card .sym { font-size: 28px !important; }
  .symbol-card .desc { font-size: 17px !important; }

  /* --- Key points --- */
  .key-point { padding: 20px 24px !important; font-size: 18px !important; border-radius: 14px !important; }

  /* --- Story modal --- */
  #storyDetailOverlay .modal-body { font-size: 19px !important; line-height: 1.9 !important; max-height: 70vh !important; }
  #storyDetailOverlay .modal-header h2 { font-size: 30px !important; }
  #storyDetailOverlay .modal { max-width: 900px !important; border-radius: 28px !important; }

  /* --- Real exam --- */
  .paper-card { padding: 40px !important; border-radius: 20px !important; }
  .paper-info h3 { font-size: 26px !important; }

  /* --- Intro page bento --- */
  .bento-grid { gap: 28px !important; }
  .bento-card { padding: 36px !important; border-radius: 24px !important; }
  .bento-card h3 { font-size: 24px !important; }
  .bento-card p { font-size: 17px !important; line-height: 1.8 !important; }

  /* --- Timeline --- */
  .timeline-item { padding: 24px 32px !important; }
  .timeline-year { font-size: 22px !important; }
  .timeline-text { font-size: 17px !important; }

  /* --- Footer --- */
  .footer-inner { gap: 56px !important; }
  .footer-bottom { font-size: 14px !important; padding-top: 32px !important; }
}

/* === Breakpoint 3: 2K Seewo (>=2560px) === */
@media (min-width: 2560px) {

  /* --- Container widths --- */
  .subject-bar-inner { max-width: 2200px !important; }
  .navbar { max-width: 2200px !important; }
  .container { max-width: 2200px !important; padding: 44px 80px 104px !important; }
  .main-content { max-width: 2000px !important; padding: 162px 80px 104px !important; }
  .section { max-width: 1800px !important; padding: 140px 64px 100px !important; }
  .frontier-inner { max-width: 1800px !important; }
  .fields { max-width: 1800px !important; }
  .sponsor-inner { max-width: 2100px !important; }
  .hero-content { max-width: 1500px !important; }
  .cta-box { max-width: 1800px !important; padding: 140px 120px !important; border-radius: 48px !important; }
  .stats-grid { max-width: 2000px !important; }
  .why-inner { max-width: 2000px !important; }
  .footer-inner { max-width: 2000px !important; }
  .footer-bottom { max-width: 2000px !important; }
  .showcase-inner { max-width: 2200px !important; }
  .exam-wrapper { max-width: 2200px !important; }
  .exam-progress-wrap { max-width: 2200px !important; }
  #exam-start-hint { max-width: 2200px !important; }
  .article-container { max-width: 1800px !important; padding: 48px 80px 120px !important; }

  /* --- Font scale --- */
  body { font-size: 22px !important; }
  h1, .hero h1 { font-size: 76px !important; }
  h2 { font-size: 44px !important; }
  h3 { font-size: 32px !important; }
  .law-name { font-size: 42px !important; }
  .law-desc { font-size: 22px !important; line-height: 1.9 !important; }
  .section-title { font-size: 40px !important; }
  .section-body { font-size: 22px !important; line-height: 1.95 !important; }

  /* --- Navigation --- */
  .navbar { padding: 0 80px !important; height: 92px !important; }
  .nav-links a { font-size: 20px !important; padding: 0 28px !important; }
  .search-bar input { font-size: 20px !important; height: 56px !important; }
  .search-bar { width: 380px !important; }
  .grade-badge { font-size: 19px !important; padding: 12px 28px !important; }

  /* --- Subject bar --- */
  .subject-bar { height: 58px !important; }
  .subject-tab, .sb-home { font-size: 19px !important; padding: 0 26px !important; height: 58px !important; }

  /* --- Sidebar --- */
  #sidebar { width: 380px !important; }
  .cat-item { padding: 18px 28px !important; font-size: 20px !important; }
  .law-sublist a { font-size: 19px !important; padding: 12px 28px 12px 60px !important; }
  .sidebar-header { padding: 28px !important; }
  .progress-section { padding: 24px 28px !important; }

  /* --- Cards --- */
  .content-card { padding: 48px !important; border-radius: 28px !important; }
  .app-card { padding: 44px !important; border-radius: 24px !important; }
  .feature-card { min-height: 640px !important; border-radius: 36px !important; }
  .feature-card .fc-body { padding: 52px 52px 52px !important; }
  .feature-card .fc-name { font-size: 44px !important; }
  .feature-card .fc-desc { font-size: 20px !important; line-height: 34px !important; }
  .feature-card .fc-stat-num { font-size: 42px !important; }
  .feature-card .fc-visual { height: 320px !important; }
  .feature-card .fc-icon { width: 96px !important; height: 96px !important; border-radius: 28px !important; }
  .feature-grid { gap: 44px !important; }
  .coming-grid { gap: 44px !important; }

  /* --- Quiz/Exam --- */
  .question-card { padding: 48px !important; border-radius: 24px !important; }
  .question-title { font-size: 26px !important; }
  .option { padding: 24px 28px !important; font-size: 22px !important; border-radius: 16px !important; min-height: 72px !important; }
  .option-radio, .option-checkbox { width: 32px !important; height: 32px !important; }

  /* --- Touch targets --- */
  .btn-primary, .btn-secondary, .btn-subject { height: 72px !important; font-size: 22px !important; padding: 0 52px !important; border-radius: 18px !important; }

  /* --- Stats --- */
  .stat-num { font-size: 62px !important; }
  .stat-label { font-size: 20px !important; }
  .stats-grid { gap: 56px !important; }

  /* --- Why cards --- */
  .why-card { padding: 56px 48px !important; border-radius: 28px !important; }
  .why-card h3 { font-size: 30px !important; }
  .why-card p { font-size: 20px !important; line-height: 1.9 !important; }
  .why-grid { gap: 48px !important; }

  /* --- Hero --- */
  .hero { padding: 160px 80px 88px !important; }
  .hero h1 { font-size: 68px !important; }
  .hero p.sub { font-size: 24px !important; }

  /* --- Exam home --- */
  .exam-card { padding: 48px !important; border-radius: 28px !important; }
  .grade-card { padding: 44px !important; border-radius: 24px !important; }

  /* --- Symbol cards --- */
  .symbol-card { padding: 28px !important; border-radius: 18px !important; }
  .symbol-card .sym { font-size: 32px !important; }
  .symbol-card .desc { font-size: 19px !important; }

  /* --- Key points --- */
  .key-point { padding: 24px 28px !important; font-size: 20px !important; border-radius: 16px !important; }

  /* --- Story modal --- */
  #storyDetailOverlay .modal-body { font-size: 22px !important; line-height: 1.95 !important; }
  #storyDetailOverlay .modal-header h2 { font-size: 36px !important; }
  #storyDetailOverlay .modal { max-width: 1100px !important; border-radius: 32px !important; }

  /* --- Real exam --- */
  .paper-card { padding: 48px !important; border-radius: 24px !important; }
  .paper-info h3 { font-size: 30px !important; }

  /* --- Bento --- */
  .bento-grid { gap: 36px !important; }
  .bento-card { padding: 44px !important; border-radius: 28px !important; }
  .bento-card h3 { font-size: 28px !important; }
  .bento-card p { font-size: 20px !important; }

  /* --- Timeline --- */
  .timeline-item { padding: 28px 40px !important; }
  .timeline-year { font-size: 26px !important; }
  .timeline-text { font-size: 20px !important; }

  /* --- Footer --- */
  .footer-inner { gap: 68px !important; }
  .footer-bottom { font-size: 16px !important; padding-top: 40px !important; }
}

/* === Breakpoint 4: 4K Seewo (>=3840px) === */
@media (min-width: 3840px) {

  /* --- Container widths --- */
  .subject-bar-inner { max-width: 3200px !important; }
  .navbar { max-width: 3200px !important; }
  .container { max-width: 3200px !important; padding: 56px 120px 128px !important; }
  .main-content { max-width: 2800px !important; padding: 192px 120px 128px !important; }
  .section { max-width: 2600px !important; padding: 180px 96px 128px !important; }
  .frontier-inner { max-width: 2600px !important; }
  .fields { max-width: 2600px !important; }
  .sponsor-inner { max-width: 3000px !important; }
  .hero-content { max-width: 2000px !important; }
  .cta-box { max-width: 2600px !important; padding: 180px 160px !important; border-radius: 56px !important; }
  .stats-grid { max-width: 2800px !important; }
  .why-inner { max-width: 2800px !important; }
  .footer-inner { max-width: 2800px !important; }
  .footer-bottom { max-width: 2800px !important; }
  .showcase-inner { max-width: 3200px !important; }
  .exam-wrapper { max-width: 3200px !important; }
  .exam-progress-wrap { max-width: 3200px !important; }
  #exam-start-hint { max-width: 3200px !important; }
  .article-container { max-width: 2600px !important; padding: 64px 120px 160px !important; }

  /* --- Font scale --- */
  body { font-size: 28px !important; }
  h1, .hero h1 { font-size: 96px !important; }
  h2 { font-size: 56px !important; }
  h3 { font-size: 40px !important; }
  .law-name { font-size: 52px !important; }
  .law-desc { font-size: 28px !important; line-height: 1.95 !important; }
  .section-title { font-size: 50px !important; }
  .section-body { font-size: 28px !important; line-height: 2 !important; }

  /* --- Navigation --- */
  .navbar { padding: 0 120px !important; height: 112px !important; }
  .nav-links a { font-size: 24px !important; padding: 0 36px !important; }
  .search-bar input { font-size: 24px !important; height: 64px !important; }
  .search-bar { width: 460px !important; }
  .grade-badge { font-size: 24px !important; padding: 14px 36px !important; }

  /* --- Subject bar --- */
  .subject-bar { height: 68px !important; }
  .subject-tab, .sb-home { font-size: 24px !important; padding: 0 34px !important; height: 68px !important; }

  /* --- Sidebar --- */
  #sidebar { width: 440px !important; }
  .cat-item { padding: 24px 36px !important; font-size: 24px !important; }
  .law-sublist a { font-size: 24px !important; padding: 14px 36px 14px 76px !important; }
  .sidebar-header { padding: 36px !important; }
  .progress-section { padding: 30px 36px !important; }

  /* --- Cards --- */
  .content-card { padding: 60px !important; border-radius: 32px !important; }
  .app-card { padding: 56px !important; border-radius: 28px !important; }
  .feature-card { min-height: 760px !important; border-radius: 44px !important; }
  .feature-card .fc-body { padding: 64px 64px 64px !important; }
  .feature-card .fc-name { font-size: 56px !important; }
  .feature-card .fc-desc { font-size: 26px !important; line-height: 42px !important; }
  .feature-card .fc-stat-num { font-size: 52px !important; }
  .feature-card .fc-visual { height: 380px !important; }
  .feature-card .fc-icon { width: 112px !important; height: 112px !important; border-radius: 32px !important; }
  .feature-grid { gap: 56px !important; }
  .coming-grid { gap: 56px !important; }

  /* --- Quiz/Exam --- */
  .question-card { padding: 60px !important; border-radius: 28px !important; }
  .question-title { font-size: 32px !important; }
  .option { padding: 30px 36px !important; font-size: 28px !important; border-radius: 20px !important; min-height: 84px !important; }
  .option-radio, .option-checkbox { width: 36px !important; height: 36px !important; }

  /* --- Touch targets --- */
  .btn-primary, .btn-secondary, .btn-subject { height: 84px !important; font-size: 28px !important; padding: 0 64px !important; border-radius: 20px !important; }

  /* --- Stats --- */
  .stat-num { font-size: 76px !important; }
  .stat-label { font-size: 24px !important; }
  .stats-grid { gap: 68px !important; }

  /* --- Why cards --- */
  .why-card { padding: 68px 56px !important; border-radius: 32px !important; }
  .why-card h3 { font-size: 36px !important; }
  .why-card p { font-size: 24px !important; line-height: 1.95 !important; }
  .why-grid { gap: 56px !important; }

  /* --- Hero --- */
  .hero { padding: 200px 120px 112px !important; }
  .hero h1 { font-size: 84px !important; }
  .hero p.sub { font-size: 28px !important; }

  /* --- Exam home --- */
  .exam-card { padding: 60px !important; border-radius: 32px !important; }
  .grade-card { padding: 56px !important; border-radius: 28px !important; }

  /* --- Symbol cards --- */
  .symbol-card { padding: 36px !important; border-radius: 22px !important; }
  .symbol-card .sym { font-size: 36px !important; }
  .symbol-card .desc { font-size: 24px !important; }

  /* --- Key points --- */
  .key-point { padding: 30px 36px !important; font-size: 24px !important; border-radius: 20px !important; }

  /* --- Story modal --- */
  #storyDetailOverlay .modal-body { font-size: 28px !important; line-height: 2 !important; }
  #storyDetailOverlay .modal-header h2 { font-size: 44px !important; }
  #storyDetailOverlay .modal { max-width: 1400px !important; border-radius: 36px !important; }

  /* --- Real exam --- */
  .paper-card { padding: 60px !important; border-radius: 28px !important; }
  .paper-info h3 { font-size: 36px !important; }

  /* --- Bento --- */
  .bento-grid { gap: 44px !important; }
  .bento-card { padding: 56px !important; border-radius: 32px !important; }
  .bento-card h3 { font-size: 34px !important; }
  .bento-card p { font-size: 24px !important; }

  /* --- Timeline --- */
  .timeline-item { padding: 36px 48px !important; }
  .timeline-year { font-size: 32px !important; }
  .timeline-text { font-size: 24px !important; }

  /* --- Footer --- */
  .footer-inner { gap: 80px !important; }
  .footer-bottom { font-size: 20px !important; padding-top: 48px !important; }
}

/* === Touch-friendly enhancements for all large screens === */
@media (min-width: 1440px) and (pointer: coarse) {
  /* Larger touch targets for touchscreens */
  .nav-links a { min-height: 48px !important; display: flex !important; align-items: center !important; }
  .cat-item { min-height: 56px !important; display: flex !important; align-items: center !important; }
  .law-sublist a { min-height: 48px !important; display: flex !important; align-items: center !important; }
  .sb-home { min-height: 48px !important; }
  .option { cursor: pointer !important; }
  .app-card { cursor: pointer !important; }
  .related-card { cursor: pointer !important; }

  /* Disable hover-only effects on touch devices */
  .feature-card:hover .fc-mascot { transform: none !important; }
  .app-card:hover { transform: none !important; }

  /* Larger scrollbars for touch */
  ::-webkit-scrollbar { width: 12px !important; height: 12px !important; }
  ::-webkit-scrollbar-thumb { border-radius: 6px !important; min-height: 40px !important; }
}