/**
 * Emirate single - page CSS (scope root: .emirae-emirate-single).
 *
 * One stylesheet for all eight /emirates/{slug}/ routes. Ported from the design
 * kit ui_kits/emirae-abu-dhabi/abu-dhabi.css, which is drawn on the Abu Dhabi
 * example; nothing here is emirate-specific - every string lives in the
 * template, not in CSS.
 *
 * The kit loads consultants.css + open-requests.css + services.css alongside its
 * own file and reuses their generic component names (.section, .head-row,
 * .ccard, .orq-rcard, .control, .tag-chip, .metaitem). The theme already ships
 * scoped ports of those two stylesheets, so Parts A and B below are the needed
 * subset re-scoped from them rather than a second hand-written copy - the
 * declarations are byte-identical to their source. Part C is the kit's own file.
 *
 * EVERY rule is scoped to .emirae-emirate-single, which the template writes on
 * <main> next to .uaec-ds. Both classes must sit on the same element: the design
 * tokens (--surface, --border, --accent, --radius-*, --fs-*) are declared on
 * .uaec-ds, so a rule that resolved outside that wrapper would silently drop
 * every colour and border while still applying its pixel values.
 *
 * Do not remove the scope prefix: the kit's names are generic enough to collide
 * site-wide.
 */

/* NO token shim here, deliberately.
 *
 * open-requests.css opens with `--blue-600: var(--accent); --blue-stroke:
 * var(--navy-tint);` and that is safe there only because its scope root is a
 * BODY class, so .uaec-ds sits further in and its own declarations win for
 * everything inside. This scope root is written on the same element as
 * .uaec-ds, so the two aliases would land at the same level as the tokens
 * themselves - and tokens.css declares `--accent: var(--blue-600)`. Aliasing
 * --blue-600 back to --accent closes that into a cycle, which CSS resolves by
 * making every property in it invalid at computed-value time: --accent computes
 * to nothing, `background: var(--accent)` falls back to transparent, and every
 * primary button on the page turns into white text on a white card.
 *
 * The shim is not needed anyway: --blue-600 (#116acc), --blue-stroke and
 * --navy-tint are all real design-system tokens already, and every other name
 * Part C reads is defined in tokens.css too.
 */
.emirae-emirate-single {
  /* <main> is the flex child of #page (min-h-screen flex flex-col); the old
     template got this from the Tailwind `flex-1` utility, which this port
     no longer uses. */
  flex: 1 1 auto;
  background: var(--surface);
}

/* ===== Part A: shared foundation + consultant cards
   (re-scoped from assets/css/pages/consultants.css) ===== */
.emirae-emirate-single { --tint: #f1f6fd; --header-h: 76px; }
.emirae-emirate-single .section { padding-block: 56px; }
@media (min-width: 1024px) {
  .emirae-emirate-single .section { padding-block: 76px; }
}
.emirae-emirate-single .section--tint { background: var(--tint); }
.emirae-emirate-single .section--navy { background: var(--navy-800); color: #fff; }
.emirae-emirate-single .section--tight { padding-block: 40px; }
@media (min-width: 1024px) {
  .emirae-emirate-single .section--tight { padding-block: 52px; }
}
.emirae-emirate-single .eyebrow-line { display: inline-flex; align-items: center; gap: 9px; margin-bottom: 14px; }
.emirae-emirate-single .eyebrow-line .uaec-eyebrow { white-space: nowrap; }
.emirae-emirate-single .eyebrow-line::before { content: ""; width: 26px; height: 2px; border-radius: 2px; background: var(--accent); }
.emirae-emirate-single .section--navy .eyebrow-line .uaec-eyebrow { color: var(--navy-tint); }
.emirae-emirate-single .section--navy .eyebrow-line::before { background: var(--navy-tint); }
.emirae-emirate-single .section-head { max-width: 640px; }
.emirae-emirate-single .section-head--center { margin-inline: auto; text-align: center; }
.emirae-emirate-single .section-head--center .eyebrow-line { justify-content: center; }
.emirae-emirate-single .section-head h2 { margin-bottom: 12px; font-size: clamp(25px, 2.6vw, 32px); line-height: 1.14; letter-spacing: -0.025em; color: var(--text-strong); }
.emirae-emirate-single .section-head p { color: var(--text-secondary); font-size: var(--fs-body); line-height: 1.6; }
.emirae-emirate-single .section--navy .section-head h2 { color: #fff; }
.emirae-emirate-single .section--navy .section-head p { color: var(--text-on-dark-soft); }
.emirae-emirate-single .head-row { display: flex; flex-direction: column; gap: 16px; margin-bottom: 34px; }
@media (min-width: 900px) {
  .emirae-emirate-single .head-row { flex-direction: row; align-items: flex-end; justify-content: space-between; }
}
.emirae-emirate-single .link-more { display: inline-flex; align-items: center; gap: 6px; color: var(--accent); font-weight: var(--fw-medium); font-size: var(--fs-sm); white-space: nowrap; }
.emirae-emirate-single .link-more:hover { gap: 9px; color: var(--accent-hover); }
.emirae-emirate-single .link-more svg { width: 16px; height: 16px; stroke-width: 2; transition: transform var(--dur) var(--ease); }
.emirae-emirate-single .icon-sm { width: 17px; height: 17px; stroke-width: 1.8; flex: none; }
.emirae-emirate-single .intro .eyebrow-line::before { background: var(--navy-tint); }
.emirae-emirate-single .crumbs { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; font-size: var(--fs-xs); margin-bottom: 26px; }
.emirae-emirate-single .crumbs a { color: rgba(255,255,255,.6); transition: color var(--dur) var(--ease); }
.emirae-emirate-single .crumbs a:hover { color: #fff; }
.emirae-emirate-single .crumbs span[aria-current] { color: rgba(255,255,255,.92); font-weight: var(--fw-medium); }
.emirae-emirate-single .crumbs svg { width: 14px; height: 14px; color: rgba(255,255,255,.32); flex: none; }
.emirae-emirate-single .filterwrap.is-stuck .control select, .emirae-emirate-single .filterwrap.is-stuck .control input[type="text"], .emirae-emirate-single .filterwrap.is-stuck .control input[type="search"] { height: 40px; }
.emirae-emirate-single .control { position: relative; }
.emirae-emirate-single .control > svg { position: absolute; left: 13px; top: 50%; transform: translateY(-50%); width: 18px; height: 18px; color: var(--text-muted); pointer-events: none; }
.emirae-emirate-single .control select, .emirae-emirate-single .control input[type="text"], .emirae-emirate-single .control input[type="search"] { width: 100%; height: 42px; border: 1px solid var(--border-strong); border-radius: var(--radius-md); background: var(--surface); color: var(--text-strong); font: inherit; font-size: var(--fs-sm); padding: 0 34px 0 40px; appearance: none; -webkit-appearance: none; cursor: pointer; transition: border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease), height var(--dur) var(--ease); }
.emirae-emirate-single .control input[type="text"], .emirae-emirate-single .control input[type="search"] { cursor: text; padding-right: 14px; }
.emirae-emirate-single .control select:hover, .emirae-emirate-single .control input:hover { border-color: var(--accent); }
.emirae-emirate-single .control select:focus, .emirae-emirate-single .control input:focus { outline: none; border-color: var(--accent); box-shadow: 0 0 0 3px var(--accent-ring); }
.emirae-emirate-single .control--select::after { content: ""; position: absolute; right: 15px; top: 50%; width: 8px; height: 8px; border-right: 2px solid var(--text-muted); border-bottom: 2px solid var(--text-muted); transform: translateY(-72%) rotate(45deg); pointer-events: none; }
.emirae-emirate-single .dir-head__title .eyebrow-line { margin-bottom: 12px; }
.emirae-emirate-single .results-sort .control { min-width: 200px; }
@media (max-width: 520px) {
  .emirae-emirate-single .results-sort .control { flex: 1; min-width: 0; }
}
.emirae-emirate-single .featured-head__text .eyebrow-line { margin-bottom: 12px; }
.emirae-emirate-single .featured-head .link-more { flex: none; white-space: nowrap; padding-bottom: 5px; }
.emirae-emirate-single .tag-chip { display: inline-flex; align-items: center; padding: 4px 10px; border-radius: var(--radius-sm); font-size: 12px; font-weight: var(--fw-medium); background: var(--surface-alt); color: var(--text-secondary); border: 1px solid var(--border); }
.emirae-emirate-single .tag-chip--accent { background: var(--accent-soft); color: var(--accent-hover); border-color: color-mix(in srgb, var(--accent) 16%, var(--border)); }
.emirae-emirate-single .metaitem { display: flex; align-items: center; gap: 9px; min-width: 0; }
.emirae-emirate-single .metaitem svg { width: 17px; height: 17px; flex: none; color: var(--accent); opacity: .85; }
.emirae-emirate-single .metaitem > span { display: flex; flex-direction: column; min-width: 0; }
.emirae-emirate-single .metaitem__k { display: block; font-size: 10px; font-weight: var(--fw-bold); letter-spacing: 0.05em; text-transform: uppercase; color: var(--text-muted); line-height: 1; margin-bottom: 3px; }
.emirae-emirate-single .metaitem__v { display: block; font-size: var(--fs-xs); color: var(--text-strong); font-weight: var(--fw-medium); line-height: 1.15; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.emirae-emirate-single .metaitem--muted svg { color: var(--text-muted); opacity: .68; }
.emirae-emirate-single .metaitem--muted .metaitem__v { color: var(--text-secondary); font-weight: var(--fw-regular); }
.emirae-emirate-single .ccard.is-hidden { display: none; }
.emirae-emirate-single .ccard { position: relative; overflow: hidden; display: flex; flex-direction: column; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-2xl); box-shadow: var(--shadow-sm); transition: border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease), transform var(--dur) var(--ease); }
.emirae-emirate-single .ccard::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, var(--accent), var(--blue-stroke)); opacity: 0; transition: opacity var(--dur) var(--ease); z-index: 2; }
.emirae-emirate-single .ccard:hover { border-color: color-mix(in srgb, var(--accent) 42%, var(--border)); box-shadow: var(--shadow-lg); transform: translateY(-3px); }
.emirae-emirate-single .ccard:hover::before { opacity: 1; }
.emirae-emirate-single .ccard__head { display: flex; align-items: flex-start; gap: 14px; padding: 22px 22px 0; }
.emirae-emirate-single .ccard__logo { width: 52px; height: 52px; border-radius: 14px; flex: none; display: flex; align-items: center; justify-content: center; font-weight: var(--fw-bold); font-size: 19px; color: var(--accent); background: linear-gradient(155deg, #fff 0%, color-mix(in srgb, var(--accent-soft) 82%, #fff) 100%); border: 1px solid color-mix(in srgb, var(--accent) 15%, var(--border)); box-shadow: inset 0 1px 0 rgba(255,255,255,.9); }
.emirae-emirate-single .ccard__idtop { flex: 1; min-width: 0; }
.emirae-emirate-single .ccard__namerow { display: flex; align-items: flex-start; gap: 10px; justify-content: space-between; }
.emirae-emirate-single .ccard__name { font-size: var(--fs-body); font-weight: var(--fw-bold); color: var(--text-strong); line-height: 1.25; letter-spacing: -0.01em; }
.emirae-emirate-single .ccard__name a { transition: color var(--dur) var(--ease); }
.emirae-emirate-single .ccard:hover .ccard__name a { color: var(--accent); }
.emirae-emirate-single .ccard__type { font-size: var(--fs-xs); color: var(--text-muted); margin-top: 3px; line-height: 1.3; display: inline-flex; align-items: center; gap: 7px; }
.emirae-emirate-single .ccard__type .dot { width: 3px; height: 3px; border-radius: 50%; background: var(--border-strong); }
.emirae-emirate-single .verify-pill { display: inline-flex; align-items: center; gap: 4px; padding: 3px 8px; border-radius: var(--radius-pill); background: var(--success-50); color: var(--success-700); font-size: 11px; font-weight: var(--fw-medium); flex: none; }
.emirae-emirate-single .verify-pill svg { width: 13px; height: 13px; }
.emirae-emirate-single .ccard__body { padding: 15px 22px 0; flex: 1; display: flex; flex-direction: column; }
.emirae-emirate-single .ccard__desc { font-size: var(--fs-sm); line-height: 1.58; color: var(--text-secondary); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 14px; }
.emirae-emirate-single .ccard__tags { display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 16px; }
.emirae-emirate-single .ccard__meta { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 16px; margin-top: auto; padding-top: 16px; border-top: 1px solid var(--border); }
.emirae-emirate-single .ccard__foot { display: flex; gap: 10px; align-items: center; padding: 16px 22px 20px; }
.emirae-emirate-single .ccard__foot .uaec-btn--primary { flex: 1; }
.emirae-emirate-single .link-secondary { display: inline-flex; align-items: center; gap: 5px; font-size: var(--fs-sm); font-weight: var(--fw-medium); color: var(--text-secondary); white-space: nowrap; padding: 0 6px; transition: color var(--dur) var(--ease); }
.emirae-emirate-single .link-secondary:hover { color: var(--accent); }
.emirae-emirate-single .link-secondary svg { width: 15px; height: 15px; stroke-width: 2; }
.emirae-emirate-single .verify-intro > .eyebrow-line { margin-bottom: 14px; }
.emirae-emirate-single .faq-aside .eyebrow-line { margin-bottom: 14px; }
.emirae-emirate-single .faq .caret { flex: none; width: 32px; height: 32px; padding: 7px; border-radius: 50%; background: var(--accent-soft); color: var(--accent); box-sizing: border-box; transition: transform var(--dur) var(--ease), background var(--dur) var(--ease), color var(--dur) var(--ease); }
.emirae-emirate-single .faq[open] > summary .caret { transform: rotate(180deg); background: var(--accent); color: #fff; }
.emirae-emirate-single .cta__copy .eyebrow-line { margin-bottom: 14px; }
.emirae-emirate-single .cta__copy .eyebrow-line::before { background: var(--navy-tint); }
.emirae-emirate-single .drawer .control select, .emirae-emirate-single .drawer .control input { height: 48px; }
.emirae-emirate-single .psnap-head .eyebrow-line { margin-bottom: 14px; }
.emirae-emirate-single .uaec-btn svg, .emirae-emirate-single .link-more svg, .emirae-emirate-single .link-secondary svg { width: 16px; height: 16px; flex: 0 0 auto; }
.emirae-emirate-single .metaitem > svg { width: 15px; height: 15px; flex: 0 0 auto; }
.emirae-emirate-single .verify svg, .emirae-emirate-single .verify-pill svg { width: 14px; height: 14px; flex: 0 0 auto; }
.emirae-emirate-single .field .control > svg { width: 17px; height: 17px; flex: 0 0 auto; }
.emirae-emirate-single .ccard__name, .emirae-emirate-single .fcard__name { overflow-wrap: anywhere; }
.emirae-emirate-single .cta--solo .cta__copy .eyebrow-line { justify-content: center; }

/* ===== Part B: request cards + contained CTA
   (re-scoped from assets/css/pages/open-requests.css) ===== */
.emirae-emirate-single .bordered-top { border-top: 1px solid var(--border); }
.emirae-emirate-single .icon { width: 20px; height: 20px; stroke-width: 1.8; flex: none; }
.emirae-emirate-single .shero__cta .uaec-btn--primary, .emirae-emirate-single .has-gs [data-getstarted-btn], .emirae-emirate-single .shero__cta .btn-on-dark { position: relative; isolation: isolate; overflow: hidden; transition: transform .6s cubic-bezier(.16,.84,.32,1), box-shadow .6s cubic-bezier(.16,.84,.32,1), border-color .5s ease, background .5s ease; }
.emirae-emirate-single .shero__cta .uaec-btn--primary::after, .emirae-emirate-single .has-gs [data-getstarted-btn]::after, .emirae-emirate-single .shero__cta .btn-on-dark::after { content: ""; position: absolute; inset: 0; pointer-events: none; z-index: 1; opacity: 0; transition: opacity .55s ease; }
.emirae-emirate-single .shero__cta .uaec-btn--primary:hover::after, .emirae-emirate-single .has-gs [data-getstarted-btn]:hover::after, .emirae-emirate-single .shero__cta .btn-on-dark:hover::after { opacity: 1; }
.emirae-emirate-single .shero__cta .btn-on-dark { color: var(--navy-tint); border: 1px solid rgba(255,255,255,.1); background: rgba(0,0,0,.16); box-shadow: inset 0 1px 3px rgba(0,0,0,.4), inset 0 -1px 0 rgba(255,255,255,.05); }
.emirae-emirate-single .shero__cta .btn-on-dark::after { background: radial-gradient(110% 110% at 50% 120%, rgba(255,255,255,.1) 0%, transparent 55%); }
.emirae-emirate-single .shero__cta .btn-on-dark:hover { transform: translateY(-1.5px); color: color-mix(in srgb, var(--navy-tint) 60%, #fff 40%); border-color: rgba(255,255,255,.18); background: rgba(0,0,0,.1); }
.emirae-emirate-single .shero__cta .btn-on-dark:active { transform: translateY(0); background: rgba(0,0,0,.22); box-shadow: inset 0 2px 6px rgba(0,0,0,.5); }
@media (prefers-reduced-motion: reduce) {
  .emirae-emirate-single .shero__cta .uaec-btn--primary, .emirae-emirate-single .shero__cta .btn-on-dark, .emirae-emirate-single .has-gs [data-getstarted-btn] { transition: none; animation: none !important; }
  .emirae-emirate-single .shero__cta .uaec-btn--primary::after, .emirae-emirate-single .shero__cta .btn-on-dark::after { display: none; }
}
.emirae-emirate-single .orq-rcard { display: flex; flex-direction: column; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-xl); box-shadow: var(--shadow-sm); padding: 20px; position: relative; transition: border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease), transform var(--dur) var(--ease); }
.emirae-emirate-single .orq-rcard:hover { border-color: color-mix(in srgb, var(--accent) 45%, var(--border)); box-shadow: var(--shadow-lg); transform: translateY(-3px); }
.emirae-emirate-single .orq-rcard__badges { display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 13px; }
.emirae-emirate-single .orq-mbadge { display: inline-flex; align-items: center; gap: 5px; padding: 4px 10px; border-radius: var(--radius-pill); font-size: var(--fs-2xs); font-weight: var(--fw-medium); line-height: 1.3; background: var(--surface-alt); color: var(--text-secondary); }
.emirae-emirate-single .orq-mbadge svg { width: 12px; height: 12px; flex: none; }
.emirae-emirate-single .orq-mbadge--svc { background: var(--accent-soft); color: var(--accent-hover); }
.emirae-emirate-single .orq-mbadge--loc { background: var(--gray-100); color: var(--text-secondary); }
.emirae-emirate-single .orq-mbadge--aud { background: color-mix(in srgb, var(--navy-tint) 30%, var(--gray-50)); color: var(--navy-700); }
.emirae-emirate-single .orq-mbadge--urgent { background: var(--warning-50); color: var(--warning-700); }
.emirae-emirate-single .orq-mbadge--soon { background: var(--info-50); color: var(--info-500); }
.emirae-emirate-single .orq-mbadge--flex { background: var(--success-50); color: var(--success-700); }
.emirae-emirate-single .orq-rcard__title { font-size: var(--fs-lg); line-height: 1.3; font-weight: var(--fw-bold); color: var(--text-strong); letter-spacing: -0.01em; margin-bottom: 8px; }
.emirae-emirate-single .orq-rcard__title a { color: inherit; }
.emirae-emirate-single .orq-rcard__title a::after { content: ""; position: absolute; inset: 0; z-index: 1; }
.emirae-emirate-single .orq-rcard:hover .orq-rcard__title { color: var(--accent-hover); }
.emirae-emirate-single .orq-rcard__code { font-family: var(--font-mono); font-size: var(--fs-xs); color: var(--text-muted); margin-bottom: 10px; }
.emirae-emirate-single .orq-rcard__excerpt { font-size: var(--fs-sm); line-height: 1.6; color: var(--text-secondary); margin-bottom: 16px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.emirae-emirate-single .orq-rcard__meta { display: grid; grid-template-columns: 1fr 1fr; gap: 10px 16px; padding-top: 15px; margin-top: auto; border-top: 1px dashed var(--border); }
.emirae-emirate-single .orq-metaItem { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.emirae-emirate-single .orq-metaItem__k { display: inline-flex; align-items: center; gap: 6px; font-size: 11px; letter-spacing: .02em; text-transform: uppercase; color: var(--text-muted); font-weight: var(--fw-medium); }
.emirae-emirate-single .orq-metaItem__k svg { width: 13px; height: 13px; flex: none; }
.emirae-emirate-single .orq-metaItem__v { font-size: var(--fs-sm); font-weight: var(--fw-medium); color: var(--text-strong); }
.emirae-emirate-single .orq-metaItem__v--muted { color: var(--text-muted); font-weight: var(--fw-regular); }
.emirae-emirate-single .orq-offers { display: inline-flex; align-items: center; gap: 8px; }
.emirae-emirate-single .orq-offers__dots { display: inline-flex; gap: 3px; }
.emirae-emirate-single .orq-offers__dot { width: 7px; height: 7px; border-radius: 50%; background: var(--gray-200); }
.emirae-emirate-single .orq-offers__dot.is-on { background: var(--accent); }
.emirae-emirate-single .orq-offers__n { font-size: var(--fs-sm); font-weight: var(--fw-medium); color: var(--text-strong); }
.emirae-emirate-single .orq-rcard__foot { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-top: 15px; margin-top: 15px; border-top: 1px solid var(--border); }
.emirae-emirate-single .orq-rcard__date { font-size: var(--fs-xs); color: var(--text-muted); display: inline-flex; align-items: center; gap: 6px; }
.emirae-emirate-single .orq-rcard__date svg { width: 14px; height: 14px; }
.emirae-emirate-single .orq-rcard__go { display: inline-flex; align-items: center; gap: 6px; font-size: var(--fs-sm); font-weight: var(--fw-medium); color: var(--accent); }
.emirae-emirate-single .orq-rcard__go svg { width: 16px; height: 16px; transition: transform var(--dur) var(--ease); }
.emirae-emirate-single .orq-rcard:hover .orq-rcard__go svg { transform: translateX(3px); }
.emirae-emirate-single .orq-rcard[hidden] { display: none; }
.emirae-emirate-single .orq-ctawrap { padding-block: 20px 72px; }
.emirae-emirate-single .orq-cta { position: relative; overflow: hidden; border-radius: var(--radius-2xl); background: linear-gradient(158deg, #16243f 0%, var(--navy-800) 58%, #0e1a30 100%); color: #fff; padding: 48px; display: grid; grid-template-columns: 1fr; gap: 36px; align-items: center; box-shadow: 0 40px 90px -40px rgba(6,14,34,.7); }
@media (min-width: 900px) {
  .emirae-emirate-single .orq-cta { grid-template-columns: 1.15fr .85fr; gap: 48px; padding: 52px 56px; }
}
.emirae-emirate-single .orq-cta::before { content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none; background: radial-gradient(560px 320px at 12% -10%, color-mix(in srgb, var(--accent) 52%, transparent), transparent 62%); }
.emirae-emirate-single .orq-cta::after { content: ""; position: absolute; inset: 0; z-index: 0; opacity: .4; pointer-events: none; background-image: radial-gradient(rgba(255,255,255,.07) 1px, transparent 1px); background-size: 24px 24px; -webkit-mask-image: radial-gradient(120% 120% at 100% 0%, #000, transparent 70%); mask-image: radial-gradient(120% 120% at 100% 0%, #000, transparent 70%); }
.emirae-emirate-single .orq-cta > * { position: relative; z-index: 1; }
.emirae-emirate-single .orq-cta__eyebrow { font-size: var(--fs-2xs); font-weight: var(--fw-bold); letter-spacing: var(--tracking-eyebrow); text-transform: uppercase; color: var(--navy-tint); }
.emirae-emirate-single .orq-cta h2 { font-size: clamp(24px, 3vw, 32px); line-height: 1.12; letter-spacing: -0.025em; color: #fff; margin: 12px 0 12px; }
.emirae-emirate-single .orq-cta__lede { font-size: var(--fs-body); line-height: 1.6; color: rgba(255,255,255,.74); max-width: 52ch; }

/* ===== Part C: Abu Dhabi geo-hub identity
   (ui_kits/emirae-abu-dhabi/abu-dhabi.css, scoped) ===== */
.emirae-emirate-single .icon { width: 20px; height: 20px; stroke-width: 1.8; flex: none; }
.emirae-emirate-single .section-head { margin-bottom: 44px; }
@media (max-width: 600px) {
  .emirae-emirate-single .section-head { margin-bottom: 30px; }
}
.emirae-emirate-single .bordered-top { border-top: 1px solid var(--border); }
.emirae-emirate-single .btn-on-dark { background: rgba(255,255,255,.08); color:#fff; border:1px solid rgba(255,255,255,.22); }
.emirae-emirate-single .btn-on-dark:hover { background: rgba(255,255,255,.16); border-color: rgba(255,255,255,.4); }
.emirae-emirate-single .ad-muted { color: var(--text-muted); font-style: italic; }
/* ============================================================
   HERO
   ============================================================ */
.emirae-emirate-single .ad-hero { position: relative; overflow: hidden; color:#fff; padding-top: 76px; margin-top: -76px; background: linear-gradient(168deg, #0c1325 0%, #122039 54%, #16243f 100%); }
.emirae-emirate-single .ad-hero::before { content:""; position:absolute; inset:0; pointer-events:none; background: radial-gradient(820px 460px at 90% 6%, color-mix(in srgb, var(--blue-600) 52%, transparent), transparent 62%), radial-gradient(680px 420px at 2% 92%, color-mix(in srgb, var(--blue-stroke) 20%, transparent), transparent 60%); }
.emirae-emirate-single .ad-hero::after { content:""; position:absolute; inset:0; opacity:.5; pointer-events:none; background-image: radial-gradient(rgba(255,255,255,.06) 1px, transparent 1px); background-size: 26px 26px; -webkit-mask-image: linear-gradient(180deg,#000,transparent 80%); mask-image: linear-gradient(180deg,#000,transparent 80%); }
.emirae-emirate-single .ad-hero__inner { position: relative; z-index:1; display:grid; grid-template-columns:1fr; gap:40px; padding-block:56px 68px; align-items:center; }
@media (min-width: 940px) {
  .emirae-emirate-single .ad-hero__inner { grid-template-columns: 1.05fr .95fr; gap:56px; padding-block:68px 84px; }
}
.emirae-emirate-single .ad-hero__lead h1 { font-size: clamp(32px,4.6vw,52px); line-height:1.06; letter-spacing:-0.03em; font-weight:var(--fw-bold); color:#fff; margin-bottom:18px; max-width:16ch; }
.emirae-emirate-single .ad-hero__lead h1 em { font-style:normal; color: var(--navy-tint); }
.emirae-emirate-single .ad-hero__lede { font-size: clamp(16px,1.5vw,18px); line-height:1.62; color: rgba(255,255,255,.74); max-width:54ch; margin-bottom:30px; }
.emirae-emirate-single .ad-hero__cta { display:flex; flex-wrap:wrap; gap:14px; }
@media (max-width:460px) {
  .emirae-emirate-single .ad-hero__cta { flex-direction:column; }
}
.emirae-emirate-single .ad-snap { position: relative; border-radius: var(--radius-2xl); padding:22px; color:#fff; background: linear-gradient(160deg, rgba(255,255,255,.08), rgba(255,255,255,.02)); border:1px solid rgba(255,255,255,.12); backdrop-filter: blur(6px); box-shadow: 0 40px 90px rgba(4,10,24,.5); }
.emirae-emirate-single .ad-snap__head { display:flex; align-items:center; gap:12px; margin-bottom:18px; }
.emirae-emirate-single .ad-snap__mark { width:44px; height:44px; border-radius: var(--radius-md); display:grid; place-items:center; font-weight:var(--fw-bold); font-size:15px; background: rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.24); }
.emirae-emirate-single .ad-snap__ht { display:flex; flex-direction:column; gap:2px; flex:1; }
.emirae-emirate-single .ad-snap__eyebrow { font-size: var(--fs-2xs); letter-spacing:.06em; text-transform:uppercase; font-weight:var(--fw-bold); color: var(--navy-tint); }
.emirae-emirate-single .ad-snap__title { font-size: var(--fs-sm); font-weight:var(--fw-medium); color:#fff; }
.emirae-emirate-single .ad-snap__live { display:inline-flex; align-items:center; gap:6px; font-size:11px; color: rgba(255,255,255,.7); padding:4px 10px; border-radius: var(--radius-pill); background: rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12); }
.emirae-emirate-single .ad-snap__live-dot { width:7px; height:7px; border-radius:50%; background: var(--success-500); box-shadow:0 0 0 4px color-mix(in srgb, var(--success-500) 22%, transparent); }
.emirae-emirate-single .ad-snap__grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.emirae-emirate-single .ad-snap__cell { padding:14px; border-radius: var(--radius-lg); background: rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.1); display:flex; flex-direction:column; gap:6px; }
.emirae-emirate-single .ad-snap__k { font-size: var(--fs-2xs); letter-spacing:.04em; text-transform:uppercase; color: rgba(255,255,255,.55); font-weight:var(--fw-bold); }
.emirae-emirate-single .ad-snap__v { font-size:24px; font-weight:var(--fw-bold); color:#fff; letter-spacing:-0.02em; }
.emirae-emirate-single .ad-snap__v--sm { font-size:15px; font-weight:var(--fw-medium); }
.emirae-emirate-single .ad-snap__dbind { display:inline-flex; align-items:center; gap:6px; font-size:12px; font-weight:var(--fw-medium); color: var(--navy-tint); }
.emirae-emirate-single .ad-snap__dbind::before { content:""; width:7px; height:7px; border-radius:2px; background: var(--navy-tint); }
.emirae-emirate-single .ad-snap__foot { display:flex; align-items:flex-start; gap:9px; margin-top:16px; padding-top:14px; border-top:1px solid rgba(255,255,255,.1); font-size:12px; color: rgba(255,255,255,.6); line-height:1.5; }
.emirae-emirate-single .ad-snap__foot svg { color: var(--navy-tint); margin-top:1px; }
/* ============================================================
   AT A GLANCE
   ============================================================ */
.emirae-emirate-single .ad-glance { border-bottom:1px solid var(--border); background: var(--surface); }
.emirae-emirate-single .ad-glance__row { display:grid; grid-template-columns: repeat(4,1fr); gap:0; }
@media (max-width: 720px) {
  .emirae-emirate-single .ad-glance__row { grid-template-columns:1fr 1fr; }
}
.emirae-emirate-single .ad-glance__cell { display:flex; align-items:center; gap:13px; padding:22px 24px; border-right:1px solid var(--border); }
.emirae-emirate-single .ad-glance__cell:last-child { border-right:0; }
@media (max-width: 720px) {
  .emirae-emirate-single .ad-glance__cell:nth-child(2) { border-right:0; }
  .emirae-emirate-single .ad-glance__cell:nth-child(-n+2) { border-bottom:1px solid var(--border); }
}
.emirae-emirate-single .ad-glance__ico { flex:none; width:42px; height:42px; border-radius: var(--radius-md); display:grid; place-items:center; background: var(--accent-soft); color: var(--accent); }
.emirae-emirate-single .ad-glance__body { display:flex; flex-direction:column; gap:3px; }
.emirae-emirate-single .ad-glance__k { font-size: var(--fs-2xs); letter-spacing:.04em; text-transform:uppercase; font-weight:var(--fw-bold); color: var(--text-muted); }
.emirae-emirate-single .ad-glance__v { font-size: var(--fs-lg); font-weight:var(--fw-bold); color: var(--text-strong); }
.emirae-emirate-single .ad-glance__v .ad-snap__dbind { color: var(--accent); font-size:13px; }
.emirae-emirate-single .ad-glance__v .ad-snap__dbind::before { background: var(--accent); }
/* ============================================================
   LOCAL DISCOVERY NAV
   ============================================================ */
.emirae-emirate-single .ad-localnav { position: sticky; top: 70px; z-index: 20; background: color-mix(in srgb, var(--surface) 88%, transparent); backdrop-filter: blur(10px); border-bottom:1px solid var(--border); }
.emirae-emirate-single .ad-localnav__inner { display:flex; gap:6px; overflow-x:auto; scrollbar-width:none; }
.emirae-emirate-single .ad-localnav__inner::-webkit-scrollbar { display:none; }
.emirae-emirate-single .ad-localnav__link { position: relative; padding:15px 16px; font-size: var(--fs-sm); font-weight:var(--fw-medium); color: var(--text-secondary); white-space:nowrap; }
.emirae-emirate-single .ad-localnav__link:hover { color: var(--accent); }
.emirae-emirate-single .ad-localnav__link.is-active { color: var(--accent); }
.emirae-emirate-single .ad-localnav__link.is-active::after { content:""; position:absolute; left:16px; right:16px; bottom:-1px; height:2px; border-radius:2px; background: var(--accent); }
/* ============================================================
   COMPACT FILTER (adf)
   ============================================================ */
.emirae-emirate-single .adf { border:1px solid var(--border); border-radius: var(--radius-xl); background: var(--surface); padding:16px; margin-bottom:26px; box-shadow: 0 6px 18px rgba(24,34,51,.05); }
.emirae-emirate-single .adf__row { display:grid; grid-template-columns: 1fr 1fr 1fr auto; gap:12px; align-items:end; }
@media (max-width: 900px) {
  .emirae-emirate-single .adf__row { grid-template-columns:1fr 1fr; }
}
.emirae-emirate-single .adf__field { display:flex; flex-direction:column; gap:6px; min-width:0; }
.emirae-emirate-single .adf__label { font-size: var(--fs-2xs); letter-spacing:.03em; text-transform:uppercase; font-weight:var(--fw-bold); color: var(--text-muted); }
.emirae-emirate-single .adf__actions { display:flex; align-items:end; }
.emirae-emirate-single .adf__actions .uaec-btn { height:44px; }
@media (max-width: 900px) {
  .emirae-emirate-single .adf__actions { grid-column: 1 / -1; }
  .emirae-emirate-single .adf__actions .uaec-btn { width:100%; }
}
.emirae-emirate-single .adf__adv { display:grid; grid-template-columns:1fr 1fr 1fr; gap:12px; margin-top:14px; padding-top:14px; border-top:1px dashed var(--border); }
@media (max-width: 900px) {
  .emirae-emirate-single .adf__adv { grid-template-columns:1fr; }
}
.emirae-emirate-single .adf__foot { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:14px; flex-wrap:wrap; }
.emirae-emirate-single .adf__foot-left { display:flex; align-items:center; gap:12px; flex-wrap:wrap; flex:1; min-width:0; }
.emirae-emirate-single .adf__more { display:inline-flex; align-items:center; gap:7px; padding:8px 14px; border-radius: var(--radius-pill); background: var(--accent-soft); border:1px solid color-mix(in srgb, var(--accent) 20%, transparent); color: var(--accent); font-size: var(--fs-sm); font-weight:var(--fw-medium); cursor:pointer; }
.emirae-emirate-single .adf__more:hover { background: color-mix(in srgb, var(--accent-soft) 70%, var(--surface)); }
.emirae-emirate-single .adf__more svg { width:16px; height:16px; transition: transform var(--dur) var(--ease); }
.emirae-emirate-single .adf__more[aria-expanded="true"] svg { transform: rotate(180deg); }
.emirae-emirate-single .adf__chips { display:flex; flex-wrap:wrap; gap:7px; }
.emirae-emirate-single .adf-chip { display:inline-flex; align-items:center; gap:6px; padding:4px 6px 4px 11px; border-radius: var(--radius-pill); background: var(--surface); border:1px solid var(--border-strong); font-size:12px; font-weight:var(--fw-medium); color: var(--text); line-height:1.4; }
.emirae-emirate-single .adf-chip__x { width:18px; height:18px; border-radius:50%; display:grid; place-items:center; background: var(--surface-alt); color: var(--text-secondary); cursor:pointer; border:0; }
.emirae-emirate-single .adf-chip__x:hover { background: var(--coral); color:#fff; }
.emirae-emirate-single .adf-chip__x svg { width:11px; height:11px; }
.emirae-emirate-single .adf__reset { display:inline-flex; align-items:center; gap:6px; background:none; border:0; cursor:pointer; color: var(--text-secondary); font-size: var(--fs-sm); font-weight:var(--fw-medium); }
.emirae-emirate-single .adf__reset:hover { color: var(--accent); }
.emirae-emirate-single .adf__reset svg { width:15px; height:15px; }
.emirae-emirate-single .adf__mobile { display:none; margin-top:12px; }
.emirae-emirate-single .adf__mbtn { display:inline-flex; align-items:center; gap:8px; width:100%; justify-content:center; height:44px; border-radius: var(--radius-md); background: var(--surface); border:1px solid var(--border-strong); font-weight:var(--fw-medium); color: var(--text-strong); cursor:pointer; }
.emirae-emirate-single .adf__mbtn svg { width:18px; height:18px; }
.emirae-emirate-single .adf__mcount { min-width:20px; height:20px; padding:0 6px; border-radius: var(--radius-pill); background: var(--accent); color:#fff; font-size:12px; display:inline-flex; align-items:center; justify-content:center; }
@media (max-width: 640px) {
  .emirae-emirate-single .adf__row, .emirae-emirate-single .adf__adv, .emirae-emirate-single .adf__foot { display:none; }
  .emirae-emirate-single .adf.is-open .adf__row, .emirae-emirate-single .adf.is-open .adf__adv, .emirae-emirate-single .adf.is-open .adf__foot { display:grid; }
  .emirae-emirate-single .adf.is-open .adf__foot { display:flex; }
  .emirae-emirate-single .adf__mobile { display:block; }
  .emirae-emirate-single .adf.is-open .adf__mobile { order:-1; margin-top:0; margin-bottom:12px; }
}
/* ============================================================
   SERVICE CATEGORY CARDS
   ============================================================ */
.emirae-emirate-single .ad-svc-grid { display:grid; grid-template-columns: repeat(3,1fr); gap:18px; }
@media (max-width: 900px) {
  .emirae-emirate-single .ad-svc-grid { grid-template-columns:1fr 1fr; }
}
@media (max-width: 560px) {
  .emirae-emirate-single .ad-svc-grid { grid-template-columns:1fr; }
}
.emirae-emirate-single .ad-svc { display:flex; flex-direction:column; gap:10px; padding:22px; border-radius: var(--radius-xl); background: var(--surface); border:1px solid var(--border); transition: transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease), border-color var(--dur) var(--ease); }
.emirae-emirate-single .ad-svc:hover { transform: translateY(-2px); border-color: color-mix(in srgb, var(--accent) 38%, var(--border)); box-shadow: 0 16px 36px rgba(24,34,51,.1); }
.emirae-emirate-single .ad-svc.is-hidden { display:none; }
.emirae-emirate-single .ad-svc__ico { width:46px; height:46px; border-radius: var(--radius-md); display:grid; place-items:center; background: var(--accent-soft); color: var(--accent); }
.emirae-emirate-single .ad-svc__t { font-size: var(--fs-lg); font-weight:var(--fw-bold); color: var(--text-strong); letter-spacing:-0.01em; }
.emirae-emirate-single .ad-svc__s { font-size: var(--fs-sm); line-height:1.55; color: var(--text-secondary); text-wrap:pretty; flex:1; }
.emirae-emirate-single .ad-svc__stat { display:flex; flex-wrap:wrap; gap:7px; }
.emirae-emirate-single .ad-svc__badge { font-size:12px; font-weight:var(--fw-medium); padding:4px 10px; border-radius: var(--radius-pill); background: var(--surface-alt); color: var(--text-secondary); border:1px solid var(--border); }
.emirae-emirate-single .ad-svc__badge--soft { background: var(--accent-soft); color: var(--accent); border-color: transparent; }
.emirae-emirate-single .ad-svc__foot { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:6px; padding-top:14px; border-top:1px solid var(--border); flex-wrap:wrap; }
.emirae-emirate-single .ad-svc__primary { display:inline-flex; align-items:center; gap:6px; font-weight:var(--fw-medium); color: var(--accent); font-size: var(--fs-sm); }
.emirae-emirate-single .ad-svc__primary svg { width:16px; height:16px; transition: transform var(--dur) var(--ease); }
.emirae-emirate-single .ad-svc__primary:hover svg { transform: translateX(3px); }
.emirae-emirate-single .ad-svc__sub { font-size: var(--fs-sm); color: var(--text-muted); }
.emirae-emirate-single .ad-svc__sub:hover { color: var(--accent); }
.emirae-emirate-single .ad-noresults { text-align:center; max-width:520px; margin:0 auto; padding:44px 20px; }
.emirae-emirate-single .ad-noresults__ico { width:56px; height:56px; border-radius:50%; display:inline-grid; place-items:center; background: var(--accent-soft); color: var(--accent); margin-bottom:16px; }
.emirae-emirate-single .ad-noresults__ico svg { width:26px; height:26px; }
.emirae-emirate-single .ad-noresults h3 { font-size: var(--fs-h3); font-weight:var(--fw-bold); color: var(--text-strong); margin-bottom:8px; }
.emirae-emirate-single .ad-noresults p { font-size: var(--fs-sm); line-height:1.6; color: var(--text-secondary); margin-bottom:20px; }
.emirae-emirate-single .ad-noresults__cta { display:flex; gap:12px; justify-content:center; flex-wrap:wrap; }
/* ============================================================
   OPEN REQUESTS (grid + sparse companion)
   ============================================================ */
.emirae-emirate-single .ad-req-grid { display:grid; grid-template-columns: repeat(2, 1fr); gap:18px; }
@media (max-width: 760px) {
  .emirae-emirate-single .ad-req-grid { grid-template-columns:1fr; }
}
.emirae-emirate-single .ad-req-more { display:flex; flex-direction:column; justify-content:center; gap:12px; padding:26px; border-radius: var(--radius-xl); border:1px dashed color-mix(in srgb, var(--accent) 40%, transparent); background: linear-gradient(150deg, var(--accent-soft), color-mix(in srgb, var(--accent-soft) 30%, var(--surface))); }
.emirae-emirate-single .ad-req-more__ico { width:46px; height:46px; border-radius: var(--radius-md); display:grid; place-items:center; background: var(--surface); border:1px solid color-mix(in srgb, var(--accent) 22%, transparent); color: var(--accent); }
.emirae-emirate-single .ad-req-more h3 { font-size: var(--fs-lg); font-weight:var(--fw-bold); color: var(--text-strong); }
.emirae-emirate-single .ad-req-more p { font-size: var(--fs-sm); line-height:1.55; color: var(--text-secondary); text-wrap:pretty; }
.emirae-emirate-single .ad-req-more__cta { display:flex; align-items:center; gap:16px; flex-wrap:wrap; margin-top:4px; }
/* ============================================================
   CONSULTANTS GRID + featured treatment
   ============================================================ */
.emirae-emirate-single .ad-cons-grid { display:grid; grid-template-columns: repeat(3,1fr); gap:18px; align-items:start; }
@media (max-width: 980px) {
  .emirae-emirate-single .ad-cons-grid { grid-template-columns:1fr 1fr; }
}
@media (max-width: 640px) {
  .emirae-emirate-single .ad-cons-grid { grid-template-columns:1fr; }
}
.emirae-emirate-single .ccard--featured { border-color: color-mix(in srgb, var(--accent) 40%, var(--border)); box-shadow: 0 0 0 1px color-mix(in srgb, var(--accent) 20%, transparent), 0 14px 34px rgba(17,106,204,.1); }
.emirae-emirate-single .ad-fbadge { display:inline-flex; align-items:center; gap:5px; font-size:11px; font-weight:var(--fw-bold); letter-spacing:.02em; color: var(--accent); background: var(--accent-soft); border:1px solid color-mix(in srgb, var(--accent) 26%, transparent); padding:3px 9px; border-radius: var(--radius-pill); white-space:nowrap; }
.emirae-emirate-single .ad-fbadge svg { width:12px; height:12px; }
.emirae-emirate-single .ad-firstreview { font-weight:var(--fw-medium); }
/* ============================================================
   CONTEXT
   ============================================================ */
.emirae-emirate-single .ad-context { display:grid; grid-template-columns:1fr; gap:34px; align-items:start; }
@media (min-width: 900px) {
  .emirae-emirate-single .ad-context { grid-template-columns: 1.3fr .7fr; gap:56px; }
}
.emirae-emirate-single .ad-context__lead h2 { font-size: clamp(24px,2.6vw,32px); line-height:1.14; letter-spacing:-0.025em; color: var(--text-strong); margin-bottom:16px; }
.emirae-emirate-single .ad-context__lead p { font-size: var(--fs-body); line-height:1.7; color: var(--text-secondary); margin-bottom:14px; text-wrap:pretty; }
.emirae-emirate-single .ad-needs { padding:24px; border-radius: var(--radius-xl); background: var(--surface); border:1px solid var(--border); box-shadow: 0 10px 30px rgba(24,34,51,.06); }
.emirae-emirate-single .ad-needs__h { display:block; font-size: var(--fs-2xs); letter-spacing:.05em; text-transform:uppercase; font-weight:var(--fw-bold); color: var(--text-muted); margin-bottom:16px; }
.emirae-emirate-single .ad-needs__list { list-style:none; margin:0 0 20px; padding:0; display:flex; flex-direction:column; gap:12px; }
.emirae-emirate-single .ad-needs__list li { display:flex; align-items:center; gap:12px; font-size: var(--fs-sm); font-weight:var(--fw-medium); color: var(--text-strong); }
.emirae-emirate-single .ad-needs__ico { flex:none; width:36px; height:36px; border-radius: var(--radius-md); display:grid; place-items:center; background: var(--accent-soft); color: var(--accent); }
.emirae-emirate-single .ad-needs__ico svg { width:18px; height:18px; }
.emirae-emirate-single .ad-needs__cta { display:inline-flex; align-items:center; gap:7px; font-weight:var(--fw-medium); color: var(--accent); font-size: var(--fs-sm); }
.emirae-emirate-single .ad-needs__cta svg { width:16px; height:16px; transition: transform var(--dur) var(--ease); }
.emirae-emirate-single .ad-needs__cta:hover svg { transform: translateX(3px); }
/* ============================================================
   RESOURCES
   ============================================================ */
.emirae-emirate-single .ad-res-grid { display:grid; grid-template-columns: repeat(3,1fr); gap:18px; }
@media (max-width: 900px) {
  .emirae-emirate-single .ad-res-grid { grid-template-columns:1fr 1fr; }
}
@media (max-width: 560px) {
  .emirae-emirate-single .ad-res-grid { grid-template-columns:1fr; }
}
.emirae-emirate-single .ad-res { display:flex; flex-direction:column; gap:10px; padding:22px; border-radius: var(--radius-xl); background: var(--surface); border:1px solid var(--border); transition: transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease), border-color var(--dur) var(--ease); }
.emirae-emirate-single .ad-res:hover { transform: translateY(-2px); border-color: color-mix(in srgb, var(--accent) 38%, var(--border)); box-shadow: 0 16px 36px rgba(24,34,51,.1); }
.emirae-emirate-single .ad-res__type { align-self:flex-start; font-size:11px; font-weight:var(--fw-bold); letter-spacing:.04em; text-transform:uppercase; color: var(--accent); background: var(--accent-soft); padding:4px 10px; border-radius: var(--radius-pill); }
.emirae-emirate-single .ad-res__t { font-size: var(--fs-lg); font-weight:var(--fw-bold); color: var(--text-strong); letter-spacing:-0.01em; line-height:1.3; }
.emirae-emirate-single .ad-res__s { font-size: var(--fs-sm); line-height:1.55; color: var(--text-secondary); flex:1; text-wrap:pretty; }
.emirae-emirate-single .ad-res__foot { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:4px; padding-top:14px; border-top:1px solid var(--border); }
.emirae-emirate-single .ad-res__time { display:inline-flex; align-items:center; gap:6px; font-size: var(--fs-xs); color: var(--text-muted); }
.emirae-emirate-single .ad-res__time svg { width:15px; height:15px; }
.emirae-emirate-single .ad-res__go { display:inline-flex; align-items:center; gap:6px; font-size: var(--fs-sm); font-weight:var(--fw-medium); color: var(--accent); }
.emirae-emirate-single .ad-res__go svg { width:16px; height:16px; transition: transform var(--dur) var(--ease); }
.emirae-emirate-single .ad-res:hover .ad-res__go svg { transform: translateX(3px); }
/* ============================================================
   HOW IT WORKS TIMELINE
   ============================================================ */
.emirae-emirate-single .ad-steps { position: relative; display:grid; grid-template-columns: repeat(4,1fr); gap:20px; margin-bottom:36px; padding-top:8px; }
.emirae-emirate-single .ad-steps__track { position:absolute; top:22px; left:11%; right:11%; height:2px; background: linear-gradient(90deg, transparent, var(--accent) 10%, var(--accent) 90%, transparent); opacity:.35; }
@media (max-width: 820px) {
  .emirae-emirate-single .ad-steps { grid-template-columns:1fr; gap:10px; }
  .emirae-emirate-single .ad-steps__track { top:0; bottom:0; left:22px; right:auto; width:2px; height:auto; }
}
.emirae-emirate-single .ad-step { position: relative; z-index:1; display:flex; flex-direction:column; gap:8px; padding:28px 20px 22px; background: var(--surface); border:1px solid var(--border); border-radius: var(--radius-xl); text-align:center; }
@media (max-width: 820px) {
  .emirae-emirate-single .ad-step { text-align:left; padding-left:64px; }
}
.emirae-emirate-single .ad-step__node { position:absolute; top:-22px; left:50%; transform: translateX(-50%); width:44px; height:44px; border-radius:50%; display:grid; place-items:center; background: var(--accent); color:#fff; font-weight:var(--fw-bold); border:3px solid var(--surface); box-shadow:0 6px 16px rgba(17,106,204,.35); }
@media (max-width: 820px) {
  .emirae-emirate-single .ad-step__node { top:20px; left:-1px; transform:none; }
}
.emirae-emirate-single .ad-step h3 { margin-top:12px; font-size: var(--fs-body); font-weight:var(--fw-bold); color: var(--text-strong); }
@media (max-width:820px) {
  .emirae-emirate-single .ad-step h3 { margin-top:0; }
}
.emirae-emirate-single .ad-step p { font-size: var(--fs-sm); line-height:1.55; color: var(--text-secondary); text-wrap:pretty; }
.emirae-emirate-single .ad-steps__cta { text-align:center; }
/* ============================================================
   FAQ (integrated accordion)
   ============================================================ */
.emirae-emirate-single .ad-faq { display:grid; grid-template-columns:1fr; gap:28px; align-items:start; }
@media (min-width: 900px) {
  .emirae-emirate-single .ad-faq { grid-template-columns: .8fr 1.2fr; gap:56px; }
}
.emirae-emirate-single .ad-faq__lead h2 { font-size: clamp(24px,2.6vw,32px); line-height:1.14; letter-spacing:-0.025em; color: var(--text-strong); margin-bottom:12px; }
.emirae-emirate-single .ad-faq__lead p { font-size: var(--fs-body); line-height:1.6; color: var(--text-secondary); }
.emirae-emirate-single .ad-faq__list { display:flex; flex-direction:column; gap:10px; }
.emirae-emirate-single .ad-qa { border:1px solid var(--border); border-radius: var(--radius-lg); background: var(--surface); overflow:hidden; transition: border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease); }
.emirae-emirate-single .ad-qa[open] { border-color: color-mix(in srgb, var(--accent) 34%, var(--border)); box-shadow: 0 8px 22px rgba(24,34,51,.06); }
.emirae-emirate-single .ad-qa summary { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:17px 18px; cursor:pointer; font-weight:var(--fw-medium); color: var(--text-strong); font-size: var(--fs-body); list-style:none; }
.emirae-emirate-single .ad-qa summary::-webkit-details-marker { display:none; }
.emirae-emirate-single .ad-qa summary:hover { color: var(--accent); }
.emirae-emirate-single .ad-qa summary:focus-visible { outline:2px solid var(--accent); outline-offset:-2px; border-radius: var(--radius-lg); }
.emirae-emirate-single .ad-qa__ico { flex:none; width:26px; height:26px; border-radius:50%; display:grid; place-items:center; background: var(--surface-alt); color: var(--text-secondary); transition: transform var(--dur) var(--ease), background var(--dur) var(--ease), color var(--dur) var(--ease); }
.emirae-emirate-single .ad-qa__ico svg { width:16px; height:16px; }
.emirae-emirate-single .ad-qa[open] .ad-qa__ico { transform: rotate(180deg); background: var(--accent-soft); color: var(--accent); }
.emirae-emirate-single .ad-qa__body { padding:0 18px 18px; }
.emirae-emirate-single .ad-qa__body p { font-size: var(--fs-sm); line-height:1.65; color: var(--text-secondary); text-wrap:pretty; }
/* ============================================================
   FINAL CTA visual (layered)
   ============================================================ */
.emirae-emirate-single .ad-cta__text { position:relative; z-index:1; }
.emirae-emirate-single .ad-cta__btns { display:flex; flex-wrap:wrap; gap:14px; margin-top:24px; }
@media (max-width:460px) {
  .emirae-emirate-single .ad-cta__btns { flex-direction:column; }
}
.emirae-emirate-single .ad-cta__visual { position:relative; z-index:1; display:flex; flex-direction:column; gap:11px; }
.emirae-emirate-single .ad-match { border-radius: var(--radius-lg); padding:14px 16px; background: rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12); display:flex; flex-direction:column; gap:8px; }
.emirae-emirate-single .ad-match--svc { margin-left:26px; }
.emirae-emirate-single .ad-match--prov { margin-left:52px; }
@media (max-width:520px) {
  .emirae-emirate-single .ad-match--svc, .emirae-emirate-single .ad-match--prov { margin-left:0; }
}
.emirae-emirate-single .ad-match__tag { font-size: var(--fs-2xs); letter-spacing:.05em; text-transform:uppercase; font-weight:var(--fw-bold); color: var(--navy-tint); }
.emirae-emirate-single .ad-match__title { font-size: var(--fs-sm); font-weight:var(--fw-medium); color:#fff; }
.emirae-emirate-single .ad-match__chips { display:flex; gap:7px; }
.emirae-emirate-single .ad-match__chip { font-size:12px; padding:3px 10px; border-radius: var(--radius-pill); background: rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.14); color: rgba(255,255,255,.72); }
.emirae-emirate-single .ad-match__chip.is-on { background: var(--accent); border-color: var(--accent); color:#fff; }
.emirae-emirate-single .ad-match__prov { display:flex; align-items:center; gap:10px; }
.emirae-emirate-single .ad-match__logo { width:26px; height:26px; border-radius:7px; display:grid; place-items:center; font-size:11px; font-weight:var(--fw-bold); background: var(--navy-tint); color:#0c1325; }
.emirae-emirate-single .ad-match__logo--navy { background: rgba(255,255,255,.14); color:#fff; }
.emirae-emirate-single .ad-match__name { flex:1; font-size: var(--fs-sm); color:#fff; }
.emirae-emirate-single .ad-match__v { width:20px; height:20px; border-radius:50%; display:grid; place-items:center; background: var(--success-500); color:#0c1325; }
.emirae-emirate-single .ad-match__v svg { width:12px; height:12px; }

/* ===== Part D: theme-fit corrections and SVG hardening =====
   This layer must stay LAST. Every rule here overrides something Part A-C set,
   and CSS resolves equal-specificity conflicts by source order. */

/* The kit pins its sticky sub-nav at 70px, which is the prototype header. The
   theme header is 76px (--header-h), so at 70px the bar tucks 6px underneath. */
.emirae-emirate-single .ad-localnav { top: var(--header-h); }

/* Explicit width/height on every inline SVG that is NOT already sized by a
   Part A-C rule. A bare PHP-echoed <svg> with no intrinsic size balloons to the
   full width of its flex parent; the icon boxes below all use place-items:center
   on a fixed square, so an unsized child is invisible until it blows the box
   apart. Sized here rather than at each call site so a new icon cannot miss it. */
.emirae-emirate-single .ad-glance__ico svg,
.emirae-emirate-single .ad-svc__ico svg,
.emirae-emirate-single .ad-req-more__ico svg,
.emirae-emirate-single .ad-snap__foot svg,
.emirae-emirate-single .ad-localnav__link svg { width: 20px; height: 20px; flex: 0 0 auto; }
.emirae-emirate-single .ad-svc__badge svg,
.emirae-emirate-single .adf-chip svg,
.emirae-emirate-single .ad-match__v svg { width: 12px; height: 12px; flex: 0 0 auto; }
.emirae-emirate-single .orq-rcard svg,
.emirae-emirate-single .orq-mbadge svg,
.emirae-emirate-single .orq-metaItem svg { width: 14px; height: 14px; flex: 0 0 auto; }
.emirae-emirate-single .ad-res__time svg,
.emirae-emirate-single .ad-res__go svg { flex: 0 0 auto; }

/* The chip remove control is an <a> here, not the kit's <button>: dropping one
   filter is a real navigation to a narrower URL, so it works with JS off. The
   kit's .adf-chip__x rules assume a button, hence the two resets. */
.emirae-emirate-single .adf-chip__x { text-decoration: none; flex: none; }
.emirae-emirate-single .adf-chip__x:hover { color: #fff; }

/* Same reason: "More filters" and the mobile trigger are <button>s that only
   enhance a form which already submits, and Reset is an <a>. */
.emirae-emirate-single .adf__reset { text-decoration: none; }
.emirae-emirate-single .adf__more { font: inherit; }

/* Selects come from the design system's forms.css; the kit wraps each one in
   .control--select, which supplies the caret. Keep the native control from
   drawing a second one. */
.emirae-emirate-single .control--select select { width: 100%; }

/* The hero pulls itself under the transparent header exactly like every other
   dark-set page, so <main> must not add its own leading gap. */
.emirae-emirate-single > .ad-hero:first-child { margin-top: -76px; }

/* Sparse-state companion panel spans the grid when it is the only child - with
   no requests to sit beside, a half-width dashed card reads as a broken slot. */
.emirae-emirate-single .ad-req-grid--empty { grid-template-columns: 1fr; }

/* Anchor targets sit below the sticky sub-nav, not under it. */
.emirae-emirate-single [id] { scroll-margin-top: calc(var(--header-h) + 56px); }

/* At 375 the kit's `1fr 1fr` glance strip resolved to 176px + 186px inside a
   327px container and pushed the document 13px wider than the viewport: a bare
   `1fr` is `minmax(auto, 1fr)`, so a track never shrinks below the min-content
   width of its cell, and "Matching consultants" over a number does not fit in
   half of a 375px screen. minmax(0,1fr) plus min-width:0 lets the label wrap
   instead of widening the row. <html> has overflow-x:clip here, so this could
   not have been caught by comparing scrollWidth to clientWidth - it was found
   by measuring each element's own getBoundingClientRect(). */
.emirae-emirate-single .ad-glance__row { grid-template-columns: repeat(4, minmax(0, 1fr)); }
@media (max-width: 720px) {
  .emirae-emirate-single .ad-glance__row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.emirae-emirate-single .ad-glance__cell { min-width: 0; }
.emirae-emirate-single .ad-glance__body { min-width: 0; }
.emirae-emirate-single .ad-glance__v { overflow-wrap: anywhere; }

/* Same guard on the other fixed-track grids the kit ships. */
.emirae-emirate-single .ad-snap__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.emirae-emirate-single .ad-snap__cell { min-width: 0; }
.emirae-emirate-single .adf__row,
.emirae-emirate-single .adf__adv { min-width: 0; }