/* Reading tools: shared behavior, styled with each publication's identity. */
.publication-links button{display:flex;align-items:center;gap:8px;padding:9px 0;border:0;background:none;color:var(--ink);font:500 12px var(--sans);cursor:pointer;white-space:nowrap}
.publication-links svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;flex-shrink:0}.publication-links small:empty{display:none}.publication-links small{font:600 10px var(--sans);padding:2px 5px;background:var(--wash)}
.story-save{border:0;border-bottom:1px solid var(--line);border-radius:0;background:none;padding:3px 0;color:var(--muted);font:500 11px var(--sans);cursor:pointer}.story-save[aria-pressed=true]{color:var(--ink);border-color:var(--ink)}.publication-meta .story-save{margin-left:auto}.byline>.story-save{margin-left:auto}.row .story-save{margin-left:10px}
.publication-library{width:min(700px,calc(100vw - 32px));max-height:85dvh;padding:30px;border:1px solid var(--line);background:var(--paper);color:var(--ink);box-shadow:0 25px 100px #0003}.publication-library::backdrop{background:#10181399;backdrop-filter:blur(3px)}.library-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.library-top h2{font:600 30px/1.2 var(--display);margin:0}.library-top button{background:none;border:0;font:30px var(--sans);color:inherit;cursor:pointer;width:44px;height:44px}#library-search{display:flex;gap:10px;margin:25px 0 15px}#library-search[hidden]{display:none}#library-query{min-width:0;flex:1;background:var(--paper);color:var(--ink);border:1px solid var(--line);padding:14px;font:15px var(--sans)}#library-search>button{background:var(--ink);color:var(--paper);padding:12px 20px;border:0;font:600 13px var(--sans);cursor:pointer}.library-description,.library-status{color:var(--muted);font-size:12px;line-height:1.6}.library-status{margin-top:20px}.library-results article{padding:22px 0;border-bottom:1px solid var(--line)}.library-results small{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.05em}.library-results h3{font:600 23px/1.3 var(--display);margin:8px 0}.library-results p{font-size:13px;line-height:1.6;color:var(--muted);margin:8px 0 12px}.library-clear{color:var(--ink);background:none;border:1px solid var(--line);padding:10px 15px;margin-top:20px;cursor:pointer}.library-toast{position:fixed;z-index:100;left:50%;bottom:22px;transform:translateX(-50%);background:var(--ink);color:var(--paper);border:1px solid var(--line);padding:13px 22px;max-width:calc(100vw - 30px);width:max-content;font:13px/1.5 var(--sans);box-shadow:0 4px 25px #0002}.library-toast[hidden]{display:none}
/* The directory, hierarchy and composition are deliberately different per brand. */
.publication-footer{padding:0;border-top:0}.footer-inner{padding-block:42px!important}.footer-kicker{display:block;font:600 10px/1.5 var(--sans);letter-spacing:.14em}.footer-brand{display:block;width:250px;max-width:100%}.footer-brand .wordmark{max-width:100%}.footer-people{display:flex;flex-wrap:wrap;gap:12px 24px;font:12px/1.6 var(--sans)}.footer-people a{display:block}.footer-index{font:500 10px var(--sans);opacity:.65}.publication-footer .publication-bottom{margin-top:36px}.publication-footer h2{letter-spacing:-.04em}
/* Dubai Radar: a city desk with a numbered directory and signal-green rules. */
.footer-dubairadar{background:#fff;border-top:5px solid #d5f24a}.radar-heading{display:flex;justify-content:space-between;align-items:center;padding-bottom:24px;border-bottom:1px solid #b8c0b0}.radar-signal{font:11px var(--sans)}.radar-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:75px;padding-top:34px}.radar-grid h2{font:700 58px/1.02 var(--display);margin:0 0 22px}.radar-directory{display:grid;grid-template-columns:1fr 1fr;gap:0 32px;margin-bottom:24px}.radar-directory a{display:grid;grid-template-columns:20px 1fr auto;gap:10px;padding:18px 0;border-bottom:1px solid #b8c0b0;font-weight:600;font-size:14px}
/* Do Dubai: an open invitation with a sunny field and playful topic pills. */
.footer-dodubai{background:#fff;border-top:10px solid #f66a36;--line:#e1e1e1;--muted:#666}.do-invite{text-align:center;padding:12px 0 36px}.do-invite h2{font:700 65px/1.02 var(--display);margin:20px 0 26px}.do-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.do-pills a{border:1px solid #343026;border-radius:100px;display:flex;gap:16px;padding:12px 20px;font-size:14px}.do-pills .footer-index{display:none}.do-pills a:nth-child(3n+2){background:#f66a36;color:#202020;border-color:#f66a36}.do-bottom{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:35px;border-top:1px solid var(--line);padding-top:30px}.do-bottom p{font-size:13px;line-height:1.7}.do-bottom .footer-people{display:block}.do-bottom .footer-people a{margin:8px 0}
/* Night Dubai: event-poster typography beside a stripped-back line-up. */
.footer-nightdubai{background:#261c2a;border-top:1px solid #ff683b}.night-bill{display:grid;grid-template-columns:1.3fr 1fr;gap:85px}.night-title .footer-kicker{color:#cebdf1}.night-title h2{font:700 55px/1.12 var(--display);color:#ff683b;margin:25px 0 35px}.night-lineup a{display:grid;grid-template-columns:28px 1fr auto;gap:20px;align-items:center;border-bottom:1px solid #514155;padding:15px 0;font:500 15px var(--display)}.night-lineup .footer-index{color:#cebdf1}.night-signoff{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:35px;padding-top:24px;border-top:1px solid #514155}.night-signoff>span{font:10px var(--sans);letter-spacing:.14em;color:#cebdf1}
/* Gulf Effect: an orange editorial panel next to a six-part regional index. */
.footer-gulfeffect{background:#fff;border-top:5px solid #006b61}.gulf-grid{display:grid;grid-template-columns:1fr 1.6fr;gap:45px}.gulf-statement{background:#ff864b;padding:30px;color:#173b36}.gulf-statement h2{font:700 56px/1 var(--display);margin:20px 0}.gulf-statement p{font:13px/1.8 var(--sans);max-width:240px}.gulf-index{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.gulf-index a{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:18px 0;border-top:2px solid #006b61;font:600 24px var(--display)}.gulf-index a>span:last-child{margin-top:auto;align-self:flex-end;font-family:var(--sans)}.gulf-signoff{display:flex;align-items:center;justify-content:space-between;gap:35px;padding-top:28px}.gulf-signoff .footer-people{max-width:450px;justify-content:flex-end}
/* Dubai Table: a centred name above a menu and a welcoming table note. */
.footer-dubaitable{background:#fff;border-top:3px solid #171717;--line:#dedede}.table-title{display:flex;flex-direction:column;align-items:center;gap:8px;padding-bottom:30px;border-bottom:1px solid var(--line)}.table-title .footer-brand{width:330px}.publication-refresh .table-title .wordmark{width:330px}.table-title .footer-kicker{color:#171717}.table-setting{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;padding-top:30px}.table-menu h2{font:600 30px var(--display);margin:0 0 20px}.table-menu a{display:flex;align-items:baseline;gap:15px;padding:12px 0;border-bottom:1px solid #dedede;font:500 18px var(--display)}.table-menu a>span:nth-child(2){flex:1}.table-invitation{background:#171717;color:#fff;padding:30px;border-radius:0;border-top:4px solid #ef452e}.table-invitation h2{font:600 32px/1.15 var(--display);margin:5px 0 20px}.table-invitation p{font:14px/1.8 var(--sans);color:#fff}.table-invitation .footer-people{margin-top:25px;display:block}.table-invitation .footer-people a{padding:5px 0}
/* Dubai Choice: one welcome column opening onto six guide tiles. */
.footer-dubaichoice{background:#fff;border-top:4px solid #7652bb}.choice-layout{display:grid;grid-template-columns:1fr 1.3fr;gap:75px}.choice-welcome h2{font:700 44px/1.08 var(--display);margin:22px 0 18px}.choice-welcome p{font:14px/1.8 var(--sans);color:#6c5c78}.choice-welcome .footer-people{display:block;margin-top:24px}.choice-welcome .footer-people a{margin:10px 0}.choice-doors{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.choice-doors a{display:grid;grid-template-columns:1fr auto;align-content:space-between;gap:12px;padding:24px;background:#fff;border:1px solid #e2ddea;border-top:4px solid #7652bb;font:600 19px var(--display);min-height:130px}.choice-doors .footer-index{grid-column:1/-1}.choice-doors a:nth-child(3n+2){background:#7652bb;color:#fff;border-color:#7652bb}.choice-doors a:nth-child(3n+2) .footer-index{opacity:1}
/* Dubai Picks: a large monochrome shopping edit with an index beneath. */
.footer-dubaipicks{background:#fff;border-top:8px solid #191919}.picks-heading{position:relative;padding-bottom:36px;border-bottom:1px solid #b5b5af}.picks-heading h2{font:800 72px/.98 var(--display);margin:22px 0 26px;letter-spacing:-.065em}.picks-saved{border:0;border-bottom:1px solid #191919;padding:0 0 6px;background:none;color:#191919;font:500 13px var(--sans);cursor:pointer}.picks-bottom{display:grid;grid-template-columns:1fr 1.2fr .8fr;gap:45px;padding-top:32px}.picks-directory{display:grid;grid-template-columns:1fr 1fr;gap:14px 25px}.picks-directory a{display:flex;gap:12px;font-size:13px}.picks-directory a>span:last-child{display:none}.picks-bottom .footer-people{display:block}.picks-bottom .footer-people a{margin:0 0 12px}.footer-dubaipicks .footer-brand .approved-wordmark{transform:translateX(-21.40884%)}.footer-dubaipicks .footer-brand .wordmark{overflow:hidden}
@media(max-width:1000px){.publication-purpose{display:none}.radar-grid,.night-bill,.table-setting,.choice-layout{gap:35px}.gulf-grid{grid-template-columns:1fr 1.3fr;gap:30px}.gulf-index{grid-template-columns:1fr 1fr}.picks-bottom{gap:25px}.night-title h2{font-size:43px}.radar-grid h2{font-size:48px}}
@media(max-width:760px){.publication-links{gap:14px}.publication-links button{font-size:11px;gap:5px}.publication-links svg{width:15px;height:15px}.publication-refresh .publication-mast .brand-logo{flex-basis:280px;max-width:56%}.footer-inner{padding-block:30px!important}.radar-heading{display:block}.radar-signal{display:block;margin-top:10px}.radar-grid,.night-bill,.gulf-grid,.table-setting,.choice-layout{grid-template-columns:1fr;gap:28px}.radar-grid h2{font-size:44px}.radar-directory{gap:0 25px}.radar-directory a{font-size:13px}.do-invite h2{font-size:49px}.do-pills{gap:10px}.do-pills a{padding:10px 15px;font-size:12px}.do-bottom{grid-template-columns:1fr 1fr;gap:20px}.do-bottom>.footer-brand{grid-column:1/-1}.night-title h2{font-size:40px}.night-signoff{align-items:flex-start;flex-direction:column}.gulf-index{grid-template-columns:repeat(3,1fr);gap:18px}.gulf-index a{font-size:22px}.gulf-signoff{align-items:flex-start;flex-direction:column}.gulf-signoff .footer-people{justify-content:flex-start}.table-title .footer-brand{max-width:90%}.table-setting{gap:30px}.table-invitation{padding:30px}.choice-welcome h2{font-size:39px}.choice-doors a{font-size:18px;padding:18px;min-height:115px}.picks-heading h2{font-size:50px}.picks-bottom{grid-template-columns:1fr 1fr;gap:25px}.picks-bottom>.footer-brand{grid-column:1/-1}.publication-footer .publication-bottom nav{gap:15px}.publication-footer .publication-bottom{font-size:10px}.publication-library{padding:20px}.library-top h2{font-size:25px}#library-search>button{padding:10px 14px}#library-query{padding:12px;font-size:13px}.byline>.story-save{margin-left:0}.publication-meta{align-items:center}.publication-meta .story-save{margin-left:0;font-size:10px}}
@media(max-width:360px){.publication-links{gap:10px}.publication-links svg{display:none}.choice-doors{gap:10px}.gulf-index{grid-template-columns:1fr 1fr}}

/* White page surfaces; each publication's primary colour supplies the emphasis. */
body.brand-dubairadar{--action:#d5f24a;--action-ink:#232b26}
body.brand-dodubai{--action:#f66a36;--action-ink:#202020}
body.brand-gulfeffect{--action:#006b61;--action-ink:#ffffff}
body.brand-dubaitable{--action:#171717;--action-ink:#ffffff}
body.brand-dubaichoice{--action:#7652bb;--action-ink:#ffffff}
body.brand-dubaipicks{--action:#191919;--action-ink:#ffffff}
.publication-refresh:not(.brand-nightdubai) .publication-about{border:1px solid var(--line);border-top:4px solid var(--accent)}
.publication-refresh:not(.brand-nightdubai) #library-search>button,.publication-refresh:not(.brand-nightdubai) .cookie .accept{background:var(--action);color:var(--action-ink);border-color:var(--action)}
.brand-dubairadar .publication-category{color:#232b26;background:#d5f24a;padding:3px 7px}
.brand-dubairadar .publication-header{border-top-color:#d5f24a}.brand-dubairadar .publication-topics a[aria-current]:after{height:4px;background:#d5f24a}
.brand-dubairadar .publication-about .eyebrow{display:inline-block;background:#d5f24a;color:#232b26;padding:3px 7px}
.brand-dubairadar .radar-heading{border-bottom:3px solid #d5f24a}.brand-dubairadar .radar-directory a{border-color:#dedede}.brand-dubairadar .footer-index{background:#d5f24a;color:#232b26;opacity:1;padding:4px 3px;align-self:start}
.brand-dodubai .publication-category{color:#b73b10}.brand-dodubai .do-invite h2{color:#d94a18}.brand-dodubai .do-pills a{border-color:#f66a36}
.brand-gulfeffect .publication-topics a[aria-current]:after{background:#ff864b}.brand-gulfeffect .gulf-index a{color:#006b61}
.brand-dubaitable .table-menu h2,.brand-dubaitable .table-menu a{color:#171717}
.brand-dubaichoice .choice-welcome h2{color:#7652bb}
.brand-dubairadar button:focus-visible,.brand-dubairadar a:focus-visible,.brand-dodubai button:focus-visible,.brand-dodubai a:focus-visible{outline-color:var(--ink)}
/* Keep small text legible while the vivid colours carry rules, labels and buttons. */
.brand-dubairadar .pk{color:#232b26;background:#d5f24a;padding:3px 7px}
.brand-dubairadar :is(.a-body a,.cat-more a,.contact-box .big,.ot-cat,.story-number,.pager a:hover,.side-t:hover,.pc h3 a:hover,.rail-t:hover,.row h2 a:hover){color:#232b26}
.brand-dubairadar .a-body a{text-decoration-color:#232b26;text-decoration-thickness:2px}
.brand-dubairadar :is(.share a:hover,.rail-social a:hover){color:#232b26}
.brand-dodubai :is(.pk,.a-body a,.cat-more a,.contact-box .big,.ot-cat,.pager a:hover,.side-t:hover,.pc h3 a:hover,.rail-t:hover,.row h2 a:hover){color:#b73b10}