.guide-crumb{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:12px;font-weight:700;letter-spacing:.02em;margin-bottom:74px}
.social-topbar{position:absolute;z-index:21;top:0;left:0;right:0;height:35px;background:linear-gradient(90deg,#0c3038,#236a67 70%,#b48945);color:#fff}
.social-topbar>.shell{height:100%;display:flex;align-items:center;justify-content:space-between;gap:20px}
.social-topbar>.shell>span{font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}
.has-social-topbar .site-header{top:35px}
.social-links{display:flex!important;flex-direction:row!important;align-items:center;gap:8px!important}
.social-links a{display:inline-flex!important;align-items:center;justify-content:center;width:27px;height:27px;color:inherit!important;text-decoration:none;border-radius:50%;transition:background .2s,transform .2s}
.social-links a:hover{background:#ffffff29;transform:translateY(-2px)}
.social-links svg{width:17px;height:17px}
.brand-mark{display:block;width:19px;height:19px;background:currentColor;-webkit-mask:var(--brand-icon) center/contain no-repeat;mask:var(--brand-icon) center/contain no-repeat}
.social-links-footer{margin-top:20px;color:#f1dfbb}
.social-links-footer a{width:36px;height:36px;border:1px solid #9bb6ae70}
.social-links-footer svg{width:19px;height:19px}
.social-links-top .brand-mark{width:17px;height:17px}
.share-rail{position:fixed;z-index:18;right:0;top:43%;display:flex;flex-direction:column;gap:1px;padding:5px;background:#ffffffed;box-shadow:0 12px 32px #092d3750;border-radius:7px 0 0 7px}
.share-rail a{display:flex;align-items:center;justify-content:center;width:39px;height:39px;color:#155b60;text-decoration:none;border-radius:4px}
.share-rail a:hover{background:#e8f1ea}
.share-rail svg{width:19px;height:19px}
.guide-crumb a{text-decoration:none;border-bottom:1px solid currentColor}
.guide-kicker{display:block;color:#aa7f43;font-size:11px;font-weight:800;letter-spacing:2.6px;text-transform:uppercase}
.guide-directory-hero{position:relative;isolation:isolate;overflow:hidden;background:#f7f2e7;color:#133d40;min-height:660px;padding:135px 0 95px}
.guide-directory-hero:before{content:"";position:absolute;inset:0 0 0 40%;z-index:-2;background:url('makkah-hero.png') 65% center/cover}
.guide-directory-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#faf7ef 0%,#faf7eff7 37%,#faf7efd9 61%,#faf7ef55 100%)}
.guide-search-hero{min-height:0;padding:130px 0 68px}
.guide-search-hero .guide-crumb{margin-bottom:32px}
.guide-search-hero h1{font-size:clamp(42px,4.8vw,64px);margin:14px 0 10px}
.guide-search-hero p{font-size:16px;margin:0}
.guide-directory-hero .guide-crumb{color:#476c6d}
.guide-directory-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:8%;align-items:end}
.guide-directory-hero h1,.guide-category-hero h1,.guide-article-hero h1{font:600 clamp(54px,6vw,88px)/1.02 'Playfair Display',Georgia,serif;letter-spacing:-.052em;margin:18px 0 24px;text-wrap:balance}
.guide-directory-hero h1 em{font-weight:400;color:#a77b40}
.guide-directory-hero p{font-size:18px;line-height:1.75;color:#496364;max-width:590px}
.guide-search{background:#fff;padding:30px;box-shadow:0 22px 60px #173e4027;border:1px solid #e7dfd0}
.guide-search label{display:block;font:600 25px/1.2 'Playfair Display',Georgia,serif;margin-bottom:18px}
.guide-search>div{display:flex;min-height:55px;border:1px solid #bacbc6;background:#fbfcf9}
.guide-search input{min-width:0;flex:1;border:0;background:transparent;padding:14px 16px;outline:none;color:#163d40}
.guide-search input:focus{box-shadow:inset 0 0 0 2px #247479}
.guide-search button{border:0;background:#176368;color:#fff;font-size:12px;font-weight:800;padding:0 20px;cursor:pointer}
.guide-search button:hover{background:#104a4e}
.guide-search small{display:block;margin-top:15px;color:#5d7470;font-size:12px}
.guide-search small a{color:#176368;text-decoration:none;border-bottom:1px solid #b5a078}
.guide-directory-body{background:#fffdf8}
.guide-search-hero+.guide-directory-body{padding-top:58px}
.guide-section-heading{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:35px}
.guide-section-heading h2,.guide-category-intro h2{font:600 clamp(38px,4.2vw,62px)/1.12 'Playfair Display',Georgia,serif;letter-spacing:-.04em;color:#143f42;margin:14px 0 0}
.guide-section-heading>a{font-size:13px;font-weight:800;color:#17676c;text-decoration:none;border-bottom:1px solid #a88755;padding-bottom:6px}
.guide-section-heading>p{max-width:270px;color:#647b76;font-size:14px}
.guide-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.guide-category-card{position:relative;isolation:isolate;display:block;min-height:310px;overflow:hidden;color:#fff;text-decoration:none;background:#123b41 var(--guide-cover) center/cover;transition:transform .25s,box-shadow .25s}
.guide-category-card:hover{transform:translateY(-5px);box-shadow:0 18px 45px #16383d2b}
.guide-category-shade{position:absolute;inset:0;background:linear-gradient(0deg,#061b23ed,#082b37a6 49%,#092c3940)}
.guide-category-card-content{position:absolute;bottom:0;left:0;right:0;display:flex;flex-direction:column;padding:28px 30px}
.guide-category-card small{font-size:10px;color:#e8c990;font-weight:800;letter-spacing:2px;text-transform:uppercase}
.guide-category-card strong{font:600 clamp(29px,2.9vw,41px)/1.1 'Playfair Display',Georgia,serif;margin:12px 0 9px}
.guide-category-card-content>span{font-size:13px;color:#edf0e7}
.guide-category-card b{position:absolute;right:28px;bottom:28px;font-size:25px;font-weight:400}
.guide-featured{background:#f3f0e8}
.guide-post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}
.guide-post-card{display:flex;flex-direction:column;color:#163b3e;text-decoration:none;background:#fff;box-shadow:0 14px 35px #16383d10;border-bottom:3px solid #bd965b;min-height:425px;transition:transform .2s,box-shadow .2s}
.guide-post-card:hover{transform:translateY(-4px);box-shadow:0 22px 40px #16383d1c}
.guide-post-image{display:block;height:190px;background-color:#e1e9e3;background-size:cover;background-position:center}
.guide-post-copy{display:flex;flex-direction:column;flex:1;padding:24px 27px 26px}
.guide-post-copy small{font-size:10px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:#9e7844}
.guide-post-copy strong{font:600 27px/1.18 'Playfair Display',Georgia,serif;margin:13px 0 12px}
.guide-post-copy>span{font-size:14px;line-height:1.65;color:#667c78}
.guide-post-copy b{font-size:12px;color:#17676b;margin-top:auto;padding-top:22px}
.guide-post-copy i{font-style:normal;margin-left:10px}
.guide-empty{background:#f4f1e8;padding:36px;color:#5e736e}
.guide-search-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.guide-search-card{display:grid;grid-template-columns:155px minmax(0,1fr);min-height:205px;color:#163b3e;text-decoration:none;background:#fff;box-shadow:0 12px 34px #16383d0d;border:1px solid #ebe9df;transition:transform .2s,box-shadow .2s}
.guide-search-card:hover{transform:translateY(-3px);box-shadow:0 20px 40px #16383d1a}
.guide-search-card-image{display:block;background:#d8e4db url('makkah-hero.png') center/cover}
.guide-search-card-copy{display:flex;flex-direction:column;padding:21px 23px}
.guide-search-card-copy small{font-size:10px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;color:#a17b42}
.guide-search-card-copy strong{font:600 22px/1.19 'Playfair Display',Georgia,serif;margin:9px 0}
.guide-search-card-copy>span{font-size:13px;line-height:1.55;color:#637974}
.guide-search-card-copy b{font-size:12px;color:#16676b;margin-top:auto;padding-top:14px}
.guide-search-card-copy i{font-style:normal;margin-left:8px}
.guide-directory-cta{background:#15545b;color:#fff;padding:72px 0}
.guide-directory-cta .shell{display:flex;align-items:center;justify-content:space-between;gap:30px}
.guide-directory-cta span{font-size:11px;font-weight:800;letter-spacing:2px;color:#e8d29e}
.guide-directory-cta h2{font:600 clamp(34px,4vw,55px)/1.16 'Playfair Display',Georgia,serif;margin:10px 0 0}
.guide-category-hero,.guide-article-hero{position:relative;isolation:isolate;min-height:580px;padding:142px 0 85px;color:#fff;background:#092a32 var(--guide-cover) center/cover}
.guide-category-hero:before,.guide-article-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#071e28f0,#092d37be 56%,#092b3470)}
.guide-category-hero .guide-crumb,.guide-article-hero .guide-crumb{color:#e6eee9;margin-bottom:90px}
.guide-category-hero .guide-kicker,.guide-article-hero .guide-kicker{color:#e9ce94}
.guide-category-hero h1,.guide-article-hero h1{max-width:880px}
.guide-category-hero p,.guide-article-hero p{max-width:700px;font-size:19px;line-height:1.7;color:#e6efea}
.guide-count{display:inline-block;margin-top:20px;padding:8px 14px;background:#f5f2e9;color:#163e40;font-weight:800;font-size:12px;border-radius:2px}
.guide-category-body{background:#fbf9f3}
.guide-category-intro{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:48px}
.guide-category-intro>p{max-width:440px;color:#657b76;line-height:1.7}
.guide-topic{margin-bottom:72px}
.guide-topic-heading{display:flex;gap:17px;align-items:center;padding-bottom:16px;border-bottom:1px solid #cfd9d1;margin-bottom:24px}
.guide-topic-heading span{font-size:11px;color:#a37c44;font-weight:800}
.guide-topic-heading h3{font:600 31px/1.2 'Playfair Display',Georgia,serif;color:#173f42;margin:0}
.guide-article-hero{min-height:560px}
.guide-article-hero h1{max-width:970px}
.guide-article-body{background:#fffdf9;padding:100px 0}
.guide-article-layout{display:grid;grid-template-columns:230px minmax(0,780px);gap:8%;align-items:start}
.guide-article-aside{position:sticky;top:25px;border-top:3px solid #b68e53;padding-top:20px;display:flex;flex-direction:column;gap:13px}
.guide-article-aside>span{font-size:10px;font-weight:800;letter-spacing:2px;color:#9e7842}
.guide-article-aside strong{font:600 26px 'Playfair Display',Georgia,serif;color:#173e40;margin-bottom:12px}
.guide-article-aside a{font-size:13px;color:#1a676b;text-decoration:none;border-top:1px solid #e0e5dc;padding-top:10px}
.guide-article-prose .rich-copy{font-size:18px;line-height:1.9;color:#405c5b}
.guide-article-prose .rich-copy p{margin:0 0 22px}
.guide-article-prose .rich-copy h2{font:600 34px/1.2 'Playfair Display',Georgia,serif;color:#163e40;margin:48px 0 14px}
.guide-article-prose .rich-copy h3{font:600 26px/1.25 'Playfair Display',Georgia,serif;color:#163e40;margin:35px 0 12px}
.guide-article-prose .rich-copy ul,.guide-article-prose .rich-copy ol{padding-left:26px;margin:0 0 28px}
.guide-article-prose .rich-copy li{margin:0 0 10px}
.guide-media-map{margin:0 0 38px}
.guide-media-map img{display:block;width:100%;height:auto;max-height:750px;object-fit:contain;background:#eef1ea}
.guide-media-map figcaption{font-size:12px;color:#647872;margin-top:10px}
.guide-media-video{position:relative;aspect-ratio:16/9;margin:0 0 38px;background:#102e35}
.guide-media-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.guide-media-external{display:inline-flex;color:#17666b;font-size:14px;font-weight:800;text-decoration:none;border-bottom:1px solid #b68e53;padding:8px 0;margin:10px 0 32px}
.guide-article-note{background:#eef3eb;border-left:4px solid #bb9459;padding:24px 28px;margin-top:48px}
.guide-article-note strong{color:#153f42}
.guide-article-note p{font-size:14px;color:#607873;margin:8px 0 0}
.guide-article-share{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:28px}
.guide-article-share strong{font-size:12px;color:#173f42;margin-right:10px}
.guide-article-share a{font-size:12px;font-weight:700;color:#17666b;text-decoration:none;border:1px solid #c5d6cc;padding:8px 11px;border-radius:3px}
.guide-article-share a:hover{background:#eaf2e9}
.guide-article-actions{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #dde4dc;margin-top:40px;padding-top:24px}
.guide-article-actions a{font-size:13px;font-weight:800;color:#17666b;text-decoration:none}
.guide-directory-body nav[role=navigation],.guide-category-body nav[role=navigation]{margin-top:35px}
.guide-directory-body .fly-pagination,.guide-category-body .fly-pagination{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:25px 0 0;border-top:1px solid #e2e8df}
.fly-pagination-summary{margin:0;color:#637975;font-size:13px;font-weight:650;white-space:nowrap}
.fly-pagination-controls,.fly-pagination-pages{display:flex;align-items:center;gap:7px}
.fly-page-step,.fly-page-number,.fly-page-ellipsis{display:inline-flex;align-items:center;justify-content:center;min-height:42px;border:1px solid #d7e1d9;border-radius:6px;background:#fff;color:#174b4f;text-decoration:none;font-size:13px;font-weight:750;line-height:1;white-space:nowrap}
.fly-page-step{min-width:105px;padding:0 14px}
.fly-page-number,.fly-page-ellipsis{min-width:42px;padding:0 10px}
.fly-page-number.is-current{background:#195c61;border-color:#195c61;color:#fff}
.fly-page-step:not(.is-disabled):hover,.fly-page-number:not(.is-current):hover{background:#f2ebdc;border-color:#d8bf90;color:#173f42}
.fly-page-step.is-disabled{opacity:.46;cursor:not-allowed}
.fly-page-step:focus-visible,.fly-page-number:focus-visible{outline:2px solid #a67a35;outline-offset:2px}
.fly-pagination-current{display:none;white-space:nowrap;color:#405e5d;font-size:13px;font-weight:750}
@media(max-width:850px){.guide-directory-body .fly-pagination,.guide-category-body .fly-pagination{align-items:flex-start;flex-direction:column}.fly-pagination-controls{width:100%;justify-content:space-between}}
@media(max-width:600px){.fly-pagination-pages{display:none}.fly-pagination-current{display:inline}.fly-page-step{min-width:0;padding:0 10px;font-size:12px}}
@media(max-width:900px){.guide-directory-hero-grid{grid-template-columns:1fr;gap:35px}.guide-search{max-width:610px}.guide-category-grid,.guide-post-grid,.guide-search-results{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-search-card{grid-template-columns:1fr}.guide-search-card-image{height:145px}.guide-article-layout{grid-template-columns:170px 1fr;gap:5%}}
@media(max-width:700px){.guide-crumb{margin-bottom:48px}.guide-directory-hero{padding:120px 0 60px;min-height:0}.guide-directory-hero:before{inset:0}.guide-directory-hero:after{background:linear-gradient(90deg,#faf7eff5,#faf7efda)}.guide-directory-hero h1,.guide-category-hero h1,.guide-article-hero h1{font-size:clamp(46px,10vw,64px);letter-spacing:-.04em}.guide-directory-hero p,.guide-category-hero p,.guide-article-hero p{font-size:16px}.guide-search{padding:22px}.guide-section-heading,.guide-category-intro{display:block}.guide-section-heading>a{display:inline-block;margin-top:20px}.guide-category-grid,.guide-post-grid,.guide-search-results{grid-template-columns:1fr}.guide-category-card{min-height:260px}.guide-post-card{min-height:0}.guide-search-card{grid-template-columns:110px minmax(0,1fr);min-height:190px}.guide-search-card-image{height:auto}.guide-category-hero,.guide-article-hero{min-height:520px;padding:120px 0 65px}.guide-category-hero .guide-crumb,.guide-article-hero .guide-crumb{margin-bottom:65px}.guide-category-intro>p{margin-top:18px}.guide-article-layout{grid-template-columns:1fr}.guide-article-body{padding:65px 0}.guide-article-aside{position:static;margin-bottom:35px}.guide-article-prose .rich-copy{font-size:16px}.guide-directory-cta .shell{display:block}.guide-directory-cta .button{margin-top:25px}.guide-article-actions{flex-direction:column}}
@media(max-width:700px){.share-rail{top:auto;bottom:16px;right:12px;flex-direction:row;border-radius:8px}.share-rail a{width:33px;height:33px}.guide-crumb{margin-bottom:48px}.guide-directory-hero{padding:120px 0 60px;min-height:0}.guide-directory-hero:before{inset:0}.guide-directory-hero:after{background:linear-gradient(90deg,#faf7eff5,#faf7efda)}.guide-directory-hero h1,.guide-category-hero h1,.guide-article-hero h1{font-size:clamp(46px,10vw,64px);letter-spacing:-.04em}.guide-directory-hero p,.guide-category-hero p,.guide-article-hero p{font-size:16px}.guide-search{padding:22px}.guide-section-heading,.guide-category-intro{display:block}.guide-section-heading>a{display:inline-block;margin-top:20px}.guide-category-grid,.guide-post-grid,.guide-search-results{grid-template-columns:1fr}.guide-category-card{min-height:260px}.guide-post-card{min-height:0}.guide-search-card{grid-template-columns:110px minmax(0,1fr);min-height:190px}.guide-search-card-image{height:auto}.guide-category-hero,.guide-article-hero{min-height:520px;padding:120px 0 65px}.guide-category-hero .guide-crumb,.guide-article-hero .guide-crumb{margin-bottom:65px}.guide-category-intro>p{margin-top:18px}.guide-article-layout{grid-template-columns:1fr}.guide-article-body{padding:65px 0}.guide-article-aside{position:static;margin-bottom:35px}.guide-article-prose .rich-copy{font-size:16px}.guide-directory-cta .shell{display:block}.guide-directory-cta .button{margin-top:25px}.guide-article-actions{flex-direction:column}}