/**
 *                          ___                   _       _         _ 
 *                         / __)                 | |     | |       | |
 *     _ _ _ _ _ _ _ _ _ _| |__ _____  ____ _   _| |  _  | |__   __| |
 *    | | | | | | | | | (_   __|____ |/ ___) | | | |_/ ) |  _ \ / _  |
 *    | | | | | | | | | | | |  / ___ | |   | |_| |  _ ( _| |_) | (_| |
 *     \___/ \___/ \___(_)|_|  \_____|_|   |____/|_| \_|_)____/ \____|
 *                                                                    
 *
 * 	Author: MD OMAR FARUK
 * 	Author URI: www.faruk.bd
 * 	Author Contact: https://faruk.bd/#contact
 * 	Author Email: info@faruk.bd | farukmr@gmail.com
 * 	Copyright © 2026
 *                          ___                   _       _         _ 
 *                         / __)                 | |     | |       | |
 *     _ _ _ _ _ _ _ _ _ _| |__ _____  ____ _   _| |  _  | |__   __| |
 *    | | | | | | | | | (_   __|____ |/ ___) | | | |_/ ) |  _ \ / _  |
 *    | | | | | | | | | | | |  / ___ | |   | |_| |  _ ( _| |_) | (_| |
 *     \___/ \___/ \___(_)|_|  \_____|_|   |____/|_| \_|_)____/ \____|
 *                                                                    
 */
/* Quran CMS - hajj & umrah guide */
.hg-head p { color: var(--muted); max-width: 74ch; }
.hg-tabs { display: flex; flex-wrap: wrap; gap: .4rem; margin-top: 1rem; align-items: center; }
.hg-tabs a { padding: .45rem .9rem; border-radius: 999px; border: 1px solid var(--line); background: var(--surface); color: var(--ink-2); font-weight: 600; font-size: .9rem; }
.hg-tabs a:hover, .hg-tabs a.on { background: var(--brand); border-color: var(--brand); color: #fff; }
.hg-wrap { padding-bottom: 3rem; }
.hg-sec { margin-top: 2.2rem; scroll-margin-top: 90px; }
.hg-sec h2 { font-size: 1.5rem; margin: 0 0 .2rem; }
.hg-about { color: var(--muted); margin: 0 0 1.2rem; }
.hg-steps { list-style: none; margin: 0; padding: 0; display: grid; gap: .9rem; }
.hg-steps li { display: flex; gap: 1rem; padding: 1.1rem 1.2rem; border: 1px solid var(--line); border-radius: 18px; background: var(--surface); }
.hg-n { width: 42px; height: 42px; border-radius: 50%; display: grid; place-items: center; background: var(--brand); color: #fff; font-weight: 800; flex: 0 0 auto; }
.hg-b { flex: 1; min-width: 0; }
.hg-b h3 { margin: .1rem 0 .3rem; font-size: 1.1rem; }
.hg-b p { margin: 0; color: var(--ink-2); line-height: 1.85; }
.hg-say { margin-top: .8rem; padding: .8rem 1rem; border-radius: 14px; background: var(--brand-soft); border-left: 4px solid var(--brand); }
.hg-ar { font-family: var(--font-ar); font-size: 1.6rem; line-height: 2.1; direction: rtl; text-align: right; color: var(--ink); }
.hg-say p { margin: .4rem 0 0; color: var(--ink-2); font-size: .95rem; }
.hg-tip { margin-top: .6rem !important; color: var(--muted) !important; font-size: .9rem; display: flex; gap: .35rem; align-items: center; }
.hg-check { list-style: none; margin: 0; padding: 0; display: grid; gap: .5rem; }
.hg-check label { display: flex; gap: .6rem; align-items: flex-start; padding: .7rem .9rem; border: 1px solid var(--line); border-radius: 14px; background: var(--surface); cursor: pointer; }
.hg-check input { margin-top: .25rem; }
.hg-check input:checked + span { text-decoration: line-through; color: var(--muted); }
@media print {
  .site-header, .site-footer, .topbar, .tabbar, .player, .hg-tabs, .crumbs { display: none !important; }
  .hg-steps li, .hg-check label { break-inside: avoid; border-color: #ccc; }
  .hg-say { background: #f5f5f5; }
}
@media (max-width: 560px) { .hg-steps li { padding: .9rem; gap: .7rem; } .hg-ar { font-size: 1.35rem; } }