/* Leasing inbox public story. Shared phone and product controls remain intact. */
.show-page { color:var(--text); background:var(--surface); }
.show-page *, .show-page *::before, .show-page *::after { box-sizing:border-box; }
.show-page :is(h1,h2,h3,p,figure,dl,dd) { margin:0; }
.show-wrap { width:min(1140px,calc(100% - 64px)); margin-inline:auto; }
.show-split { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:64px; align-items:center; }
.show-page [id] { scroll-margin-top:110px; }
.public-design #main-content .show-page :is(h1,h1>span,h2,h2>span):not(:where(.pd-preserve,.pd-preserve *)) { font:700 40px/1.4 Poppins,"Open Sans",sans-serif!important; letter-spacing:-.02em; text-wrap:initial; overflow-wrap:normal; }
.public-design #main-content .show-page h3 { font:700 22px/1.4 "Open Sans",sans-serif; }
.show-page :is(h1,h2)>span { color:var(--brand-purple-ink); }
.public-design #main-content .show-page p { font:400 18px/1.55 "Open Sans",sans-serif; }
.show-copy>p+p { margin-top:18px; }
.show-page h1,.show-page h2 { margin-bottom:20px; }
.public-design #main-content .show-page .show-eyebrow { display:block; margin-bottom:14px; color:var(--link-ink); font:700 14px/1.5 "Open Sans",sans-serif; letter-spacing:.07em; text-transform:uppercase; }
.public-design #main-content .show-page .show-small { font-size:14px; line-height:1.5; color:var(--text-muted); }
.show-breadcrumb { display:flex; align-items:center; gap:10px; padding-top:24px; font-size:14px; color:var(--text-muted); }
.show-breadcrumb a { display:inline-flex; align-items:center; min-height:44px; }
.show-breadcrumb svg { width:12px; height:12px; }
.show-hero { padding-block:28px 64px; gap:56px; }
.show-actions { display:flex; flex-wrap:wrap; align-items:center; gap:12px 20px; margin-block:26px 12px; }
.show-actions>a:not(.show-primary),.show-link { display:inline-flex; align-items:center; min-height:44px; gap:8px; font-size:14px; font-weight:600; color:var(--link-ink); }
.show-link svg { flex:none; }
.show-page .show-primary { display:inline-flex; align-items:center; justify-content:center; min-height:36px; padding:8px 16px; border:1px solid transparent; border-radius:6px; background:var(--btn-primary-bg); color:var(--btn-primary-fg); font:700 12px/18px "Open Sans",sans-serif; letter-spacing:.04em; text-transform:uppercase; text-align:center; text-decoration:none; transition:background-color .4s,color .4s; }
.show-page .show-primary:is(:hover,:focus-visible) { background:var(--btn-primary-hover); color:var(--btn-primary-hover-fg); }
.show-page .show-primary:active { background:var(--btn-product-press,#00A82D); }
.show-page :is(a,button,summary):focus-visible { outline:2px solid var(--brand-purple-ink); outline-offset:4px; }
.show-plan { margin-block:0 12px!important; }
.show-property { align-self:center; }
.show-property>img { display:block; width:100%; height:auto; border-radius:4px; }
.show-property figcaption { padding-block:20px 0; }
.show-property figcaption>strong { display:block; font-size:20px; line-height:1.4; }
.show-property figcaption>span:not(.show-eyebrow) { display:block; margin-top:6px; font-size:14px; color:var(--text-muted); }
.show-property dl { display:flex; flex-wrap:wrap; gap:14px 28px; margin-top:18px; padding-top:16px; border-top:1px solid var(--border); }
.show-property dt { font-size:14px; color:var(--text-muted); }
.show-property dd { margin-top:4px; font-size:16px; font-weight:600; }
.show-workflow { padding-block:72px; background:var(--surface-tint-2); }
.show-workflow .show-split { align-items:start; }
.show-steps { display:grid; gap:22px; padding:0; margin:28px 0; list-style:none; }
.show-steps li { display:grid; grid-template-columns:32px minmax(0,1fr); gap:14px; }
.show-steps li>span { padding-top:2px; color:var(--brand-purple-ink); font:700 18px/1.5 "Open Sans",sans-serif; }
.public-design #main-content .show-steps h3 { font-size:18px; }
.public-design #main-content .show-steps p { font-size:16px; line-height:1.5; margin-top:7px; }
.public-design #main-content .show-page .show-note { display:flex; align-items:flex-start; gap:10px; padding:12px; background:var(--hint-bg,#C9ECFF); color:var(--attention-ink,#042238); font-size:14px; line-height:1.5; border-radius:4px; }
.show-note svg { flex:none; margin-top:2px; }
.show-section { padding-block:80px; }
.show-section-intro { max-width:760px; margin-bottom:32px; }
.show-review { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; margin-top:32px; }
.show-review>div { padding-top:20px; border-top:2px solid var(--border); }
.public-design #main-content .show-review h3 { font-size:18px; margin-bottom:10px; }
.public-design #main-content .show-review p { font-size:16px; color:var(--text-muted); }
.show-intake { background:var(--surface-canvas); }
.show-intake-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:64px; }
.show-related-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px; }
.show-related-grid>a { display:block; border-top:2px solid var(--border); padding:24px 0; text-decoration:none; }
.show-related-grid h3 { color:var(--text); }
.public-design #main-content .show-related-grid p { margin-block:12px; font-size:16px; color:var(--text-muted); }
.show-related-grid>a>span { display:flex; align-items:center; gap:8px; min-height:44px; font-size:14px; font-weight:600; }
.show-related-grid>a:is(:hover,:focus-visible) { border-color:var(--brand-purple-ink); }
.show-related-grid>a:is(:hover,:focus-visible) h3 { color:var(--brand-purple-ink); }
.show-faq { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.3fr); gap:64px; padding-top:0; }
.show-questions details { border-bottom:1px solid var(--border); }
.show-questions summary { display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:56px; padding:16px 0; cursor:pointer; font:600 16px/1.5 "Open Sans",sans-serif; list-style:none; }
.show-questions summary::-webkit-details-marker { display:none; }
.show-questions summary>svg { flex:none; width:16px; height:16px; transition:transform .2s; }
.show-questions details[open] summary>svg { transform:rotate(90deg); }
.public-design #main-content .show-questions p { margin:0 0 18px; font-size:16px; line-height:1.5; color:var(--text-muted); }
.show-closing { padding-block:56px; background:var(--surface-tint-2); text-align:center; }
.show-closing .show-actions { justify-content:center; margin-bottom:0; }
/* Keep the existing interactive thread bindings and animation at readable size. */
.pd-leasing-inbox .show-page .li-demo { border:2px solid var(--border); border-radius:4px; box-shadow:none; }
.pd-leasing-inbox .show-page .li-demo>figcaption { flex-wrap:wrap; padding:16px 20px; font-size:16px; }
.pd-leasing-inbox .show-page .li-demo>figcaption>span:last-child { font-size:14px; }
.pd-leasing-inbox .show-page .li-workspace { grid-template-columns:285px minmax(0,1fr); }
.pd-leasing-inbox .show-page .li-thread-list-heading { font-size:14px; }
.pd-leasing-inbox .show-page .li-thread-copy { font-size:16px; }
.pd-leasing-inbox .show-page .li-thread-copy>span { font-size:14px; }
.pd-leasing-inbox .show-page .li-thread-note { font-size:14px; line-height:1.5; padding:20px; }
.pd-leasing-inbox .show-page .li-mini-label { font-size:14px; line-height:1.5; }
.pd-leasing-inbox .show-page .li-property-line { font-size:14px; line-height:1.5; }
.pd-leasing-inbox .show-page .li-neutral-pill { font-size:12px; }
.pd-leasing-inbox #main-content .show-page :is(.li-question p,.li-draft-text) { font:400 16px/1.5 "Open Sans",sans-serif; }
.pd-leasing-inbox .show-page .li-draft { padding:20px; border-radius:4px; }
.pd-leasing-inbox .show-page .li-draft-head>span { font-size:14px; }
.pd-leasing-inbox .show-page .li-draft-text { min-height:100px; }
.pd-leasing-inbox .show-page .li-review-note { font-size:14px; }
.pd-leasing-inbox .show-page .li-generate { min-height:40px; padding:8px 12px; border:1px solid var(--interaction-border); border-radius:6px; background:var(--surface); color:var(--text); font:700 12px/18px "Open Sans",sans-serif; text-transform:uppercase; letter-spacing:.04em; box-shadow:none; }
.pd-leasing-inbox .show-page .li-generate:is(:hover,:focus-visible) { color:var(--brand-purple-ink); box-shadow:none; }
.pd-leasing-inbox .show-page .li-demo-controls { min-height:0; padding:0 20px; }
.pd-leasing-inbox .show-page .li-demo-controls>[data-li-status]:not(:empty) { padding-block:12px; font-size:14px; }
@media (max-width:900px) {
 .show-split,.show-intake-grid,.show-faq { gap:32px; }
 .show-hero { grid-template-columns:1fr; }
 .show-property { max-width:600px; width:100%; }
 .public-design #main-content .show-page :is(h1,h1>span,h2,h2>span):not(:where(.pd-preserve,.pd-preserve *)) { font-size:32px!important; }
 .show-workflow .show-split { grid-template-columns:1fr; }
 .pd-leasing-inbox .show-page .li-workspace { grid-template-columns:240px minmax(0,1fr); }
 .pd-leasing-inbox .show-page .li-conversation { padding:20px; }
}
@media (max-width:650px) {
 .show-wrap { width:calc(100vw - 40px); }
 .show-breadcrumb { padding-top:12px; font-size:14px; }
 .show-hero { padding-block:24px 48px; gap:32px; }
 .show-page .show-primary { min-height:44px; font-size:14px; line-height:20px; }
 .public-design #main-content .show-page :is(h1,h1>span) { font-size:32px!important; }
 .public-design #main-content .show-page :is(h2,h2>span):not(:where(.pd-preserve,.pd-preserve *)) { font-size:28px!important; }
 .public-design #main-content .show-page p { font-size:16px; }
 .show-workflow,.show-section { padding-block:56px; }
 .show-workflow .show-split { gap:32px; }
 .show-review,.show-intake-grid,.show-related-grid,.show-faq { grid-template-columns:minmax(0,1fr); gap:24px; }
 .show-faq { padding-top:0; }
 .show-section-intro { margin-bottom:24px; }
 .show-closing { text-align:left; padding-block:44px; }
 .show-closing .show-actions { justify-content:flex-start; gap:8px; }
 .show-property figcaption>strong { font-size:18px; }
 .pd-leasing-inbox .show-page .li-demo>figcaption { padding:16px; gap:8px; }
 .pd-leasing-inbox .show-page .li-workspace { grid-template-columns:minmax(0,1fr); }
 .pd-leasing-inbox .show-page .li-thread-list { border:0; border-bottom:1px solid var(--border); }
 .pd-leasing-inbox .show-page .li-thread-buttons { display:grid; grid-template-columns:minmax(0,1fr); padding:0; gap:0; overflow:visible; }
 .pd-leasing-inbox .show-page .li-thread { display:flex; gap:12px; justify-content:flex-start; flex-direction:row; align-items:center; text-align:left; min-width:0; min-height:72px; padding:12px 16px; width:100%; border-radius:0; }
 .pd-leasing-inbox .show-page .li-thread-copy { min-width:0; }
 .pd-leasing-inbox .show-page .li-thread-copy>span { display:block; }
 .pd-leasing-inbox .show-page .li-thread-note { display:block; padding:12px 16px; }
 .pd-leasing-inbox .show-page .li-conversation { padding:20px 16px; }
 .pd-leasing-inbox .show-page .li-draft { padding:16px; }
 .pd-leasing-inbox .show-page .li-generate { min-height:44px; font-size:14px; line-height:20px; }
 .pd-leasing-inbox .show-page .li-draft-text { min-height:144px; }
 .pd-leasing-inbox .show-page .li-question { min-height:0; }
}
@media (pointer:coarse) { .show-page .show-primary,.pd-leasing-inbox .show-page .li-generate { min-height:44px; font-size:14px; line-height:20px; } }
@media (prefers-reduced-motion:reduce) { .show-page .show-primary,.show-questions summary>svg { transition:none; } }
/* Numbered steps, each on its own tag-palette fill. */
.li-route { padding-block:24px; border-bottom:1px solid var(--border); }
.li-route ol { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:16px; list-style:none; margin:0; padding:12px 0 0; }
.li-route a { display:flex; align-items:center; gap:12px; min-height:44px; padding:8px 0; font-size:14px; font-weight:600; color:var(--text); text-decoration:none; }
.li-route a>span { display:grid; place-items:center; width:28px; height:28px; flex:none; border-radius:50%; background:var(--ink-purple-lime,#D1F48C); color:#1B1C1A; font-size:12px; }
.li-step { padding-block:80px; background:var(--li-step-bg); --link-ink:#004A7C; --text-muted:#45404D; scroll-margin-top:72px; }
#receive-inquiry { --li-step-bg:#D1F48C; }
#draft-reply { --li-step-bg:#FFB8FC; }
#offer-times { --li-step-bg:#C3DBFF; }
#renter-books { --li-step-bg:#FFFA64; }
#check-status { --li-step-bg:#D1F864; }
.li-step-grid { display:grid; grid-template-columns:minmax(0,5fr) minmax(0,7fr); gap:56px; align-items:center; }
.li-step-grid.li-step-reverse { grid-template-columns:minmax(0,7fr) minmax(0,5fr); }
.li-step-grid.li-step-reverse>.show-copy { order:2; }
.public-design #main-content .show-page .li-step .show-eyebrow { display:flex; align-items:center; gap:10px; }
.public-design #main-content .show-page .li-step-number { display:inline-grid; margin:0 !important; place-items:center; width:28px; height:28px; border-radius:50%; background:#1B1C1A; color:#fff; font-size:12px; letter-spacing:0; }
.li-step-demo { padding:18px 12px 12px; border-radius:8px; background:var(--brand-purple-fill-1); }
.li-step-label { display:flex; align-items:center; gap:8px; padding:0 12px 14px; font-size:12px; font-weight:600; color:#fff; }
.li-step-dot { width:7px; height:7px; border-radius:50%; background:#D1F48C; }
.li-step-gif { display:block; width:100%; height:auto; border-radius:4px; background:var(--surface); }
.li-step-demo .li-demo { margin:0; background:var(--surface); }
.li-step-demo .rental-film-inline { max-width:300px; margin:0 auto; padding:12px; border-radius:4px; background:var(--surface); }
.li-step-demo .rental-film-inline video { width:100%; height:auto; }
.li-step-review { margin-top:32px; }
.li-step-review .show-review { margin-top:0; }
@media (max-width:900px) {
 .li-route ol { grid-template-columns:repeat(2,minmax(0,1fr)); gap:4px 20px; }
 .li-step { padding-block:48px; }
 .li-step-grid,.li-step-grid.li-step-reverse { grid-template-columns:minmax(0,1fr); gap:32px; }
 .li-step-grid.li-step-reverse>.show-copy { order:0; }
}
/* Hero: a renter inquiry with its AI reply draft over the rental photo. */
.show-property { position:relative; }
.show-property .li-hero-card { position:relative; display:grid; gap:12px; margin:-72px 24px 0; padding:20px; border-radius:8px; background:var(--surface); box-shadow:0 12px 32px rgba(27,28,26,.14); }
.li-hero-from { display:flex; align-items:center; gap:12px; }
.li-hero-from>div { display:grid; min-width:0; flex:1; }
.li-hero-from strong { font-size:16px; line-height:1.4; }
.li-hero-from>div>span { font-size:14px; color:var(--text-muted); }
.public-design #main-content .show-page .li-hero-question { margin:0; padding:12px 14px; border-radius:4px; background:var(--surface-canvas); font-size:16px; line-height:1.5; }
.li-hero-draft { display:grid; gap:8px; padding:14px; border:1px solid var(--ai-border); border-radius:4px; background:var(--ai-bg); }
.li-hero-draft-head,.li-hero-review { display:flex; align-items:center; gap:8px; font-size:14px; font-weight:600; color:var(--brand-purple-ink); }
.li-hero-draft-head svg,.li-hero-review svg { width:16px; height:16px; flex:none; }
.public-design #main-content .show-page .li-hero-draft p { margin:0; font-size:16px; line-height:1.5; }
.li-hero-review { padding-top:8px; border-top:1px solid var(--ai-border); font-weight:400; }
@media (max-width:650px) {
 .show-property .li-hero-card { margin:-40px 12px 0; padding:16px; }
}
.li-step-frame { display:block; width:100%; height:430px; border:0; border-radius:4px; background:var(--surface); }