@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Hind+Siliguri:wght@400;500;600;700&family=Noto+Naskh+Arabic:wght@400;500;600;700&display=swap');
/* Shared polish only on compiled main-site pages; protected routes never load this file. */
/* Smooth-scrolls anchor jumps (e.g. the Event/Program logo returning to #hero)
   the same way the Event project's own pages already do. The existing
   prefers-reduced-motion block further down still forces this back to
   auto for anyone who's opted out. */
html{scroll-behavior:smooth;scroll-padding-top:100px}
.refresh-site{--refresh-ink:#392522;--refresh-brand:#9f2c16;--refresh-gold:#ab821a;background:#faf9f6!important;color:var(--refresh-ink);font-family:Inter,sans-serif!important;font-size:18px;line-height:1.8}
html[lang=bn] .refresh-site{font-family:'Hind Siliguri',sans-serif!important}html[lang=ar] .refresh-site{font-family:'Noto Naskh Arabic',serif!important;font-size:18px}
html{scroll-padding-top:110px} .refresh-site *{box-sizing:border-box}.refresh-site #page{padding-top:0!important}.refresh-site #main{padding-top:48px}
.refresh-site p,.refresh-site li,.refresh-site h1,.refresh-site h2,.refresh-site h3,.refresh-site h4,.refresh-site .uvc-heading,.refresh-site .menu-text,.refresh-site .vc_tta-title-text{font-family:inherit!important}
.refresh-site p{line-height:1.9}.refresh-site h1,.refresh-site h2,.refresh-site h3,.refresh-site h4{font-weight:600;line-height:1.5;letter-spacing:0}
.refresh-header{position:sticky;top:0;z-index:10001;border-bottom:1px solid #9f2c1617;background:rgba(255,253,249,.92);backdrop-filter:blur(20px) saturate(140%);box-shadow:0 6px 32px #39252208;color:#392522}
/* Thin bar above the navbar (social links + a small logo), matching the
   pre-refresh legacy homepage's own header. Hides automatically once the
   page scrolls, same as the original -- only the navbar itself stays
   sticky, toggled by site.mjs adding/removing .is-scrolled on <body>. */
/* A live audit measured the logo rendering at 172x53px (an image-reset rule
   elsewhere was out-specificity-ing the intended 22px height), clipped by
   this bar's own 40px max-height -- both numbers were too small for the
   real asset. Bar height raised to 64px and the logo forced to a fixed,
   !important height so no other image rule can override it again; icons
   and logo both vertically centered explicitly rather than relying on the
   bar being just tall enough. */
.refresh-topbar{background:#392522;color:#fffdf9;overflow:hidden;max-height:64px;transition:max-height .25s ease,opacity .2s ease;opacity:1}
body.is-scrolled .refresh-topbar{max-height:0;opacity:0}
.refresh-topbar-inner{max-width:1200px;margin:0 auto;padding:10px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;box-sizing:border-box}
.refresh-topbar-social{display:flex;align-items:center;gap:14px}
.refresh-topbar-social a{color:#fffdf9;opacity:.85;display:flex;align-items:center}
.refresh-topbar-social a:hover{opacity:1}
.refresh-topbar-logo{display:flex;align-items:center}
.refresh-topbar-logo img{display:block!important;height:32px!important;width:auto!important;max-width:none!important}
@media(max-width:600px){.refresh-topbar-logo{display:none}}
.refresh-nav{max-width:1440px;margin:auto;padding:14px 28px;display:flex;align-items:center;gap:22px;min-height:88px}.refresh-brand{flex:0 0 142px}.refresh-brand img{width:142px;height:58px;object-fit:contain}
#refresh-menu{display:flex;align-items:center;gap:18px;flex:1;justify-content:center}#refresh-menu>a,.refresh-dropdown>summary{font-family:inherit;font-size:16px;font-weight:700;line-height:1.5;color:#392522;text-decoration:none;white-space:nowrap;padding:10px 0;cursor:pointer;display:flex;gap:8px;align-items:center}.refresh-dropdown{position:relative}.refresh-dropdown summary{list-style:none}.refresh-dropdown summary::-webkit-details-marker{display:none}.refresh-subnav{position:absolute;top:100%;inset-inline-start:0;min-width:265px;max-width:330px;padding:12px;border:1px solid #9f2c1622;border-radius:16px;background:#fffdf9;box-shadow:0 16px 50px #39252220;display:grid;gap:3px}.refresh-subnav a{color:#392522!important;text-decoration:none;padding:10px 14px;border-radius:8px;font-size:16px;line-height:1.6}.refresh-subnav a:hover{background:#f5e9e2}.refresh-languages{display:flex;gap:3px;background:#f2ece5;border-radius:12px;padding:4px;flex-shrink:0}.refresh-languages a{font:600 14px/1.5 Inter,'Hind Siliguri',sans-serif;padding:8px 10px;text-decoration:none;border-radius:8px;color:#614f48}.refresh-languages a[aria-current]{background:#9f2c16;color:white;box-shadow:0 3px 10px #9f2c1625}.refresh-menu-button{display:none}
.refresh-site .dt-btn,.refresh-site .ubtn,.refresh-site input[type=submit],.refresh-site button[type=submit]{border-radius:10px!important;font-weight:700!important;min-height:46px;transition:box-shadow .2s,transform .2s}.refresh-site .dt-btn:hover,.refresh-site .ubtn:hover{transform:translateY(-2px);box-shadow:0 8px 22px #9f2c1625}.refresh-site :focus-visible{outline:3px solid #ab821a!important;outline-offset:4px!important}
.refresh-site .wf-wrap{max-width:1320px}.refresh-site .vc_row{margin-bottom:22px}.refresh-site .vc_column_container{min-width:0}.refresh-site .vc_tta-panel-body{max-width:100%}.refresh-site iframe{max-width:100%;border-radius:12px}.refresh-site img{max-width:100%;height:auto}.refresh-site .post-entry-content{border-radius:0 0 16px 16px;background:#fffdfb;padding:24px!important}.refresh-site .blog-shortcode article{border-radius:16px;box-shadow:0 6px 24px #39252209}.refresh-site .vc_tta-tab>a{border-radius:10px!important;font-weight:600}.refresh-site .vc_tta-tabs-container{max-width:100%}.refresh-site .page-title{background:#f3ebe3!important;padding:32px 0!important}.refresh-site .breadcrumbs{font-size:15px}.refresh-table{max-width:100%;overflow:auto;border:1px solid #e4dad3;border-radius:14px;margin:24px 0}.refresh-table table{margin:0;min-width:560px}.refresh-table th{background:#9f2c16;color:white}.refresh-table th,.refresh-table td{padding:13px 16px!important}.refresh-table tr:nth-child(even){background:#f5eee8}.refresh-site #footer{margin-top:32px}.refresh-site #footer p{font-size:16px}.refresh-site #bottom-bar{font-size:15px}
html[dir=ltr] .refresh-site .wpb_text_column,html[dir=ltr] .refresh-site .uvc-sub-heading{direction:ltr}html[dir=ltr] .refresh-site #main p{text-align:start!important}html[dir=rtl] .refresh-site #main p{text-align:start!important}
@media(max-width:1180px){.refresh-nav{padding:12px 20px;gap:16px}#refresh-menu{gap:12px}#refresh-menu>a,.refresh-dropdown>summary{font-size:16px}.refresh-brand{flex-basis:115px}.refresh-brand img{width:115px}.refresh-home{display:none!important}}
@media(max-width:980px){.refresh-menu-button{display:block;margin-inline-start:auto;border:1px solid #e3d4c9;background:#fff9f2;border-radius:10px;padding:10px 14px;font-family:inherit;font-size:15px;font-weight:700;color:#392522;min-height:44px}#refresh-menu{display:none;position:absolute;inset-inline:14px;top:calc(100% + 6px);max-height:75vh;overflow:auto;background:#fffdf9;border:1px solid #e4d7cf;border-radius:16px;padding:18px;box-shadow:0 20px 50px #39252220}#refresh-menu.is-open{display:grid;gap:8px;justify-content:stretch}.refresh-home{display:block!important}.refresh-subnav{position:static;box-shadow:none;max-width:none;min-width:0;background:#f8f1e9}.refresh-dropdown>summary,#refresh-menu>a{font-size:16px;justify-content:space-between}.refresh-site #main{padding-top:20px}.refresh-site .wf-wrap{padding-inline:20px!important;width:100%!important}}
@media(max-width:520px){.refresh-nav{padding:9px 12px;gap:8px;min-height:76px}.refresh-brand{flex-basis:95px}.refresh-brand img{width:95px;height:49px}.refresh-menu-button{padding:8px 10px}.refresh-languages a{padding:8px 7px;font-size:13px}.refresh-site h1{font-size:30px!important}.refresh-site h2{font-size:26px!important}.refresh-site .vc_row{margin-inline:0!important}.refresh-site .vc_column-inner{padding-inline:10px!important}.refresh-site #main p{font-size:16px!important}.refresh-site .uvc-heading{font-size:24px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.refresh-site *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Compact shared navigation. Keep a full-size touch target around smaller icons. */
.refresh-site .refresh-brand{flex:0 0 84px}.refresh-site .refresh-brand img{width:84px!important;height:62px!important;object-fit:contain}.refresh-nav{min-height:84px;padding-block:10px;gap:18px}.refresh-header{background:rgba(255,253,249,.82);backdrop-filter:blur(24px) saturate(150%)}
/* Navbar brand is now a square symbol mark (the favicon asset), not the
   wordmark the sizing rules above were written for -- a live audit found
   the previous combined-logo asset rendering with only ~75x14px of
   visible artwork inside an 84x62 box (mostly transparent padding) and
   asked for a true symbol at least as tall as the 37px language buttons.
   One strong, breakpoint-independent rule overrides every wordmark-sized
   rule above/below it. */
.refresh-site .refresh-brand{flex:0 0 auto!important}
.refresh-site .refresh-brand-symbol{width:44px!important;height:44px!important;object-fit:contain!important;display:block!important}
#refresh-menu>a,.refresh-dropdown>summary{font-weight:700!important;font-size:16px}.refresh-home{display:flex!important}
.refresh-hero{min-height:580px;display:flex;align-items:center;padding:64px max(24px,calc((100vw - 1280px)/2));background:linear-gradient(90deg,#301b1740,#301b1710),url('https://attanalalarabi.com/wp-content/uploads/2024/06/2-landscape-scene-from-ancient-baghdad-inspired-by-video-games-scaled.jpg') center/cover}
.refresh-hero-panel{max-width:620px;padding:44px;border:1px solid #ffffff35;border-radius:26px;background:linear-gradient(135deg,#932d20ed,#662218ed);box-shadow:0 20px 70px #2b100b30;color:white;backdrop-filter:blur(8px)}
.refresh-hero .refresh-eyebrow{color:#f3d58c;font-size:17px;font-weight:700;letter-spacing:.04em}.refresh-site .refresh-hero h1{color:white;font-size:clamp(36px,4.3vw,58px);line-height:1.3;margin:18px 0;font-weight:700}.refresh-site .refresh-hero p{color:#fff5e8;font-size:21px;line-height:1.7;margin-bottom:28px}.refresh-hero-button{display:inline-flex;gap:22px;align-items:center;color:#382119!important;background:#f0ce83;padding:13px 23px;border-radius:12px;font-weight:700;text-decoration:none!important;min-height:48px}
.refresh-site #okapi-wasb-button{width:46px!important;height:46px!important;background-size:28px!important;bottom:20px!important;left:18px!important}.refresh-site #okapi-wasb-button img{width:28px!important;height:28px!important}.refresh-site a[href*='t.me/'] img{max-width:28px;max-height:28px}
.refresh-video-link{position:relative!important;display:block}.refresh-video-symbol{position:absolute!important;width:90px!important;height:90px!important;inset:50% auto auto 50%;transform:translate(-50%,-50%);opacity:.28;pointer-events:none}.refresh-play{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#fffdf5ed;color:#9f2c16;font-size:21px;box-shadow:0 5px 25px #0003;pointer-events:none}.refresh-video-link .rollover-video-icon,.refresh-video-link>i{opacity:0}
.refresh-video{position:relative;aspect-ratio:16/9;width:100%;border-radius:16px;overflow:hidden;background:#281a17;box-shadow:0 8px 28px #39252212}.refresh-video-launch{width:100%;height:100%;border:0;padding:0;cursor:pointer;background:none;position:relative;display:block}.refresh-video-poster{width:100%!important;height:100%!important;object-fit:cover;display:block}.refresh-video-shade{position:absolute;inset:0;background:#311b1730}.refresh-video .refresh-video-symbol{opacity:.65;width:110px!important;height:110px!important;filter:brightness(0) invert(1)}.refresh-video .refresh-play{width:50px;height:50px;box-shadow:0 0 0 9px #ffffff20,0 7px 24px #0004}.refresh-video iframe{width:100%;height:100%;border:0;display:block}.refresh-video-fallback{position:absolute;bottom:8px;right:10px;color:white!important;background:#231713c9;border-radius:6px;padding:1px 7px;font-size:11px}.refresh-site #load{display:none!important}
.refresh-site #qltgm.qltgm-bubble .qltgm-toggle{width:44px!important;height:44px!important}.refresh-site #qltgm .qltgm-toggle svg{width:23px!important;height:23px!important}.refresh-site #qltgm{bottom:74px!important;left:18px!important;right:auto!important}.refresh-site #okapi-wasb-button #okapi-wasb-icon{width:44px!important;height:44px!important;max-width:none!important;max-height:none!important}.refresh-site #okapi-wasb-button{display:grid;place-items:center}
.refresh-event [style*="opacity:0"]{opacity:1!important;transform:none!important}.refresh-event [hidden]{display:none!important}.refresh-empty{padding:32px;text-align:center}.refresh-site .video-grid{max-width:1280px;margin:24px auto 48px;padding-inline:24px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.refresh-site .section-title{margin:32px auto 24px;text-align:center;font-size:clamp(26px,3vw,38px)}
.refresh-native-video{position:relative;border-radius:16px;overflow:hidden;background:#f1e7dc}.refresh-native-video video{display:block;width:100%;max-height:620px}.refresh-native-launch{position:absolute;inset:0;border:0;background:linear-gradient(135deg,#e9d7cbaa,#f7eee755);cursor:pointer}.refresh-native-launch[hidden]{display:none}
.refresh-directory-controls{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.refresh-directory-controls input,.refresh-directory-controls select{flex:1 1 180px;min-width:0;max-width:100%;min-height:46px;padding:10px 14px!important;border:1px solid #d9c6b8!important;border-radius:10px;background:#fffdf9;color:#392522;font:inherit}.refresh-directory-pager{display:flex;gap:16px;align-items:center;justify-content:center;flex-wrap:wrap}.refresh-directory-pager button{border:1px solid #d9c6b8;border-radius:9px;padding:10px 16px;background:#fffaf4;color:#7f271a;font:inherit;font-weight:700;min-height:44px;cursor:pointer}.refresh-directory-pager button:disabled{opacity:.4;cursor:default}.refresh-directory tr[hidden]{display:none!important}.refresh-directory th{white-space:nowrap}.refresh-directory td{vertical-align:top;max-width:320px;overflow-wrap:anywhere}.refresh-directory{width:100%;border-collapse:collapse;font-size:16px}
.refresh-sort{border:0;background:transparent;color:inherit;font:inherit;font-weight:700;cursor:pointer;min-height:32px;padding:0}
@media(max-width:980px){.refresh-site .video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}@media(max-width:560px){.refresh-site .video-grid{grid-template-columns:1fr;padding-inline:18px}}
@media(max-width:1280px){.refresh-menu-button{display:block;margin-inline-start:auto;border:1px solid #e3d4c9;background:#fff9f2;border-radius:10px;padding:10px 14px;font-family:inherit;font-size:15px;font-weight:700;color:#392522;min-height:44px}#refresh-menu{display:none;position:absolute;inset-inline:14px;top:calc(100% + 6px);max-height:75vh;overflow:auto;background:#fffdf9;border:1px solid #e4d7cf;border-radius:16px;padding:18px;box-shadow:0 20px 50px #39252220}#refresh-menu.is-open{display:grid;gap:8px;justify-content:stretch}.refresh-subnav{position:static;box-shadow:none;max-width:none;min-width:0;background:#f8f1e9}.refresh-dropdown>summary,#refresh-menu>a{font-size:16px;justify-content:space-between}}
@media(max-width:600px){.refresh-hero{min-height:490px;padding:30px 18px;background-position:65% center}.refresh-hero-panel{padding:28px 24px;border-radius:20px}.refresh-site .refresh-hero h1{font-size:35px!important}.refresh-site .refresh-hero p{font-size:18px}.refresh-site .refresh-brand{flex-basis:64px}.refresh-site .refresh-brand img{width:64px!important;height:48px!important}.refresh-nav{gap:8px;min-height:72px}.refresh-site #okapi-wasb-button{width:44px!important;height:44px!important;bottom:14px!important;left:12px!important}}