/* Shared black and gold frame; content typography remains inherited. */
header.site,header.site .bar,header.site nav.qn.qn-tile,.ab-foot{background-color:#0a0a0b!important;background-image:repeating-linear-gradient(45deg,rgba(201,164,76,.2) 0 1px,transparent 1px 22px),repeating-linear-gradient(-45deg,rgba(201,164,76,.2) 0 1px,transparent 1px 22px)!important;color:#e9d9a6}
header.site .bar{max-width:1280px;margin:auto;padding:0 24px!important}header.site nav.qn.qn-tile{padding:7px 0!important;min-height:54px;gap:18px}header.site .qn-links{gap:22px}header.site .qn-link{font-size:17px!important;padding:6px 0!important;color:#e9d9a6!important}header.site .qn-link[aria-current]{border-bottom:2px solid #c9a44c}header.site .qn-link::before{display:none!important}header.site::after{content:'';display:block;height:3px;background:repeating-linear-gradient(#ecd8a2 0 1px,#c9a44c 1px 2px)}header.site .site-language select,header.site .qn-mode,header.site .site-search-open{color:#e9d9a6!important;background-color:#171510!important;border-color:#8a7137!important}.ab-foot{margin-top:64px}.ab-foot-in{padding:12px 24px!important}.ab-foot nav a{color:#e9d9a6}.ab-foot .ab-name::before{background-image:url(img/atlas-design/brand-star.svg)}
.design-home{background:#f8f4ec}.design-home header.site{position:relative}.design-home .drift h1{color:#f6efdc;max-width:650px}.design-home .drift{margin:0;border-radius:0}.design-home main{width:100%;max-width:1180px;margin:auto;padding:0 24px}.design-home .ar,.region-page .ar{font-family:'Noto Nastaliq Urdu',serif;line-height:2.4;overflow:visible}.design-home .pano-shade{padding:80px 0 90px}.design-home .leafcard p[data-no-translate]{color:inherit}.design-home .door{border:0}.design-home .door b{color:#17253a}.design-home .door:hover{color:#17253a}.design-home .door span{overflow:visible}.design-home #daily-next{border:0;background:transparent;color:#627088;font:inherit;text-decoration:underline;cursor:pointer}.design-home .hsearch input{box-shadow:none;outline-offset:5px}.design-home .hsearch button{width:auto}.design-home .strip{max-width:none;margin:0;border-radius:0}.design-home .seg span{position:absolute;inset:auto 20px 20px;z-index:1}.design-home .seg:hover b{border-bottom-color:#c9a44c!important}.design-home .leafcard{color:#17253a}.design-home .hsearch label{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}
.region-page{background:#f8f4ec}.region-main{max-width:1240px;margin:auto;padding:32px 24px;color:#17253a}.region-explore{display:grid;grid-template-columns:2fr 1fr;gap:26px;margin:0 0 36px}.region-map{position:relative;aspect-ratio:12/7;background:#17253a;overflow:hidden;border-radius:8px}.region-map img{width:100%;height:100%;object-fit:fill;filter:grayscale(1) brightness(.62)}.region-map .region-color{position:absolute;inset:0;filter:none;mask-image:var(--mask);-webkit-mask-image:var(--mask)}.region-hit{position:absolute;width:12%;height:14%;transform:translate(-50%,-50%);border:0;border-radius:50%;background:transparent}.region-hit:focus-visible{outline:3px solid #f3dc97}.region-menu{display:grid;gap:5px}.region-menu a{display:grid;grid-template-columns:26px 1fr auto;gap:10px;align-items:center;padding:9px 12px;border:1px solid transparent;color:#17253a;text-decoration:none;border-radius:6px}.region-menu a[aria-current]{border-color:#c9a44c;background:#f3e8d2}.region-menu small{display:block;color:#627088;font-size:13px}.region-menu .ar{font-size:15px;color:#74551f}.region-banner{padding:40px;color:#f4e7c4;border-radius:18px 18px 0 0;background:linear-gradient(90deg,#0a0a0bee,#0a0a0b22),var(--photo) center/cover}.region-banner h1{font-size:48px;color:#fff2cf;margin:10px 0}.region-banner h1 .ar{font-size:32px;margin-inline-start:24px}.region-cities{display:flex;gap:12px;flex-wrap:wrap}.region-cities span{border:1px solid #c9a44c77;border-radius:20px;padding:3px 14px}.region-tabs{display:flex;background:#0a0a0b;padding:0 30px;gap:32px;border-bottom:3px solid #c9a44c}.region-tabs button{font:inherit;font-size:19px;background:none;border:0;border-bottom:3px solid transparent;color:#c5b588;padding:17px 0;cursor:pointer}.region-tabs button[aria-selected=true]{color:#f3dc97;border-bottom-color:#f3dc97}.region-panel{padding:38px 0}.region-panel[hidden]{display:none!important}.region-intro{display:grid;grid-template-columns:2fr 1fr;gap:40px}.region-panel h2{font-size:32px;margin-top:0}.region-panel h3{color:#8e2a4c}.region-facts{background:#101012;color:#e9d9a6;border:1px solid #c9a44c77;border-radius:10px;padding:24px;align-self:start}.region-facts h3{color:#f3dc97;margin-top:0}.region-facts dl{display:grid;grid-template-columns:1fr auto;gap:12px}.region-facts dt,.region-facts dd{margin:0}.region-facts a{color:#f3dc97}.region-timeline{border-inline-start:2px solid #c9a44c;margin:30px 0;padding-inline-start:28px}.region-timeline article{position:relative;margin:0 0 22px}.region-timeline article:before{content:'';position:absolute;inset-inline-start:-36px;top:10px;width:13px;height:13px;border-radius:50%;background:#c9a44c}.region-timeline h3{margin:0}.region-timeline p{margin:5px 0}.region-scholars{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.region-person{display:flex;gap:16px;align-items:center;padding:15px;background:linear-gradient(#fffaf0,#f3e8d2);border:1px solid #c9a44c66;border-radius:70px 12px 12px 70px;color:#17253a;text-decoration:none}.region-person img{width:70px;height:70px;object-fit:cover;border-radius:50%;flex:none}.region-person small{display:block;color:#627088}.region-person .ar{display:block;font-size:16px;color:#74551f}.region-author{padding:26px 0;border-bottom:1px solid #c9a44c66}.region-work{background:#fffaf0;padding:20px;border:1px solid #c9a44c66;border-radius:8px;margin:16px 0}.region-work h4{margin:0;font-size:24px}.region-work .ar{font-size:20px;color:#74551f}.region-chip{display:inline-block;padding:2px 10px;margin:8px 7px 5px 0;border:1px solid #c9a44c88;border-radius:16px;font-size:14px}.region-bottom{display:flex;justify-content:space-between;border-top:1px solid #c9a44c;padding-top:24px}.region-page :focus-visible,.design-home :focus-visible{outline:3px solid #b58e32;outline-offset:4px}.design-home .drift :focus-visible{outline-color:#f3dc97}
:root[data-theme=dark] .design-home,:root[data-theme=dark] .region-page{background:#17191c}:root[data-theme=dark] .region-main{color:#ece4cf}:root[data-theme=dark] .region-menu a{color:#ece4cf}:root[data-theme=dark] .region-menu a[aria-current]{background:#302b20}:root[data-theme=dark] .design-home main h2,:root[data-theme=dark] .region-panel h2{color:#f3dc97}
@media(prefers-reduced-motion:reduce){.design-home .drift{animation:none!important;background-position:50% 50%}.lift{transition:none!important}}
header.site nav.qn.qn-tile::before{content:'';display:block;flex:none;width:25px;height:25px;background:url(img/atlas-design/brand-star.svg) center/contain no-repeat}
[dir=rtl] .design-home .pano-shade{background:linear-gradient(270deg,rgba(8,24,30,.9),rgba(8,24,30,.64) 38%,rgba(8,24,30,.05) 75%)}[dir=rtl] .design-home .drift p.ar{text-align:right!important}[dir=rtl] .region-person{border-radius:12px 70px 70px 12px}
/* Compact opening panorama, spacious native region titles, shared gold emblem. */
:root{--rosette:url(img/atlas-design/brand-star.svg)}
.design-home .pano-shade{padding:44px 0 48px!important}
.region-page .region-banner h1{display:flex;align-items:center;flex-wrap:wrap;column-gap:72px;row-gap:10px;overflow:visible;padding-block:12px 24px}
.region-page .region-banner h1 .ar{display:inline-block!important;font-family:"Noto Nastaliq Urdu",serif!important;font-size:56px!important;font-weight:400;font-style:normal;line-height:2.3!important;margin:0!important;padding-inline:16px;direction:rtl;unicode-bidi:isolate;color:#f3dc97;white-space:nowrap}
