/* Availability heading and regional context, November 2026. */
.spaces-head{grid-template-columns:minmax(0,1.65fr) minmax(230px,.65fr);gap:clamp(32px,5vw,80px);align-items:start;padding-block:34px 52px}
.spaces-head h2{max-width:19ch}
.spaces-summary{display:flex;flex-direction:column;align-items:flex-end;padding-block-start:8px;text-align:end}
.availability-badge{display:inline-flex;align-items:center;gap:12px;border:1px solid #59d68c66;background:#59d68c0a;padding:12px 18px;border-radius:999px;color:#d2f4de;white-space:nowrap}
.availability-badge .availability-dot{display:block;flex:0 0 7px;width:7px;height:7px;border-radius:50%;background:#66dc94;box-shadow:0 0 0 4px #66dc9414;animation:availability-pulse 2.4s ease-in-out infinite}
.spaces-head .spaces-summary>p{font-size:13px;line-height:1.75;margin-block-start:24px;max-width:34ch}
html[lang=ar] .spaces-head h2{max-width:20ch}
html[lang=ar] .spaces-head .spaces-summary>p{font-size:15px;line-height:1.9}
@keyframes availability-pulse{0%,100%{opacity:1;box-shadow:0 0 0 4px #66dc9414}50%{opacity:.55;box-shadow:0 0 0 8px #66dc9400}}
.why-yanbu{background:#101a28}
.why-top{display:grid;grid-template-columns:1.2fr .8fr;column-gap:clamp(40px,7vw,110px);border-top:1px solid var(--line);padding-block:28px 54px}
.why-top .section-label{grid-column:1/-1;margin-block-end:46px}
.why-top h2{max-width:16ch}
.why-lead{align-self:end;color:#d8e1e8;font-size:clamp(16px,1.45vw,21px);line-height:1.7;max-width:40ch}
.why-reasons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--line)}
.why-reason{padding:28px 34px 34px 0;border-inline-end:1px solid var(--line)}
.why-reason:not(:first-child){padding-inline-start:34px}
.why-reason:last-child{border-inline-end:0;padding-inline-end:0}
.why-number{display:block;color:var(--accent);font-size:11px;letter-spacing:.12em;margin-block-end:32px}
.why-reason h3{font-size:clamp(21px,2vw,30px);letter-spacing:-.025em;line-height:1.2;max-width:22ch;margin-block-end:18px}
.why-reason p{font-size:14px;line-height:1.8;color:var(--silver);max-width:42ch}
.why-bottom{display:flex;justify-content:space-between;align-items:center;gap:26px;padding-block-start:24px}
.why-sources{display:flex;align-items:baseline;flex-wrap:wrap;gap:5px 14px;font-size:10px;color:var(--silver)}
.why-sources a{border-bottom:1px solid #b9c2c955;padding-block:4px}
.why-sources a:hover{color:var(--white)}
html[lang=ar] .why-lead{font-size:21px;line-height:1.9}
html[lang=ar] .why-reason h3{font-size:27px;line-height:1.4}
html[lang=ar] .why-reason p{font-size:16px;line-height:1.95}
html[lang=ar] .why-sources{font-size:12px}
@media(max-width:900px){
 .why-top{grid-template-columns:1fr 1fr;column-gap:36px}
 .why-reason{padding-inline-end:22px}
 .why-reason:not(:first-child){padding-inline-start:22px}
 .why-bottom{align-items:start;flex-direction:column;gap:18px}
}
@media(max-width:767px){
 .spaces-head{grid-template-columns:1fr;gap:24px;padding-block:26px 34px}
 .spaces-summary{align-items:flex-start;text-align:start;padding-block-start:0}
 .availability-badge{font-size:10px;padding:10px 15px}
 .spaces-head .spaces-summary>p{max-width:45ch;font-size:14px;margin-block-start:18px}
 .why-top{grid-template-columns:1fr;gap:28px;padding-block:23px 34px}
 .why-top .section-label{margin-block-end:8px}
 .why-top h2{font-size:38px;max-width:18ch}
 .why-lead{font-size:16px;max-width:45ch}
 .why-reasons{grid-template-columns:1fr}
 .why-reason,.why-reason:not(:first-child){padding:25px 0 28px;border-inline-end:0}
 .why-reason:not(:first-child){border-top:1px solid var(--line)}
 .why-number{margin-block-end:14px}
 .why-reason h3{font-size:25px;max-width:none;margin-block-end:13px}
 .why-reason p{max-width:50ch}
 html[lang=ar] .why-lead{font-size:18px}
 html[lang=ar] .why-reason h3{font-size:26px}
}
@media(prefers-reduced-motion:reduce){.availability-badge .availability-dot{animation:none;opacity:1}}