/* Find space stand-in. Scoped under #page-findspace.
   Minimal by design: this page is a placeholder that the separate
   listings project replaces wholesale when its prototype lands, so it
   carries only the hero rhythm the other pages define page-scoped, plus
   one note box. Shared chrome (header, buttons, breadcrumb, footer)
   lives in chrome.css. */

/* Hero rhythm (not in chrome.css; mirrors the other pages). Padding top
   and bottom are set explicitly, never shorthand, per the project rule. */
#page-findspace .hero{padding-top:44px;padding-bottom:70px}
#page-findspace .hero h1{font-size:clamp(33px,5vw,48px);font-weight:700;max-width:780px}
#page-findspace .hero p.lead{font-size:19px;max-width:660px;margin-top:22px;color:var(--slate)}

/* Stand-in note: what this page will become */
#page-findspace .fs-note{border:1px solid var(--line);border-left:5px solid var(--cyan);border-radius:14px;background:var(--bg);padding:22px 26px;margin-top:34px;max-width:760px;font-size:15.5px;line-height:1.7;color:var(--slate)}
#page-findspace .fs-note strong{color:var(--navy)}
#page-findspace .fs-note a{color:var(--cyan-ink);font-weight:600}

/* Section rhythm, matching the other need/vertical pages (each defines its
   own .sec and .band-soft type sizes page-scoped). Padding top and bottom
   are set explicitly, never shorthand, per the project rule. */
#page-findspace .sec{padding-top:64px;padding-bottom:64px}
#page-findspace .sec>h2,#page-findspace .band-soft h2{font-size:clamp(26px,3.2vw,34px);font-weight:700;max-width:720px}
#page-findspace .band-soft .sub{font-size:16px;max-width:720px;margin-top:10px;color:var(--slate);line-height:1.7}

/* Preview of the coming search. The screenshot dissolves into the page
   background toward its foot, so it reads as a glimpse of something being
   built rather than a working screen. The fade is an overlay painting
   var(--bg) over the lower part of the figure (picture and its border
   together), chosen over mask-image because an overlay always matches this
   page's background exactly and needs no vendor-prefixed twin. */
#page-findspace .fs-preview{position:relative;max-width:860px;margin-top:30px}
#page-findspace .fs-preview img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:14px 14px 0 0}
#page-findspace .fs-preview::after{content:"";position:absolute;left:0;right:0;bottom:0;height:45%;background:linear-gradient(to bottom,transparent,var(--bg) 88%);pointer-events:none}
#page-findspace .fs-preview figcaption{position:relative;z-index:1;font-size:13px;color:var(--muted-ink);margin-top:2px;max-width:640px}

/* The three plain-words facts about commercial property */
#page-findspace .fs-facts-h{font-family:var(--display);font-size:18px;font-weight:700;color:var(--navy);margin-top:38px}
#page-findspace .fs-facts{margin-top:18px}
#page-findspace .fs-facts .fd-card p+p{margin-top:12px}
#page-findspace .fs-facts a{color:var(--cyan-ink);font-weight:600}
#page-findspace .fs-facts a:hover{text-decoration:underline}