
:root{--ink:#181818;--muted:#666;--line:#b7b7b7;--paper:#fff;--soft:#f4f4f4;--dark:#222;--green:#d9eadb;--red:#ebdddd}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#eee;font-size:14px;line-height:1.55}a{color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}.wrap{max-width:1200px;margin:auto}.bar{background:#1b1b1b;color:#fff;padding:12px 24px;display:flex;gap:18px;align-items:center;justify-content:space-between;flex-wrap:wrap}.bar a{color:#fff;text-decoration:none}.bar .links{display:flex;gap:20px}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.13em;color:#666;font-weight:bold}.page{background:#fff;max-width:1200px;margin:24px auto;box-shadow:0 8px 30px #0001}.intro{padding:38px 48px;border-bottom:1px solid #ccc}.intro h1{font-size:30px;margin:8px 0}.intro p{max-width:800px;color:#555}.note{background:#f1f1f1;border-left:3px solid #333;padding:12px 16px;color:#444}.btn{border:1px solid #222;background:#222;color:#fff;padding:10px 16px;display:inline-block;text-decoration:none;font-weight:600}.btn.light{background:#fff;color:#222}.btn.ghost{background:transparent;color:#222}.section{padding:52px 48px;border-bottom:1px solid #ccc;scroll-margin-top:76px}.section h2{font-size:26px;margin:8px 0 10px}.section h3{font-size:18px;margin:0 0 8px}.lead{font-size:16px;max-width:750px}.muted{color:#666}.cols{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.cols.three{grid-template-columns:repeat(3,1fr)}.placeholder{border:1px dashed #777;background:repeating-linear-gradient(135deg,#f1f1f1,#f1f1f1 12px,#e9e9e9 12px,#e9e9e9 24px);display:flex;align-items:center;justify-content:center;text-align:center;min-height:180px;color:#555;font-weight:600;padding:16px}.tall{min-height:310px}.short{min-height:115px}.tile{border:1px solid #aaa;padding:20px;background:#fafafa}.tile p{margin:8px 0}.spacer{height:24px}.meta{font-size:12px;color:#666}.pill{border:1px solid #888;padding:3px 8px;display:inline-block;font-size:11px;text-transform:uppercase;letter-spacing:.06em}.nav{position:sticky;top:0;background:white;border-bottom:2px solid #222;z-index:10;display:flex;align-items:center;gap:16px;padding:12px 22px}.nav .brand{font-weight:800;letter-spacing:.08em;margin-right:auto}.nav a{font-size:12px;text-decoration:none}.nav a:hover{text-decoration:underline}.nav .btn{font-size:12px}.section-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:24px}.section-head p{max-width:500px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stat{border-top:2px solid #222;padding:12px 0}.stat strong{font-size:25px;display:block}.table{width:100%;border-collapse:collapse;font-size:13px}.table th,.table td{border-bottom:1px solid #bbb;padding:10px;text-align:left}.table th{background:#eee}.table tr[data-office]{cursor:pointer}.table tr.active,.table tr:hover{background:#d8d8d8}.table button{padding:6px 10px;border:1px solid #333;background:white}.table tr.unavailable{color:#777}.tabs{display:flex;gap:8px;margin:18px 0}.tabs button{background:#fff;border:1px solid #888;padding:10px 18px}.tabs button.selected{background:#222;color:white}.plan{background:#fafafa;border:1px solid #999;padding:18px}.floor{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:90px 90px;gap:7px}.office{border:2px solid #555;display:flex;align-items:center;justify-content:center;text-align:center;font-size:12px;padding:8px;cursor:pointer;transition:.12s}.office.available{background:var(--green)}.office.unavailable{background:var(--red)}.office.active,.office:hover{outline:4px solid #111;outline-offset:-4px;filter:brightness(.95)}.core{grid-column:2/4;background:#ddd;border:1px dashed #888;display:flex;align-items:center;justify-content:center;text-align:center;color:#555}.legend{display:flex;gap:18px;font-size:12px;margin:12px 0}.dot{display:inline-block;width:12px;height:12px;border:1px solid #666;margin-right:5px;vertical-align:middle}.form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form label{display:block;font-size:12px;font-weight:bold}.form input,.form select,.form textarea{width:100%;border:1px solid #999;padding:10px;margin-top:4px;background:white}.full{grid-column:1/-1}.footer{background:#222;color:white;padding:30px 48px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:15px}.footer a{color:white}.annotation{border-left:3px solid #999;background:#f6f6f6;padding:10px 14px;font-size:12px;color:#555;margin:15px 0}.smallbtn{border:1px solid #555;padding:6px 10px;background:white;text-decoration:none;font-size:12px;display:inline-block}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.card{border:1px solid #aaa;padding:12px}.card .placeholder{min-height:120px;margin-bottom:10px}.anchor{scroll-margin-top:70px}@media(max-width:850px){.nav{flex-wrap:wrap}.nav .brand{width:100%}.nav a{font-size:11px}.cols,.cols.three,.cards,.stats{grid-template-columns:1fr 1fr}.section{padding:36px 22px}.intro{padding:28px 22px}.floor{grid-template-rows:70px 70px}}@media(max-width:600px){.cols,.cols.three,.cards,.stats,.form{grid-template-columns:1fr}.nav{gap:10px}.nav .btn{margin-left:0}.floor{grid-template-rows:62px 62px}.office{font-size:10px}.table{font-size:11px}.table th,.table td{padding:6px}.section-head{display:block}}

/* Enquiry pop-up prototype; bottom-of-page forms remain unchanged. */
.modal-backdrop[hidden]{display:none!important}
.modal-backdrop{position:fixed;inset:0;background:rgba(20,20,20,.7);z-index:9999;display:flex;justify-content:center;align-items:center;padding:18px;overflow-y:auto}
.modal-dialog{background:#fff;border:2px solid #222;width:min(650px,100%);max-height:min(90vh,900px);overflow-y:auto;padding:26px;box-shadow:0 16px 60px #0004}
.modal-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.modal-header h2{margin:0;font-size:24px}.modal-close{font-size:30px;background:#eee;border:1px solid #999;cursor:pointer;width:42px;height:42px;flex-shrink:0}.modal-subtitle{color:#666;font-size:12px;margin:12px 0 20px}.modal-open{overflow:hidden}
@media(max-width:600px){.modal-dialog{padding:18px;max-height:94vh}.modal-backdrop{padding:8px}}
