.hub-grid{ display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:4px; }
  .hub-card{ background:var(--bg); box-shadow:var(--sh-out-sm); border-radius:16px; padding:18px 14px; text-align:left;
    border:none; cursor:pointer; display:flex; flex-direction:column; gap:8px; }
  .hub-card:active{ box-shadow:var(--sh-in-sm); }
  .hub-card.disabled{ opacity:0.5; }
  .hub-card-emoji{ font-size:24px; }
  .hub-card-label{ font-family:'Sora',sans-serif; font-weight:700; font-size:13.5px; line-height:1.3; }
  .hub-card-desc{ font-size:10.5px; color:var(--muted); line-height:1.4; }
  .hub-intro{ font-size:12.5px; color:var(--muted); margin-bottom:16px; line-height:1.55; }

  .solat-info-badge{ display:inline-block; font-size:11px; font-weight:600; color:var(--gold); background:var(--bg);
    box-shadow:var(--sh-out-sm); padding:7px 13px; border-radius:20px; margin-bottom:16px; }
  .tatacara-list{ margin:0; padding-left:20px; }
  .tatacara-list li{ font-size:13px; color:var(--ink); line-height:1.6; margin-bottom:10px; }
  .tatacara-list li::marker{ color:var(--gold); font-weight:700; }

  .zone-select{ width:100%; background:var(--bg); box-shadow:var(--sh-in-sm); border:none; border-radius:12px;
    padding:11px 12px; color:var(--ink); font-family:'Inter',sans-serif; font-size:13px; margin-bottom:16px; }
  .next-prayer-card{ background:var(--bg); box-shadow:var(--sh-out); border-radius:18px; padding:22px 18px;
    text-align:center; margin-bottom:18px; }
  .next-prayer-label{ font-family:'IBM Plex Mono',monospace; font-size:10px; letter-spacing:1px; text-transform:uppercase; color:var(--muted-2); }
  .next-prayer-name{ font-family:'Sora',sans-serif; font-weight:800; font-size:22px; color:var(--gold); margin-top:8px; }
  .next-prayer-time{ font-family:'Sora',sans-serif; font-weight:700; font-size:34px; margin-top:4px; }
  .next-prayer-countdown{ font-size:12px; color:var(--muted); margin-top:6px; }
  .waktu-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:10px; }
  .waktu-cell{ background:var(--bg); box-shadow:var(--sh-out-sm); border-radius:13px; padding:12px 6px; text-align:center; }
  .waktu-cell-label{ font-size:10px; color:var(--muted); text-transform:uppercase; letter-spacing:0.5px; }
  .waktu-cell-time{ font-family:'Sora',sans-serif; font-weight:700; font-size:15px; margin-top:5px; color:var(--ink); }
  .hijri-note{ text-align:center; font-size:11.5px; color:var(--muted-2); margin-top:16px; font-family:'IBM Plex Mono',monospace; }
  .cta-btn-ghost{ display:block; width:100%; margin-top:16px; background:var(--bg); box-shadow:var(--sh-out-sm);
    border:none; border-radius:12px; padding:11px; color:var(--gold); font-weight:600; font-size:13px; cursor:pointer; }
  .cta-btn-ghost:active{ box-shadow:var(--sh-in-sm); }