/* Live Dubai: UK buyers hub and owner services pages */
.hub-nav{position:sticky;top:0;z-index:30;background:rgba(247,247,247,.96);backdrop-filter:blur(6px);border-top:1px solid #E3E7EC;border-bottom:1px solid #E3E7EC;padding:0 clamp(16px,4vw,48px)}
.hub-nav ul{list-style:none;margin:0 auto;padding:0;max-width:1240px;display:flex;gap:6px 26px;overflow-x:auto;white-space:nowrap;scrollbar-width:none}
.hub-nav ul::-webkit-scrollbar{display:none}
.hub-nav a{display:inline-block;padding:14px 0;color:#163351;text-decoration:none;font-size:16px;border-bottom:2px solid transparent}
.hub-nav a:hover,.hub-nav a:focus-visible{border-bottom-color:#E3BF20}
[id].hub-anchor,.hub-anchor[id]{scroll-margin-top:64px}
.hub-kicker{display:flex;align-items:center;gap:12px;margin:0 0 14px;color:#7E6106;font-size:16px}
.hub-kicker b{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#FBF6E4;border:1px solid #E6D9AC;font-weight:500;font-size:14px;color:#7E6106}
.hub-intro{margin:16px 0 0;color:#4B5A6A;font-size:18px;max-width:42em}
.hub-cols{display:flex;flex-wrap:wrap;gap:clamp(28px,4vw,56px);align-items:flex-start;margin-top:clamp(28px,3.5vw,44px)}
.hub-cols>*{min-width:0}
.hub-main{flex:1.4 1 520px}
.hub-side{flex:1 1 320px}
.hub-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:14px}
.hub-list li{display:flex;gap:12px;align-items:flex-start;line-height:1.55;color:#33414F}
.hub-list li:before{content:'';flex:none;width:8px;height:8px;margin-top:10px;border-radius:50%;background:#E3BF20}
.hub-list strong{color:#163351;font-weight:500}
.hub-p{margin:0 0 14px;color:#33414F;line-height:1.65}
.hub-p:last-child{margin-bottom:0}
.hub-h3{margin:0 0 10px;font-weight:400;font-size:22px;line-height:1.3}
/* Stats band */
.hub-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1px;background:rgba(255,255,255,.14);border-radius:22px;overflow:hidden}
.hub-stat{background:#0D1F33;padding:26px 24px}
.hub-stat .stat{color:#E3BF20}
.hub-stat p{margin:10px 0 0;color:#FFFFFF;font-size:16px;line-height:1.45}
.hub-stat small{display:block;margin-top:8px;color:#9FB0C2;font-size:13px;line-height:1.4}
/* Bar charts */
.hub-chart{background:#FFFFFF;color:#163351;border:1px solid #E3E7EC;border-radius:20px;padding:22px}
.hub-chart h3{margin:0;font-size:18px;font-weight:500}
.hub-chart .hub-chart-sub{margin:4px 0 16px;color:#4B5A6A;font-size:14px}
.hub-bar{display:grid;grid-template-columns:var(--lab,72px) 1fr 4.2em;align-items:center;gap:12px;margin:10px 0;font-size:15px}
.hub-bar-track{height:14px;border-radius:999px;background:#EEF1F4;overflow:hidden}
.hub-bar-fill{display:block;height:100%;width:var(--w,50%);border-radius:999px;background:#9FB0C2}
.hub-bar.is-uk .hub-bar-fill{background:#E3BF20}
.hub-bar.is-uk{font-weight:500}
.hub-bar strong{font-weight:500;min-width:3.2em;text-align:right}
.hub-chart .hub-src-line{margin:14px 0 0;color:#4B5A6A;font-size:13px;line-height:1.45}
/* Comparison tables */
.hub-table-wrap{overflow-x:auto;border:1px solid #E3E7EC;border-radius:20px;background:#FFFFFF}
.hub-table{width:100%;border-collapse:collapse;font-size:15px;min-width:640px}
.hub-table th,.hub-table td{padding:14px 16px;text-align:left;vertical-align:top;border-bottom:1px solid #E3E7EC;line-height:1.5}
.hub-table thead th{background:#163351;color:#FFFFFF;font-weight:400;font-size:15px}
.hub-table thead th:first-child{background:#0D1F33}
.hub-table tbody th{font-weight:500;color:#163351;background:#F7F7F7;width:20%}
.hub-table tbody tr:last-child th,.hub-table tbody tr:last-child td{border-bottom:0}
.hub-table td{color:#33414F}
.hub-zero{display:inline-block;padding:2px 10px;border-radius:999px;background:#E4F1E8;color:#2F6B45;font-size:13px;font-weight:500;margin-bottom:4px}
.hub-due{display:inline-block;padding:2px 10px;border-radius:999px;background:#FBF6E4;border:1px solid #E6D9AC;color:#7E6106;font-size:13px;font-weight:500;margin-bottom:4px}
/* Flow (money, journey) */
.hub-flow{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:stretch;gap:12px}
.hub-flow li{flex:1 1 170px;position:relative;background:#FFFFFF;border:1px solid #E3E7EC;border-radius:18px;padding:18px}
.hub-flow li b{display:block;font-weight:500;font-size:17px;margin-bottom:6px}
.hub-flow li span{display:block;color:#4B5A6A;font-size:14px;line-height:1.5}
.hub-flow li:not(:last-child):after{content:'';position:absolute;right:-11px;top:50%;width:10px;height:10px;border-top:2px solid #E3BF20;border-right:2px solid #E3BF20;transform:translateY(-50%) rotate(45deg);z-index:1}
.hub-flow .is-key{background:#163351;border-color:#163351;color:#FFFFFF}
.hub-flow .is-key span{color:#C9D3DE}
@media (max-width:720px){.hub-flow li{flex-basis:100%}.hub-flow li:not(:last-child):after{right:auto;left:50%;top:auto;bottom:-11px;transform:translateX(-50%) rotate(135deg)}}
/* Steps timeline */
.hub-steps{list-style:none;margin:0;padding:0;counter-reset:hs;display:flex;flex-direction:column}
.hub-steps li{counter-increment:hs;position:relative;padding:0 0 22px 62px;min-height:44px}
.hub-steps li:before{content:counter(hs,decimal-leading-zero);position:absolute;left:0;top:0;width:44px;height:44px;border-radius:50%;background:#E3BF20;color:#163351;display:flex;align-items:center;justify-content:center;font-weight:500;font-size:15px}
.hub-steps li:after{content:'';position:absolute;left:21px;top:48px;bottom:4px;width:2px;background:#EADFB8}
.hub-steps li:last-child{padding-bottom:0}
.hub-steps li:last-child:after{display:none}
.hub-steps b{display:block;font-weight:500;font-size:18px;padding-top:9px}
.hub-steps span{display:block;margin-top:4px;color:#4B5A6A;font-size:16px;line-height:1.55}
/* Notes */
.hub-note{display:flex;gap:14px;align-items:flex-start;background:#FBF6E4;border:1px solid #E6D9AC;border-radius:16px;padding:16px 18px;color:#5C4A0E;font-size:15px;line-height:1.55}
.hub-note svg{flex:none;margin-top:2px}
.hub-note a{color:#5C4A0E}
.hub-req{margin:16px 0;padding:14px 16px;border-radius:14px;background:#FFE9B8;border:1px dashed #C28A00;color:#5A3A00;font-size:14px;line-height:1.5}
.hub-req b{font-weight:600}
.hub-not{background:#FFFFFF;border:1px solid #F0D3CF;border-left:6px solid #B5473A;border-radius:16px;padding:18px 20px}
.hub-not h3{margin:0 0 10px;font-size:19px;font-weight:500;color:#7A2E24}
.hub-not ul{margin:0;padding-left:1.1em;color:#33414F;line-height:1.6}
/* Fee and fact tiles */
.hub-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}
.hub-tile{background:#FFFFFF;border:1px solid #E3E7EC;border-radius:16px;padding:16px}
.hub-tile b{display:block;font-size:24px;font-weight:300;line-height:1.1}
.hub-tile span{display:block;margin-top:6px;color:#4B5A6A;font-size:14px;line-height:1.45}
.bg-white .hub-tile,.bg-white .hub-flow li:not(.is-key),.bg-white .hub-chart{background:#F7F7F7}
/* Inheritance split */
.hub-split{display:flex;flex-wrap:wrap;gap:18px;align-items:center}
.hub-split svg{flex:none}
.hub-split ul{flex:1 1 220px;margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px;font-size:15px}
.hub-split li{display:flex;gap:10px;align-items:flex-start;line-height:1.45}
.hub-split i{flex:none;width:14px;height:14px;border-radius:4px;margin-top:4px}
/* Journey */
.hub-journey{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.hub-journey li{display:flex;align-items:center;gap:10px}
.hub-journey a,.hub-journey span.hub-j{display:inline-flex;align-items:center;min-height:48px;padding:0 20px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.28);color:#FFFFFF;text-decoration:none;font-size:17px}
.hub-journey a:hover{border-color:#E3BF20;color:#E3BF20}
.hub-journey li:not(:last-child):after{content:'\2192';color:#E3BF20;font-size:20px}
/* Pillars */
.hub-pillar{display:flex;flex-direction:column;gap:12px;background:#FFFFFF;border:1px solid #E3E7EC;border-top:4px solid #E3BF20;border-radius:20px;padding:24px}
.hub-pillar .eyebrow{margin:0;font-size:14px;text-transform:uppercase;letter-spacing:.06em}
.hub-pillar p{margin:0;color:#4B5A6A;font-size:16px;line-height:1.55;flex:1}
/* Chips */
.hub-chips{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,var(--min,260px)),1fr));gap:10px}
.hub-chips li{display:flex;gap:10px;align-items:center;background:#FFFFFF;border:1px solid #E3E7EC;border-radius:14px;padding:14px 16px;font-size:16px;line-height:1.35}
.hub-chips svg{flex:none}
.hub-chips li{color:#163351}
.bg-navy .hub-chips li{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.2);color:#FFFFFF}
.bg-navy .hub-chips svg{stroke:#E3BF20}
/* Sources */
.hub-sources{columns:2 360px;column-gap:40px;margin:0;padding:0;list-style:none;font-size:14px;line-height:1.5}
.hub-sources li{break-inside:avoid;margin:0 0 10px;color:#4B5A6A}
.hub-sources a{color:#163351}
/* FAQ groups */
.hub-faq-group{margin:28px 0 6px;font-size:15px;text-transform:uppercase;letter-spacing:.06em;color:#7E6106;font-weight:500}
.hub-faq-group:first-child{margin-top:0}
@media (max-width:640px){.hub-bar{grid-template-columns:1fr 4.2em;gap:4px 10px;font-size:14px}.hub-bar>span:first-child{grid-column:1/-1}.hub-steps li{padding-left:56px}}
