/* Davies Realty guide pages: DIFC offices, tower guides, yields. Scoped to .drg */
.drg{--bg:#0A0A0A;--panel:#121315;--line:rgba(255,255,255,.12);--text:#D4D8DD;--head:#FFFFFF;--muted:#9AA1A9;--accent:#8FB0D6;
  max-width:1280px;margin:0 auto;padding:24px clamp(20px,5vw,80px) 120px;color:var(--text);
  font-family:"Hanken Grotesk",system-ui,sans-serif;font-weight:300;font-size:17px;line-height:1.75}
.drg *{box-sizing:border-box}
.drg a{color:var(--accent);text-underline-offset:3px}
.drg a:hover{color:var(--head)}
.drg strong{color:var(--head);font-weight:500}
.drg .crumbs{font-size:13px;color:var(--muted);padding:32px 0 0;letter-spacing:.02em}
.drg .crumbs a{color:var(--muted);text-decoration:none}
.drg .crumbs a:hover{color:var(--head)}
.drg .eyebrow{font-size:13px;font-weight:500;letter-spacing:.16em;color:var(--accent);text-transform:uppercase;margin:64px 0 20px}
.drg h1,.drg h2,.drg h3{font-family:Archivo,system-ui,sans-serif;font-stretch:112%;font-weight:300;color:var(--head);letter-spacing:-.015em}
.drg h1{font-size:clamp(44px,6.4vw,92px);line-height:.98;margin:0 0 28px;max-width:16ch}
.drg h2{font-size:clamp(30px,4vw,52px);line-height:1.06;margin:104px 0 20px;max-width:22ch}
.drg h3{font-size:clamp(21px,2vw,26px);line-height:1.2;margin:0 0 10px;letter-spacing:-.01em}
.drg .lead{font-size:clamp(18px,1.6vw,21px);line-height:1.7;max-width:62ch;color:var(--text)}
.drg .updated{font-size:13px;color:var(--muted);margin-top:16px;letter-spacing:.02em}
.drg p{max-width:72ch}
.drg .facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);margin:56px 0 0}
.drg .fact{background:var(--bg);padding:28px}
.drg .fact b{display:block;font-family:Archivo,system-ui,sans-serif;font-stretch:112%;color:var(--head);font-weight:300;font-size:clamp(26px,2.3vw,36px);line-height:1.1;margin-bottom:10px}
.drg .fact span{font-size:14px;line-height:1.5;color:var(--muted);display:block}
.drg .tablewrap{overflow-x:auto;border:1px solid var(--line);margin-top:28px;-webkit-overflow-scrolling:touch}
.drg table{border-collapse:collapse;width:100%;min-width:820px;font-size:15px;line-height:1.5}
.drg th,.drg td{text-align:left;padding:14px 16px;border-bottom:1px solid var(--line);vertical-align:top}
.drg tbody tr:last-child td{border-bottom:0}
.drg th{color:var(--muted);font-weight:500;font-size:12px;letter-spacing:.12em;text-transform:uppercase;background:var(--panel);white-space:nowrap}
.drg td a{color:var(--head)}
.drg td.num,.drg th.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.drg .towers{display:grid;gap:1px;background:var(--line);border:1px solid var(--line);margin-top:28px}
.drg .tower{background:var(--bg);padding:32px;scroll-margin-top:24px}
.drg .tower .meta,.drg .meta{font-size:12px;font-weight:500;color:var(--accent);letter-spacing:.14em;text-transform:uppercase;margin-bottom:12px}
.drg .tower p{margin:10px 0}
.drg .best{color:var(--head)}
.drg .two{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;margin-top:8px}
.drg .card{border:1px solid var(--line);padding:28px;background:var(--panel)}
.drg .note{border-left:2px solid var(--accent);padding:4px 0 4px 20px;margin:28px 0;color:var(--text);max-width:72ch}
.drg ul,.drg ol{max-width:72ch;padding-left:22px}
.drg li{margin:8px 0}
.drg details{border-top:1px solid var(--line);padding:22px 0;max-width:900px}
.drg details:last-of-type{border-bottom:1px solid var(--line)}
.drg summary{cursor:pointer;color:var(--head);font-size:19px;font-weight:400;list-style:none;padding-right:32px;position:relative}
.drg summary::-webkit-details-marker{display:none}
.drg summary:after{content:"+";position:absolute;right:0;top:0;color:var(--accent);font-size:22px;line-height:1}
.drg details[open] summary:after{content:"\2013"}
.drg details p{margin:14px 0 0}
.drg .cta{margin-top:120px;padding:clamp(28px,4vw,56px);background:var(--panel);border:1px solid var(--line)}
.drg .cta h2{margin-top:0}
.drg .btn{display:inline-flex;align-items:center;margin:20px 12px 0 0;padding:15px 26px;border-radius:999px;border:1px solid rgba(255,255,255,.35);color:var(--head);text-decoration:none;font-size:15px;font-weight:500}
.drg .btn:hover{border-color:#fff;color:#fff}
.drg .btn.solid{background:#FFFFFF;color:#0A0A0A;border-color:#FFFFFF}
.drg .btn.solid:hover{background:#E6E8EB;color:#0A0A0A}
.drg .sources{font-size:14px;color:var(--muted);line-height:1.7}
.drg .sources a{color:var(--muted)}
.drg .toc{display:flex;flex-wrap:wrap;gap:10px;margin-top:36px}
.drg .toc a{font-size:13px;letter-spacing:.06em;border:1px solid var(--line);border-radius:999px;padding:8px 16px;color:var(--text);text-decoration:none}
.drg .toc a:hover{border-color:rgba(255,255,255,.4);color:#fff}
.drg .bar{height:8px;background:rgba(143,176,214,.25);position:relative;margin-top:6px}
.drg .bar i{position:absolute;left:0;top:0;bottom:0;background:var(--accent)}
.drg .calc{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:24px}
.drg .calc label{display:block;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.drg .calc input{width:100%;background:#0A0A0A;border:1px solid var(--line);color:#fff;font:inherit;font-size:17px;padding:12px 14px;border-radius:0}
.drg .calc input:focus{outline:1px solid var(--accent);border-color:var(--accent)}
.drg .result{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);margin-top:24px}
.drg .result div{background:var(--bg);padding:22px}
.drg .result b{display:block;font-family:Archivo,system-ui,sans-serif;font-stretch:112%;font-weight:300;font-size:32px;color:#fff;line-height:1.1}
.drg .result span{font-size:13px;color:var(--muted)}
@media(max-width:600px){.drg .tower{padding:22px}.drg h2{margin-top:80px}.drg .fact{padding:22px}}
