/*
 * Public tenant marketplace theme.
 * Shares the Starmax corporate site palette (zinc ink/canvas + indigo accent)
 * so the public listings feel like the same product as starmaxltd.com.
 */

/* System font fallbacks avoid a third-party request on every visit. */
[hidden] { display: none !important; }
:where(a, button, input, select, summary):focus-visible { outline: 3px solid #6366f1; outline-offset: 4px; }
.share-actions, .cookie-actions { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.share-actions { margin: 18px 0; }
.share-actions a, .share-actions button, .cookie-actions button, .advanced-filter-card button { border: 1px solid #d4d4d8; border-radius: 10px; padding: 11px 16px; background: #fff; color: #18181b; font: inherit; font-size: 14px; cursor: pointer; text-decoration: none; }
.share-actions [role=status] { width: 100%; overflow-wrap: anywhere; font-size: 13px; }
.detail-rent { font-size: 18px; }
.cookie-banner { position: fixed; z-index: 100; bottom: 16px; left: 16px; width: min(480px, calc(100% - 32px)); max-height: calc(100dvh - 32px); overflow-y: auto; background: #fff; color: #18181b; padding: 24px; border: 1px solid #d4d4d8; border-radius: 16px; box-shadow: 0 8px 40px #0002; }
.cookie-banner h2 { margin: 0 0 10px; font-size: 20px; }
.cookie-banner p, .cookie-banner > a { font-size: 14px; line-height: 1.6; }
.cookie-actions { margin-top: 16px; }
.cookie-actions button { flex: 1; }
.cookie-modal { position:fixed; inset:0; z-index:110; display:grid; place-items:center; padding:20px; }
.cookie-modal-backdrop { position:absolute; inset:0; background:rgba(24,24,27,.52); backdrop-filter:blur(4px); }
.cookie-modal-dialog { position:relative; width:min(560px,100%); padding:28px; border:1px solid #d4d4d8; border-radius:18px; background:#fff; color:#18181b; box-shadow:0 24px 70px rgba(24,24,27,.28); }
.cookie-modal-dialog h2 { margin:0 34px 10px 0; font-size:24px; }
.cookie-modal-dialog > p { margin:0; color:#52525b; font-size:14px; line-height:1.65; }
.cookie-modal-close { position:absolute; top:15px; right:15px; width:34px; height:34px; border:0; border-radius:50%; background:#f4f4f5; color:#52525b; font-size:23px; line-height:1; cursor:pointer; }
.cookie-options { display:grid; gap:10px; margin:22px 0; }
.cookie-option { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:start; gap:12px; padding:14px; border:1px solid #d4d4d8; border-radius:12px; cursor:pointer; }
.cookie-option:has(input:checked) { border-color:#818cf8; background:#eef2ff; }
.cookie-option input { width:18px; height:18px; margin-top:2px; accent-color:#4f46e5; }
.cookie-option strong, .cookie-option small { display:block; }
.cookie-option strong { font-size:14px; }
.cookie-option small { margin-top:3px; color:#71717a; font-size:12px; line-height:1.5; }
.cookie-option b { color:#4338ca; font-size:11px; white-space:nowrap; }
.cookie-option-locked { cursor:default; background:#fafafa; }
.cookie-modal-actions { display:flex; justify-content:flex-end; gap:10px; margin-top:20px; }
.cookie-modal-actions button { border:1px solid #d4d4d8; border-radius:10px; padding:11px 16px; font:inherit; font-size:14px; font-weight:700; cursor:pointer; }
.cookie-modal-secondary { background:#fff; color:#18181b; }
.cookie-modal-primary { background:#4f46e5; border-color:#4f46e5!important; color:#fff; }
.cookie-modal-status { margin-top:12px!important; color:#b91c1c!important; font-size:12px!important; }
.cookie-modal-open { overflow:hidden; }
.cookie-settings { padding: 0; border: 0; background: transparent; color: #e4e4e7; font: inherit; font-size: 14px; text-decoration: underline; cursor: pointer; }
.ajax-status-success, .ajax-status-error { margin: 10px 0 0; padding: 10px 12px; border-radius: 10px; font-size: 13px; line-height: 1.5; }
.ajax-status-success { background: #ecfdf5; border: 1px solid #a7f3d0; color: #166534; }
.ajax-status-error { background: #fef2f2; border: 1px solid #fecaca; color: #b91c1c; }
.privacy-copy { max-width: 780px; line-height: 1.8; }

:root {
    --ink: #18181b;
    --muted: #71717a;
    --line: #e4e4e7;
    --paper: #fff;
    --canvas: #fafafa;
    --soft: #f4f4f5;
    --green: #15803d;
    --green-soft: #dcfce7;
    --blue: #4f46e5;
    --radius: 18px;
    --radius-sm: 12px;
    --shell: 1220px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
    margin: 0;
    background: var(--canvas);
    color: var(--ink);
    font-family: Inter, system-ui, -apple-system, sans-serif;
    -webkit-font-smoothing: antialiased;
}
a { color: inherit; }
.market-shell { width: min(var(--shell), calc(100% - 48px)); margin-inline: auto; }

/* ===== Header ===== */
.market-header {
    position: sticky;
    top: 0;
    z-index: 20;
    background: rgba(255, 255, 255, .94);
    border-bottom: 1px solid rgba(228, 228, 231, .8);
    backdrop-filter: blur(18px);
}
.market-nav { height: 74px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.market-brand { display: flex; align-items: center; gap: 12px; text-decoration: none; font-weight: 800; }
.market-brand img { display: block; width: auto; height: 40px; }
.market-brand span { padding-left: 12px; border-left: 1px solid var(--line); font-size: 15px; }
.market-nav nav { display: flex; align-items: center; gap: 6px; }
.market-nav nav a { padding: 10px 13px; border-radius: 999px; text-decoration: none; font-size: 13px; font-weight: 600; }
.market-nav nav a:hover { background: var(--soft); }
.market-nav nav a.active { background: #eef2ff; color: #3730a3; font-weight: 800; box-shadow: inset 0 -2px 0 #6366f1; }
.market-nav .nav-sign-in { margin-left: 6px; background: var(--ink); color: #fff; }
.market-nav .nav-sign-in:hover { background: #27272a; }
.market-nav .nav-advertise { color: var(--blue); }
.market-nav .nav-advertise.active { background: #eef2ff; }
.mobile-market-nav { position: relative; display: none; }
.mobile-market-nav summary { padding: 9px 13px; border-radius: 999px; background: var(--ink); color: #fff; font-size: 12px; font-weight: 700; cursor: pointer; list-style: none; }
.mobile-market-nav summary::-webkit-details-marker { display: none; }
.mobile-market-nav > div { position: absolute; top: calc(100% + 10px); right: 0; display: grid; width: min(280px, calc(100vw - 28px)); padding: 8px; border: 1px solid var(--line); border-radius: 14px; background: #fff; box-shadow: 0 20px 45px rgba(24,24,27,.18); }
.mobile-market-nav a { padding: 11px 12px; border-radius: 9px; text-decoration: none; font-size: 12px; font-weight: 650; }
.mobile-market-nav a:hover { background: var(--soft); }
.mobile-market-nav a.active { background: #eef2ff; color: #3730a3; font-weight: 800; }

/* ===== Hero ===== */
.search-hero {
    position: relative;
    overflow: hidden;
    color: #fff;
    background: linear-gradient(160deg, #0b1120 0%, #111827 50%, #1c2745 100%);
}
.search-hero::before {
    content: "";
    position: absolute;
    left: -180px;
    top: -220px;
    width: 620px;
    height: 620px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(99, 102, 241, .28), transparent 68%);
    z-index: 0;
}
.hero-grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, .92fr);
    align-items: center;
    gap: 64px;
    padding: 64px 0 60px;
}
.hero-copy { max-width: 600px; }
.hero-kicker, .section-kicker {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 14px;
    color: #a5b4fc;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase;
}
.hero-kicker::before { content: ""; width: 26px; height: 2px; border-radius: 2px; background: currentColor; }
.hero-copy h1 {
    margin: 0;
    font-family: Sora, Inter, system-ui, sans-serif;
    max-width: 540px;
    font-size: clamp(32px, 3.15vw, 46px);
    line-height: 1.1;
    letter-spacing: -.035em;
    font-weight: 700;
}
.hero-copy p { max-width: 520px; margin: 14px 0 0; color: #cbd5e1; font-size: 15px; line-height: 1.6; }
.hero-proof { display: flex; flex-wrap: wrap; gap: 8px 18px; margin-top: 16px; color: #aab6c8; font-size: 11px; }
.hero-proof span { display: inline-flex; align-items: center; gap: 4px; }
.hero-proof span::before { content: ""; width: 5px; height: 5px; border-radius: 50%; background: #818cf8; }
.hero-proof strong { color: #f8fafc; }

/* A solid search card keeps every control clear against the dark hero. */
.search-panel {
    margin-top: 26px;
    display: flex;
    flex-direction: column;
    gap: 14px;
    max-width: 580px;
    padding: 18px;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 18px;
    background: rgba(255, 255, 255, .98);
    color: var(--ink);
    box-shadow: 0 22px 55px rgba(2, 6, 23, .3);
}
.search-panel-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; }
.search-panel-heading strong { font-size: 14px; }
.search-panel-heading span { color: var(--muted); font-size: 11px; }
.search-fields { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(180px, .75fr); gap: 10px; }
.search-field {
    display: flex;
    align-items: center;
    gap: 14px;
    min-height: 62px;
    padding: 10px 13px;
    border: 1px solid #d4d4d8;
    border-radius: 12px;
    background: #fff;
    transition: border-color .15s ease, box-shadow .15s ease;
}
.search-field:focus-within { border-color: var(--blue); box-shadow: 0 0 0 3px rgba(79, 70, 229, .13); }
.search-field:hover { border-color: #a1a1aa; }
.search-field > div { min-width: 0; flex: 1; }
.field-icon { width: 19px; height: 19px; flex: 0 0 19px; fill: none; stroke: var(--blue); stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.search-panel label { display: block; font-size: 9px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; color: #71717a; margin-bottom: 3px; }
.search-panel input, .search-panel select {
    width: 100%;
    border: none;
    outline: none;
    font: inherit;
    font-size: 14px;
    font-weight: 600;
    color: var(--ink);
    background: transparent;
}
.search-panel input::placeholder { color: #a1a1aa; font-weight: 500; }
.search-panel select { color: var(--ink); cursor: pointer; }
.search-panel select option { color: #18181b; }
.search-panel button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    align-self: flex-start;
    margin-top: 0;
    border: none;
    border-radius: 999px;
    padding: 15px 32px;
    background: linear-gradient(135deg, #6366f1, #4338ca);
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer;
    transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
    box-shadow: 0 14px 30px rgba(67, 56, 202, .4);
}
.search-panel button svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; }
.search-panel button:hover { filter: brightness(1.08); transform: translateY(-2px); box-shadow: 0 18px 36px rgba(67, 56, 202, .5); }
.search-panel button:active { transform: translateY(0); }
.search-actions { position: relative; display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 0; }
.search-actions .search-panel button,
.search-actions button { margin-top: 0; }
.advanced-filters { position: relative; }
.advanced-filters summary { padding: 11px 3px; color: #52525b; font-size: 12px; font-weight: 700; cursor: pointer; list-style: none; }
.advanced-filters summary::-webkit-details-marker { display: none; }
.advanced-filters summary::after { content: "+"; display: inline-block; margin-left: 7px; color: #a5b4fc; font-size: 16px; }
.advanced-filters[open] summary::after { content: "−"; }
.advanced-filter-card { position: absolute; left: 0; top: calc(100% + 10px); z-index: 8; display: grid; grid-template-columns: 1fr 1fr; gap: 13px; width: min(430px, calc(100vw - 38px)); padding: 17px; border: 1px solid var(--line); border-radius: 15px; background: #fff; color: var(--ink); box-shadow: 0 22px 55px rgba(2,6,23,.38); }
.advanced-filter-card label { color: #71717a; }
.advanced-filter-card input, .advanced-filter-card select { width: 100%; height: 42px; padding: 0 11px; border: 1px solid #d4d4d8; border-radius: 9px; background: #fff; color: var(--ink); font-size: 13px; font-weight: 600; }
.advanced-filter-card a { grid-column: 1 / -1; color: #4338ca; font-size: 11px; font-weight: 800; text-decoration: none; }

/* Bento-style photo mosaic: real property photos when available, an
   illustrated placeholder tile otherwise. Always renders, unlike a single
   background photo that depends on one property having a cover image. */
.hero-gallery {
    position: relative;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: repeat(4, 56px);
    gap: 14px;
}
.gallery-tile {
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    background: linear-gradient(135deg, rgba(99, 102, 241, .35), rgba(30, 41, 59, .6));
    border: 1px solid rgba(255, 255, 255, .14);
    box-shadow: 0 20px 40px rgba(2, 6, 23, .35);
}
.gallery-tile img { width: 100%; height: 100%; object-fit: cover; display: block; }
.gallery-tile svg { position: absolute; inset: 0; margin: auto; width: 30%; height: 30%; fill: none; stroke: rgba(255, 255, 255, .55); stroke-width: 1.3; stroke-linecap: round; stroke-linejoin: round; }
.gallery-tile-1 { grid-column: 1 / 4; grid-row: 1 / 4; }
.gallery-tile-2 { grid-column: 4 / 7; grid-row: 1 / 3; }
.gallery-tile-3 { grid-column: 4 / 6; grid-row: 3 / 5; }
.gallery-tile-4 { grid-column: 6 / 7; grid-row: 3 / 5; }
.gallery-tile-5 { grid-column: 1 / 4; grid-row: 4 / 5; }

/* ===== Listings ===== */
.listings-section { padding-block: 52px 64px; }
.results-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-bottom: 22px; }
.results-heading h2 { margin: 4px 0 6px; font-size: 26px; letter-spacing: -.02em; }
.results-heading p { margin: 0; color: var(--muted); font-size: 14px; }
.sort-form { display: flex; align-items: center; gap: 8px; }
.sort-form label { font-size: 12px; font-weight: 700; color: var(--muted); }
.sort-form select { border: 1px solid var(--line); border-radius: 10px; padding: 8px 10px; font: inherit; font-size: 13px; background: var(--paper); }

.active-search {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 18px;
    padding: 10px 14px;
    border-radius: var(--radius-sm);
    background: var(--green-soft);
    color: var(--green);
    font-size: 13px;
    font-weight: 600;
}
.active-search a { font-weight: 800; text-decoration: underline; }
.active-filter-row { flex-wrap: wrap; background: #eef2ff; color: #3730a3; }
.active-filter-row .filter-chip { padding: 6px 10px; border: 1px solid #c7d2fe; border-radius: 999px; background: #fff; text-decoration: none; font-size: 11px; }
.active-filter-row .filter-chip span { margin-left: 5px; }
.active-filter-row .clear-filter-link { margin-left: auto; }

/* ===== Marketplace home and editorial pages ===== */
.market-home-hero { position: relative; overflow: hidden; color: #fff; background: #101014; }
.market-home-hero::after { content: ""; position: absolute; width: 520px; height: 520px; right: 8%; bottom: -380px; border-radius: 50%; background: #4f46e5; filter: blur(30px); opacity: .38; }
.home-hero-inner { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(340px, .85fr); align-items: center; gap: 70px; min-height: 660px; padding-block: 70px; }
.home-hero-copy h1, .inner-hero h1 { max-width: 760px; margin: 0; font-family: Sora, Inter, sans-serif; font-size: clamp(40px, 5.5vw, 72px); line-height: 1.03; letter-spacing: -.055em; }
.home-hero-copy h1 em, .advertise-hero h1 em { color: #a5b4fc; font-style: normal; }
.home-hero-copy > p { max-width: 650px; margin: 22px 0 30px; color: #c4c4ca; font-size: 17px; line-height: 1.7; }
.home-search { display: grid; grid-template-columns: 1.3fr 1fr .75fr auto; gap: 1px; max-width: 850px; padding: 6px; border-radius: 16px; background: #fff; box-shadow: 0 22px 60px rgba(0,0,0,.35); }
.home-search label { min-width: 0; padding: 9px 13px; border-right: 1px solid var(--line); color: var(--ink); }
.home-search label span { display: block; margin-bottom: 3px; color: var(--muted); font-size: 9px; font-weight: 800; text-transform: uppercase; letter-spacing: .04em; }
.home-search input, .home-search select { width: 100%; border: 0; outline: 0; background: #fff; font: inherit; font-size: 12px; font-weight: 650; }
.home-search button { padding: 0 20px; border: 0; border-radius: 12px; background: var(--blue); color: #fff; font-weight: 800; cursor: pointer; white-space: nowrap; }
.home-trust-row { display: flex; flex-wrap: wrap; gap: 18px; margin-top: 18px; color: #a1a1aa; font-size: 11px; }
.home-visual { position: relative; height: 470px; overflow: hidden; border-radius: 180px 180px 24px 24px; background: #27272a; }
.home-visual img { width: 100%; height: 100%; object-fit: cover; }
.home-visual-placeholder { height: 100%; display: grid; place-items: center; padding: 40px; background: linear-gradient(145deg,#312e81,#18181b); font-family: Sora,sans-serif; font-size: 30px; line-height: 1.2; }
.floating-stat { position: absolute; left: 22px; right: 22px; bottom: 22px; display: flex; align-items: center; gap: 12px; padding: 14px 18px; border: 1px solid rgba(255,255,255,.18); border-radius: 14px; background: rgba(24,24,27,.86); backdrop-filter: blur(12px); }
.floating-stat strong { font: 800 26px Sora,sans-serif; }.floating-stat span { color: #d4d4d8; font-size: 12px; }
.home-section, .editorial-section { padding-block: 76px; }
.home-section-heading { display: flex; align-items: end; justify-content: space-between; gap: 30px; margin-bottom: 28px; }
.home-section-heading h2 { margin: 0; font: 700 clamp(26px,3vw,38px) Sora,sans-serif; letter-spacing: -.04em; }
.home-section-heading p { margin: 8px 0 0; color: var(--muted); font-size: 14px; }.home-section-heading > a { color: var(--blue); font-size: 13px; font-weight: 800; text-decoration: none; }
.home-listing-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
.journey-section { padding-block: 74px; border-block: 1px solid var(--line); background: #fff; }
.journey-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 1px; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); background: var(--line); }
.journey-grid article { padding: 34px; background: #fff; }.journey-grid article > span { color: var(--blue); font: 800 11px Sora,sans-serif; }.journey-grid h3 { margin: 36px 0 10px; font-size: 19px; }.journey-grid p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.65; }
.owner-cta { padding-block: 74px; background: #eef2ff; }.owner-cta-inner { display: flex; align-items: center; justify-content: space-between; gap: 40px; }.owner-cta h2 { margin: 0; font: 700 clamp(30px,4vw,48px) Sora,sans-serif; letter-spacing: -.04em; }.owner-cta p { max-width: 670px; color: #52525b; }.owner-cta a { padding: 14px 22px; border-radius: 999px; background: var(--ink); color: #fff; text-decoration: none; font-size: 13px; font-weight: 800; white-space: nowrap; }
.inner-hero { padding-block: 94px; color: #fff; background: linear-gradient(145deg,#101014,#24243a); }.inner-hero-grid { display: grid; grid-template-columns: 1.5fr .5fr; gap: 70px; align-items: center; }.inner-hero p { max-width: 650px; color: #c4c4ca; font-size: 17px; line-height: 1.7; }.inner-hero .primary-action { margin-top: 16px; background: #fff; color: var(--ink); }.hero-number { display: grid; place-items: center; aspect-ratio: 1; border: 1px solid rgba(255,255,255,.15); border-radius: 50%; color: #a5b4fc; font: 800 clamp(70px,10vw,130px) Sora,sans-serif; }.hero-number span { margin-top: -45%; color: #fff; font: 700 11px Inter,sans-serif; text-transform: uppercase; letter-spacing: .12em; }
.step-list article { display: grid; grid-template-columns: 100px 1fr; gap: 38px; padding: 44px 0; border-bottom: 1px solid var(--line); }.step-list article > b { color: #c7d2fe; font: 800 42px Sora,sans-serif; }.step-list article span, .safety-grid article > span { color: var(--blue); font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: .1em; }.step-list h2 { margin: 7px 0 10px; font: 700 26px Sora,sans-serif; }.step-list p { max-width: 720px; margin: 0; color: var(--muted); line-height: 1.75; }
.split-callout { padding-block: 70px; background: #eef2ff; }.split-callout-inner { display: grid; grid-template-columns: 1fr 1fr; gap: 70px; }.split-callout h2 { margin: 0; font: 700 34px Sora,sans-serif; letter-spacing: -.035em; }.split-callout p { color: #52525b; line-height: 1.7; }.split-callout a { color: var(--blue); font-weight: 800; text-decoration: none; }
.safety-shield { display: grid; place-items: center; width: 220px; aspect-ratio: 1; margin-left: auto; border: 1px solid rgba(255,255,255,.18); border-radius: 50% 50% 48% 48%; color: #fff; background: rgba(79,70,229,.4); font-size: 80px; }.safety-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; }.safety-grid article { padding: 28px; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; }.safety-grid h2 { margin: 8px 0 20px; font-size: 20px; }.safety-grid ul { margin: 0; padding-left: 18px; color: #52525b; font-size: 13px; line-height: 1.7; }.safety-grid li + li { margin-top: 10px; }.safety-note { margin-top: 24px; padding: 28px; border-radius: var(--radius); background: #fff7ed; }.safety-note p { color: #7c2d12; }.safety-note a { color: #9a3412; font-weight: 800; }
.advertise-hero-grid { display: grid; grid-template-columns: 1.15fr .65fr; align-items: center; gap: 80px; }.advertise-actions { display: flex; align-items: center; gap: 22px; margin-top: 28px; }.advertise-actions > a:not(.primary-action) { color: #e4e4e7; font-size: 13px; font-weight: 700; }.listing-preview { overflow: hidden; transform: rotate(2deg); border: 8px solid #fff; border-radius: var(--radius); background: #fff; color: var(--ink); box-shadow: 0 30px 70px rgba(0,0,0,.35); }.preview-photo { display: grid; place-items: center; aspect-ratio: 16/10; color: #a5b4fc; background: linear-gradient(145deg,#312e81,#111827); font: 700 15px Sora,sans-serif; }.listing-preview > div:last-child { padding: 20px; }.listing-preview small { color: var(--blue); font-weight: 800; }.listing-preview h3 { margin: 7px 0 3px; }.listing-preview p { margin: 0 0 14px; color: var(--muted); font-size: 12px; }.listing-preview strong span { color: var(--muted); font-size: 10px; }
.benefit-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 16px; }.benefit-grid article { padding: 28px; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; }.benefit-grid h3 { margin: 0 0 8px; }.benefit-grid p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.7; }
.lead-section { padding-block: 76px; background: #eef2ff; }.lead-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 70px; }.lead-grid h2 { margin: 0; font: 700 38px Sora,sans-serif; }.lead-grid > div > p { color: #52525b; line-height: 1.7; }.lead-checklist { display: grid; gap: 10px; margin-top: 24px; color: #3730a3; font-size: 13px; font-weight: 700; }.advertise-form { display: grid; gap: 14px; padding: 28px; border-radius: var(--radius); background: #fff; box-shadow: 0 16px 40px rgba(49,46,129,.1); }.advertise-form label { font-size: 12px; font-weight: 750; }.advertise-form input,.advertise-form textarea { width: 100%; margin-top: 6px; padding: 11px 12px; border: 1px solid var(--line); border-radius: 10px; font: inherit; font-size: 13px; }.advertise-form button { padding: 13px; border: 0; border-radius: 999px; background: var(--ink); color: #fff; font-weight: 800; }.advertise-form small { color: var(--muted); text-align: center; }

.listing-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.listing-card {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    background: var(--paper);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .04);
    transition: box-shadow .2s ease, transform .2s ease, border-color .2s ease;
}
.listing-card:hover { box-shadow: 0 14px 28px rgba(24, 24, 27, .1); transform: translateY(-2px); border-color: rgba(79, 70, 229, .25); }
.listing-image { position: relative; display: block; aspect-ratio: 16/9; overflow: hidden; background: var(--soft); }
.listing-image img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease; }
.listing-card:hover .listing-image img { transform: scale(1.06); }
.image-placeholder {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    color: var(--muted);
    background: linear-gradient(135deg, var(--soft), #ececef);
}
.image-placeholder span { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 10px; background: var(--ink); color: #fff; font-weight: 800; font-size: 12px; }
.image-placeholder small { font-size: 10px; }
.availability-pill {
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 5px 9px;
    border-radius: 999px;
    background: rgba(24, 24, 27, .82);
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    backdrop-filter: blur(4px);
}
.listing-body { display: flex; flex-direction: column; gap: 5px; padding: 14px; flex: 1; }
.location-line { display: flex; align-items: center; gap: 5px; font-size: 10px; font-weight: 700; color: var(--blue); text-transform: uppercase; letter-spacing: .03em; }
.location-line svg { width: 12px; height: 12px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.listing-body h3 { margin: 0; font-size: 16px; line-height: 1.3; letter-spacing: -.01em; }
.listing-body h3 a { text-decoration: none; }
.listing-body h3 a:hover { text-decoration: underline; }
.listing-body .address { margin: 0; color: var(--muted); font-size: 11px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.listing-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin-top: 2px; }
.listing-meta strong { font-size: 17px; letter-spacing: -.02em; }
.listing-meta span { color: var(--muted); font-size: 10px; }
.listing-meta small { color: var(--muted); font-size: 10px; }
.bedroom-badge { display: inline-flex; align-items: center; gap: 4px; margin-left: auto; padding: 3px 7px; border-radius: 999px; background: var(--soft); color: var(--ink); font-size: 10px; font-weight: 700; }
.bedroom-badge svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }

.unit-chip-row { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 2px; }
.unit-chip {
    padding: 4px 7px;
    border-radius: 999px;
    background: var(--soft);
    border: 1px solid var(--line);
    font-size: 9px;
    font-weight: 600;
    color: var(--ink);
    white-space: nowrap;
}
.unit-chip-more { background: transparent; border-style: dashed; color: var(--muted); }

.card-actions { display: flex; align-items: center; gap: 6px; margin-top: auto; padding-top: 8px; }
.card-action {
    flex: 1;
    text-align: center;
    padding: 8px 10px;
    border-radius: 999px;
    background: var(--ink);
    color: #fff;
    text-decoration: none;
    font-size: 11px;
    font-weight: 700;
    transition: background .15s ease;
}
.card-action:hover { background: #27272a; }
.card-action-ghost { flex: 0 0 auto; background: transparent; color: var(--ink); border: 1px solid var(--line); }
.card-action-ghost:hover { background: var(--soft); }

.empty-results {
    grid-column: 1 / -1;
    text-align: center;
    padding: 64px 24px;
    border: 1px dashed var(--line);
    border-radius: var(--radius);
    background: var(--paper);
}
.empty-icon { font-size: 40px; margin-bottom: 10px; }
.empty-results h3 { margin: 0 0 8px; font-size: 20px; }
.empty-results p { margin: 0 auto 20px; max-width: 420px; color: var(--muted); font-size: 14px; }
.primary-action {
    display: inline-block;
    padding: 11px 22px;
    border-radius: 999px;
    background: var(--ink);
    color: #fff;
    text-decoration: none;
    font-weight: 700;
    font-size: 14px;
}

.market-pagination { display: flex; align-items: center; justify-content: center; gap: 16px; margin-top: 36px; font-size: 13px; }
.market-pagination a { font-weight: 700; text-decoration: underline; }
.market-pagination span { color: var(--muted); }
.market-pagination strong { font-size: 12px; letter-spacing: .04em; text-transform: uppercase; color: var(--muted); }

/* ===== Trust band ===== */
.trust-band { background: var(--soft); padding-block: 40px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.trust-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; }
.trust-grid strong { display: block; margin-bottom: 6px; font-size: 15px; }
.trust-grid p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.5; }

/* ===== Property detail page ===== */
.detail-page { padding-block: 32px 64px; }
.breadcrumbs { display: flex; align-items: center; gap: 8px; margin-bottom: 20px; font-size: 13px; color: var(--muted); }
.breadcrumbs a { text-decoration: none; font-weight: 600; }
.breadcrumbs a:hover { text-decoration: underline; }
.breadcrumbs span:last-child { color: var(--ink); font-weight: 600; }

.detail-hero { display: grid; grid-template-columns: 1.3fr 1fr; gap: 30px; align-items: stretch; }
.detail-image { position: relative; min-height: 380px; border-radius: var(--radius); overflow: hidden; background: var(--soft); }
.detail-image img { width: 100%; height: 100%; object-fit: cover; display: block; }
.detail-summary { display: flex; flex-direction: column; gap: 14px; padding: 34px; border-radius: var(--radius); background: var(--ink); color: #fff; }
.detail-summary h1 { margin: 0; font-size: clamp(24px, 3vw, 32px); letter-spacing: -.02em; }
.detail-summary .availability-pill { position: static; align-self: flex-start; background: rgba(255, 255, 255, .14); }
.detail-location { margin: 0; color: #d4d4d8; font-size: 14px; }
.detail-description { margin: 0; color: #d4d4d8; font-size: 14px; line-height: 1.6; }
.verified-manager { display: flex; align-items: flex-start; gap: 10px; margin-top: auto; padding-top: 16px; border-top: 1px solid rgba(255, 255, 255, .14); }
.verified-manager span { width: 26px; height: 26px; flex: 0 0 26px; display: grid; place-items: center; border-radius: 50%; background: var(--green-soft); color: var(--green); font-weight: 800; font-size: 13px; }
.verified-manager strong { display: block; font-size: 14px; }
.verified-manager small { color: #a1a1aa; font-size: 12px; }

.detail-columns { display: grid; grid-template-columns: 1.5fr 1fr; gap: 40px; margin-top: 44px; align-items: start; }
.section-title { margin-bottom: 18px; }
.section-title h2 { margin: 4px 0 0; font-size: 22px; letter-spacing: -.02em; }
.unit-label { display: inline-block; margin-bottom: 4px; padding: 3px 9px; border-radius: 999px; background: var(--green-soft); color: var(--green); font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: .04em; }

/* Compact grid of small unit boxes (4-6 per row) instead of a full-width row list. */
.unit-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 12px; }
.unit-box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    padding: 12px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: var(--paper);
    font: inherit;
    text-align: left;
    cursor: pointer;
    transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}
.unit-box:hover { border-color: rgba(79, 70, 229, .4); box-shadow: 0 10px 24px rgba(24, 24, 27, .1); transform: translateY(-2px); }
.unit-box-image { position: relative; width: 100%; height: 92px; margin-bottom: 7px; overflow: hidden; border-radius: 9px; background: var(--soft); }
.unit-box-image img { display: block; width: 100%; height: 100%; object-fit: cover; }
.unit-box-image small { position: absolute; right: 6px; bottom: 6px; padding: 3px 6px; border-radius: 999px; background: rgba(24,24,27,.78); color: #fff; font-size: 9px; font-weight: 700; }
.unit-box-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 3px var(--green-soft); }
.unit-box strong { font-size: 14px; letter-spacing: -.01em; }
.unit-box-beds { display: inline-flex; align-items: center; gap: 4px; color: var(--muted); font-size: 11px; }
.unit-box-beds svg { width: 12px; height: 12px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.unit-box-price { margin-top: auto; padding-top: 6px; font-size: 13px; font-weight: 700; color: var(--blue); }
.unit-box-more { width: 100%; margin-top: 6px; padding-top: 8px; border-top: 1px solid var(--line); color: #52525b; font-size: 10px; font-weight: 700; }
.unit-box-more span { float: right; color: var(--blue); }

.unit-dialog {
    width: min(920px, calc(100vw - 40px));
    max-height: min(760px, calc(100vh - 40px));
    padding: 0;
    border: none;
    border-radius: var(--radius);
    overflow: auto;
    box-shadow: 0 30px 70px rgba(2, 6, 23, .3);
}
.unit-dialog::backdrop { background: rgba(9, 9, 11, .55); backdrop-filter: blur(2px); }
.unit-dialog-close { position: absolute; right: 14px; top: 14px; z-index: 3; margin: 0; }
.unit-dialog-close button { display: grid; place-items: center; width: 36px; height: 36px; padding: 0; border: 1px solid rgba(255,255,255,.7); border-radius: 50%; background: rgba(255,255,255,.92); box-shadow: 0 4px 14px rgba(0,0,0,.15); font-size: 24px; line-height: 1; color: var(--ink); cursor: pointer; }
.unit-dialog-layout { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(320px, .92fr); min-height: 510px; }
.unit-dialog-media { padding: 18px; background: #f1f5f9; }
.unit-photo-stage { position: relative; min-height: 390px; height: calc(100% - 82px); overflow: hidden; border-radius: 13px; background: #e4e4e7; }
.unit-photo { width: 100%; height: 100%; min-height: 390px; object-fit: cover; display: block; }
.unit-photo.is-hidden { display: none; }
.unit-photo-thumbs { display: flex; gap: 8px; margin-top: 10px; overflow-x: auto; padding-bottom: 2px; }
.unit-photo-thumb { width: 66px; height: 54px; flex: 0 0 66px; padding: 0; overflow: hidden; border: 2px solid transparent; border-radius: 8px; background: #fff; cursor: pointer; }
.unit-photo-thumb.is-active { border-color: var(--blue); }
.unit-photo-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.unit-photo-note { display: block; margin-top: 9px; color: #64748b; font-size: 10px; line-height: 1.4; }
.unit-photo-empty { min-height: 474px; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; border: 1px dashed #cbd5e1; border-radius: 13px; color: #64748b; }
.unit-photo-empty span { width: 48px; height: 48px; display: grid; place-items: center; margin-bottom: 12px; border-radius: 13px; background: var(--ink); color: #fff; font-weight: 800; }
.unit-photo-empty strong { color: #334155; font-size: 14px; }
.unit-photo-empty small { max-width: 220px; margin-top: 5px; line-height: 1.5; }
.unit-dialog-content { display: flex; flex-direction: column; padding: 38px 32px 30px; }
.unit-property-name { margin: 10px 0 2px; color: var(--blue); font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .04em; }
.unit-dialog h3 { margin: 0; font-size: 27px; letter-spacing: -.025em; }
.unit-dialog-location { margin: 8px 0 20px; color: var(--muted); font-size: 12px; line-height: 1.5; }
.unit-dialog-facts { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; margin: 0 0 20px; overflow: hidden; border: 1px solid var(--line); border-radius: 12px; background: var(--line); }
.unit-dialog-facts div { display: block; padding: 12px; background: #fff; }
.unit-dialog-facts dt { margin-bottom: 4px; color: var(--muted); font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; }
.unit-dialog-facts dd { margin: 0; font-weight: 800; font-size: 13px; }
.unit-status-available { color: var(--green); }
.unit-dialog-about { margin-bottom: 15px; }
.unit-dialog-about strong { font-size: 12px; }
.unit-dialog-about p { display: -webkit-box; margin: 5px 0 0; overflow: hidden; color: #52525b; font-size: 12px; line-height: 1.55; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
.unit-dialog-help { margin: auto 0 16px; padding: 11px 12px; border-radius: 10px; background: #f4f4f5; color: #52525b; font-size: 11px; line-height: 1.5; }
.unit-dialog-content > a {
    display: block;
    text-align: center;
    padding: 12px;
    border-radius: 999px;
    background: var(--ink);
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
}
.unit-dialog-content > a:hover { background: #27272a; }

.enquiry-card { position: sticky; top: 96px; padding: 26px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--paper); box-shadow: 0 12px 32px rgba(24, 24, 27, .06); }
.enquiry-card h2 { margin: 4px 0 8px; font-size: 20px; }
.enquiry-card > p { margin: 0 0 18px; color: var(--muted); font-size: 13px; }
.enquiry-card form { display: flex; flex-direction: column; gap: 12px; }
.enquiry-card label { font-size: 12px; font-weight: 700; color: var(--ink); }
.enquiry-card label span { font-weight: 400; color: var(--muted); }
.enquiry-card input, .enquiry-card select, .enquiry-card textarea {
    width: 100%;
    margin-top: 4px;
    padding: 10px 12px;
    border: 1px solid var(--line);
    border-radius: 10px;
    font: inherit;
    font-size: 14px;
    color: var(--ink);
    background: var(--paper);
}
.enquiry-card input:focus, .enquiry-card select:focus, .enquiry-card textarea:focus { outline: none; border-color: var(--blue); box-shadow: 0 0 0 3px rgba(79, 70, 229, .15); }
.enquiry-card textarea { resize: vertical; }
.two-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.enquiry-card button {
    margin-top: 4px;
    padding: 12px;
    border: none;
    border-radius: 999px;
    background: var(--ink);
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer;
}
.enquiry-card button:hover { background: #27272a; }
.honeypot { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.field-error { color: #dc2626; font-size: 12px; margin-top: -6px; }
.success-message { padding: 10px 14px; border-radius: 10px; background: var(--green-soft); color: var(--green); font-size: 13px; font-weight: 600; }
.privacy-note { color: var(--muted); font-size: 11px; line-height: 1.5; }

/* ===== Footer ===== */
.market-footer { padding-top: 52px; background: #18181b; color: #fff; }
.footer-grid { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 50px; }
.footer-logo { height: 38px; width: auto; filter: brightness(0) invert(1); }
.footer-grid p { max-width: 410px; color: #a1a1aa; font-size: 13px; line-height: 1.6; margin-top: 12px; }
.footer-grid strong { display: block; margin-bottom: 12px; font-size: 13px; text-transform: uppercase; letter-spacing: .06em; color: #a1a1aa; }
.footer-grid div > a { display: block; margin-bottom: 8px; color: #e4e4e7; text-decoration: none; font-size: 14px; }
.footer-grid div > a:hover { text-decoration: underline; }
.footer-bottom { margin-top: 44px; padding: 22px 0; border-top: 1px solid rgba(255, 255, 255, .1); color: #71717a; font-size: 12px; text-align: center; }
.market-guide { padding: 58px 0; background: var(--soft); }
.guide-inner { display: grid; grid-template-columns: 1fr 1fr; gap: 70px; align-items: center; }
.guide-inner h2 { max-width: 520px; margin: 0; font-family: Sora, Inter, sans-serif; font-size: clamp(28px, 4vw, 42px); line-height: 1.12; letter-spacing: -.035em; }
.guide-inner p { margin: 0 0 12px; color: #52525b; font-size: 14px; line-height: 1.7; }

/* ===== Responsive ===== */
@media (max-width: 1100px) {
    .listing-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 920px) {
    .desktop-market-nav { display: none !important; }
    .mobile-market-nav { display: block; }
    .listing-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .detail-hero { grid-template-columns: 1fr; }
    .detail-image { min-height: auto; aspect-ratio: 16/9; }
    .detail-columns { grid-template-columns: 1fr; }
    .enquiry-card { position: static; }
    .hero-grid { grid-template-columns: 1fr; gap: 44px; padding: 56px 0 44px; text-align: left; }
    .hero-copy { max-width: 680px; }
    .hero-gallery { grid-template-rows: repeat(4, 46px); max-width: 480px; }
    .footer-grid { grid-template-columns: 1.5fr 1fr 1fr; }
    .home-hero-inner, .advertise-hero-grid { grid-template-columns: 1fr; }.home-visual { display: none; }.home-search { grid-template-columns: 1fr 1fr; }.home-search button { min-height: 48px; }.home-listing-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }.safety-grid { grid-template-columns: 1fr; }
}

@media (max-width: 680px) {
    .market-shell { width: min(100% - 28px, var(--shell)); }
    .market-nav { height: 66px; }
    .market-brand img { height: 34px; }
    .market-brand span { display: none; }
    .desktop-market-nav { display: none !important; }
    .hero-grid { padding: 44px 0 36px; gap: 32px; }
    .hero-copy p { font-size: 15px; }
    .hero-gallery { display: none; }
    .search-panel { margin-top: 24px; }
    .search-panel-heading span { display: none; }
    .search-fields { grid-template-columns: 1fr; }
    .search-actions { align-items: stretch; }
    .search-actions > button { flex: 1; }
    .advanced-filter-card { position: fixed; left: 14px; right: 14px; top: auto; width: auto; grid-template-columns: 1fr; }
    .advanced-filter-card a { grid-column: auto; }
    .listings-section { padding-block: 36px 52px; }
    .results-heading { align-items: flex-start; flex-direction: column; }
    .sort-form { width: 100%; }
    .listing-grid { grid-template-columns: 1fr; }
    .trust-grid, .footer-grid { grid-template-columns: 1fr; gap: 24px; }
    .guide-inner { grid-template-columns: 1fr; gap: 20px; }
    .detail-summary { padding: 26px 20px; }
    .detail-columns { margin-top: 30px; }
    .unit-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .unit-dialog { width: calc(100vw - 20px); max-height: calc(100vh - 20px); }
    .unit-dialog-layout { grid-template-columns: 1fr; }
    .unit-dialog-media { padding: 10px; }
    .unit-photo-stage, .unit-photo { min-height: 240px; height: 240px; }
    .unit-photo-empty { min-height: 240px; }
    .unit-dialog-content { padding: 24px 20px 22px; }
    .unit-row { grid-template-columns: 1fr auto; }
    .unit-row > a { grid-column: 1 / -1; text-align: center; }
    .two-fields { grid-template-columns: 1fr; }
    .market-pagination { gap: 8px; }
    .market-pagination strong { font-size: 10px; }
    .home-hero-inner { min-height: auto; padding-block: 58px; }.home-search { grid-template-columns: 1fr; }.home-search label { border-right: 0; border-bottom: 1px solid var(--line); }.home-search button { padding: 14px; }.home-listing-grid,.journey-grid,.benefit-grid,.lead-grid,.split-callout-inner,.inner-hero-grid { grid-template-columns: 1fr; }.home-section,.editorial-section { padding-block: 52px; }.home-section-heading,.owner-cta-inner { align-items: flex-start; flex-direction: column; }.journey-grid { gap: 1px; }.step-list article { grid-template-columns: 54px 1fr; gap: 16px; }.hero-number,.safety-shield { display: none; }.inner-hero { padding-block: 64px; }.advertise-actions { align-items: flex-start; flex-direction: column; }.listing-preview { display: none; }.active-filter-row .clear-filter-link { margin-left: 0; }
}

@media (max-width: 420px) {
    .unit-grid { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    .listing-card, .listing-image img { transition: none; animation: none; }
}

/* Keep expanded filters in the form, including on small screens. */
.advanced-filters[open] { flex: 1 0 100%; }
.advanced-filter-card { position: static; width: 100%; margin-top: 12px; }
@media (max-width: 680px) { .search-actions { flex-wrap: wrap; } .advanced-filter-card { position: static; } .cookie-banner { padding: 18px; } }

/* Compact, consistent editorial heroes and discovery pages. */
.inner-hero { padding: 48px 0; background: #f5f7fb; color: #18181b; border-bottom: 1px solid #e4e4e7; }
.inner-hero h1 { max-width: 760px; margin: 12px 0 18px; font-size: clamp(28px, 3.2vw, 42px); line-height: 1.18; letter-spacing: -.035em; font-weight: 700; text-wrap: balance; }
.inner-hero h1 em { font-style: normal; color: #4338ca; }
.inner-hero p { max-width: 620px; font-size: 16px; line-height: 1.7; color: #52525b; }
.inner-hero .hero-kicker { display: block; color: #4338ca; font-size: 11px; letter-spacing: .1em; }
.inner-hero-grid, .advertise-hero-grid { grid-template-columns: minmax(0, 1.65fr) minmax(240px, 1fr); gap: 48px; align-items: center; }
.hero-number { font-size: 68px; line-height: 1; color: #4338ca; background: #eef2ff; border-radius: 20px; padding: 32px; text-align: center; }
.hero-number span { margin-top: 12px; font-size: 14px; color: #52525b; }
.hero-guide-card { padding: 28px; border: 1px solid #dfe3ef; background: #fff; border-radius: 20px; box-shadow: 0 8px 24px #18181b05; }
.hero-guide-card ol { padding-left: 22px; line-height: 2.1; font-size: 17px; font-weight: 600; }
.hero-guide-card p { font-size: 13px; margin-bottom: 0; }
.hero-links { display: flex; flex-wrap: wrap; align-items: center; gap: 20px; margin-top: 24px; }
.text-link, .eyebrow-link { display: inline-block; color: #4338ca; font-size: 14px; font-weight: 600; margin: 10px 0; }
.secondary-action { display: inline-block; padding: 12px 18px; border: 1px solid #cbd5e1; border-radius: 10px; background: #fff; color: #18181b; font: inherit; font-size: 14px; font-weight: 600; cursor: pointer; text-decoration: none; }
.secondary-action[aria-pressed=true] { background: #eef2ff; border-color: #6366f1; }
.text-button { border: 0; background: none; color: #4338ca; padding: 6px 0; text-decoration: underline; cursor: pointer; font: inherit; }
.guide-jump-links { display: flex; gap: 12px 24px; flex-wrap: wrap; padding-block: 22px; border-bottom: 1px solid #e4e4e7; }
.guide-jump-links a { color: #52525b; font-size: 13px; font-weight: 600; text-decoration: none; }
.safety-content { max-width: 1080px; padding-top: 16px; }
.guide-chapter { padding-block: 36px; border-bottom: 1px solid #e4e4e7; scroll-margin-top: 100px; }
.chapter-heading { display: flex; gap: 18px; align-items: center; margin-bottom: 24px; }
.chapter-heading > span { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 14px; background: #eef2ff; color: #4338ca; font-size: 14px; font-weight: 700; flex-shrink: 0; }
.chapter-heading h2, .warning-panel h2, .safety-faq h2 { font-size: clamp(22px, 2.3vw, 28px); margin: 6px 0; letter-spacing: -.025em; line-height: 1.3; }
.safety-content p, .safety-content li { color: #52525b; line-height: 1.8; font-size: 15px; }
.safety-grid { gap: 28px; }
.safety-grid h3 { font-size: 17px; margin-top: 0; }
.viewing-checklist { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-block: 24px; }
.viewing-checklist label { display: flex; gap: 12px; padding: 18px; background: #fafafa; border: 1px solid #e4e4e7; border-radius: 12px; line-height: 1.6; font-size: 14px; cursor: pointer; }
.viewing-checklist input { width: 18px; height: 18px; margin-top: 3px; flex-shrink: 0; accent-color: #4338ca; }
.warning-panel { padding: 28px; margin-top: 36px; background: #fffbeb; border: 1px solid #fde68a; border-radius: 16px; scroll-margin-top: 100px; }
.warning-panel li { margin-bottom: 8px; }
.safety-faq { margin-top: 40px; }.safety-faq details { border-bottom: 1px solid #e4e4e7; padding: 18px 0; }.safety-faq summary { font-weight: 600; cursor: pointer; line-height: 1.5; }
.area-callout { display: flex; align-items: center; gap: 32px; justify-content: space-between; padding: 28px; margin: 32px 0; border-radius: 16px; background: #f5f7fb; }
.area-callout h2 { font-size: 24px; margin: 8px 0; }.area-callout .secondary-action { flex-shrink: 0; }.area-callout p { max-width: 720px; }
.area-guide-callout { margin: 0 0 28px; padding: 20px 22px; border: 1px solid #c7d2fe; border-radius: 14px; background: #eef2ff; color: #3730a3; }
.area-guide-callout strong { display: block; margin-bottom: 6px; font-size: 14px; }
.area-guide-callout p { max-width: 820px; margin: 0; color: #4338ca; font-size: 14px; line-height: 1.7; }
.area-grid, .area-notes { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 20px; }
.area-card, .area-notes article { display: block; border: 1px solid #e4e4e7; border-radius: 16px; padding: 24px; text-decoration: none; color: #18181b; }.area-card:hover { border-color: #6366f1; }.area-card span, .area-notes small { color: #52525b; font-size: 13px; }.area-card h2 { font-size: 24px; }.area-card p, .area-notes p { font-size: 14px; line-height: 1.7; }
.area-checklist { background: #f5f7fb; padding: 24px; border-radius: 16px; margin: 28px 0; line-height: 1.8; }
.support-section { padding-top: 60px; }
.support-grid { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 56px; align-items: start; }
.support-list { display: grid; gap: 14px; padding-left: 20px; color: #52525b; font-size: 15px; line-height: 1.7; }
.support-form { display: grid; gap: 16px; padding: 28px; border: 1px solid #e4e4e7; border-radius: 18px; background: #fff; box-shadow: 0 12px 32px rgba(24,24,27,.06); }
.support-form label { display: grid; gap: 7px; color: #18181b; font-size: 13px; font-weight: 700; }
.support-form input, .support-form select, .support-form textarea { width: 100%; padding: 12px 13px; border: 1px solid #d4d4d8; border-radius: 10px; background: #fff; color: #18181b; font: inherit; font-size: 14px; }
.support-form input:focus, .support-form select:focus, .support-form textarea:focus { border-color: #6366f1; outline: 3px solid rgba(99,102,241,.14); }
.support-form .primary-action { justify-self: start; border: 0; cursor: pointer; }
.support-form small, .support-optional { color: #71717a; font-size: 12px; font-weight: 500; }
.support-note { display: block; margin-top: 28px; padding: 20px; }
.support-note strong { display: block; margin-bottom: 6px; font-size: 14px; }
.support-note p { margin: 0; color: #52525b; font-size: 13px; line-height: 1.7; }
.home-facts, .cost-breakdown dl { margin: 18px 0; }.home-facts > div, .cost-breakdown dl > div { display: flex; gap: 16px; justify-content: space-between; padding: 9px 0; border-bottom: 1px solid #e4e4e7; font-size: 13px; }.home-facts dd, .cost-breakdown dd { margin: 0; text-align: right; font-weight: 600; }.home-facts dt, .cost-breakdown dt { color: #52525b; }
.fact-note { display: block; font-size: 12px; line-height: 1.7; color: #52525b; }.amenity-list { list-style: none; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }.amenity-list li { font-size: 12px; padding: 7px 10px; background: #eef2ff; color: #3730a3; border-radius: 8px; }
.cost-breakdown { background: #fafafa; border: 1px solid #e4e4e7; padding: 18px; border-radius: 12px; margin: 22px 0; }.cost-breakdown summary { cursor: pointer; font-weight: 700; font-size: 15px; }.cost-total { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 10px; font-size: 14px; }.cost-total strong { font-size: 18px; }
.unit-confirmation { font-size: 11px; color: #52525b; }.unit-dialog-content > a.text-link { display: inline-block; padding: 10px; background: none; color: #4338ca; }.unit-dialog-content > a[data-unit-dialog-confirm] { margin-top: 18px; }.unit-box { scroll-margin-top: 100px; }
.report-section { margin-top: 36px; border-top: 1px solid #e4e4e7; padding-top: 24px; scroll-margin-top: 100px; }.report-section summary { font-weight: 600; cursor: pointer; }.report-section p { line-height: 1.7; }.report-form { display: grid; gap: 16px; max-width: 680px; }.report-form label { display: grid; gap: 8px; font-size: 14px; }.report-form input, .report-form select, .report-form textarea { width: 100%; padding: 12px; border: 1px solid #d4d4d8; border-radius: 8px; font: inherit; }.report-form button { justify-self: start; border: 0; cursor: pointer; }
.comparison-picker { margin: 24px 0; }.comparison-picker fieldset { display: flex; flex-wrap: wrap; gap: 12px; border: 1px solid #e4e4e7; padding: 20px; border-radius: 12px; margin-bottom: 16px; }.comparison-picker label { font-size: 13px; display: flex; align-items: center; gap: 8px; }.comparison-scroll { overflow-x: auto; border: 1px solid #e4e4e7; border-radius: 12px; }.comparison-table { width: 100%; border-collapse: collapse; text-align: left; font-size: 14px; }.comparison-table caption { text-align: left; padding: 16px; font-size: 13px; color: #52525b; }.comparison-table th, .comparison-table td { min-width: 190px; max-width: 290px; padding: 18px; border: 1px solid #e4e4e7; vertical-align: top; line-height: 1.6; }.comparison-table th { background: #f5f7fb; }.comparison-table thead a { color: #4338ca; }.comparison-table .text-button { display: block; font-size: 12px; }
@media (max-width: 1150px) { .desktop-market-nav { display: none !important; }.mobile-market-nav { display: block; } }
@media (max-width: 800px) { .inner-hero-grid, .advertise-hero-grid, .support-grid { grid-template-columns: 1fr; gap: 24px; }.hero-guide-card { max-width: 560px; }.area-grid, .area-notes { grid-template-columns: repeat(2,minmax(0,1fr)); }.area-callout { flex-direction: column; align-items: flex-start; }.hero-number { display: none; } }
@media (max-width: 680px) { .inner-hero { padding: 32px 0; }.inner-hero h1 { font-size: 30px; }.inner-hero p { font-size: 15px; }.hero-guide-card { padding: 20px; }.hero-guide-card ol { font-size: 15px; }.viewing-checklist, .area-grid, .area-notes { grid-template-columns: 1fr; }.guide-chapter { padding-block: 28px; }.area-callout, .warning-panel { padding: 20px; }.safety-content { padding-bottom: 40px; }.comparison-table th, .comparison-table td { min-width: 160px; padding: 12px; } }
@media (max-width: 520px) { .cookie-modal-dialog { padding:22px 18px; }.cookie-option { grid-template-columns:auto minmax(0,1fr); }.cookie-option b { grid-column:2; }.cookie-modal-actions { flex-direction:column-reverse; }.cookie-modal-actions button { width:100%; } }

/* Contrast on the new light editorial surfaces. */
.inner-hero .primary-action { background: #18181b; color: #fff; border: 1px solid #18181b; margin-top: 0; }
.inner-hero .primary-action:hover { background: #303039; }
.inner-hero .text-link, .advertise-actions > a:not(.primary-action) { color: #4338ca; }
.hero-guide-card .section-kicker, .editorial-section .section-kicker, .area-callout .section-kicker, .listings-section .section-kicker { color: #4338ca; }

.viewing-checklist label:has(input:checked) { background: #ecfdf5; border-color: #6ee7b7; color: #065f46; }
.viewing-checklist input:checked + span { text-decoration: line-through; text-decoration-thickness: 1px; }
.checklist-progress { display: flex; align-items: center; flex-wrap: wrap; gap: 12px 20px; padding: 16px 20px; background: #f5f7fb; border-radius: 12px; }
.checklist-progress p { margin: 0; font-weight: 600; }
.checklist-progress progress { flex: 1; min-width: 120px; height: 10px; accent-color: #047857; }
.checklist-progress button:disabled { opacity: .5; cursor: default; }