/* Market-specific atmosphere, using the existing brand palette. */
.sm-page,.sm-market-card { --sm-accent:var(--brand-purple-fill-1); --sm-tint:color-mix(in srgb,var(--brand-purple) 12%,var(--surface)); --sm-line:color-mix(in srgb,var(--brand-purple) 25%,var(--surface)); }
[data-market="multifamily"] { --sm-accent:var(--brand-deep-blue); --sm-tint:color-mix(in srgb,var(--brand-blue) 14%,var(--surface)); --sm-line:color-mix(in srgb,var(--brand-deep-blue) 22%,var(--surface)); }
[data-market="single-family"] { --sm-accent:var(--action-ink); --sm-tint:var(--action-soft); --sm-line:color-mix(in srgb,var(--action-ink) 22%,var(--surface)); }
[data-market="mixed-portfolios"] { --sm-accent:var(--text-secondary); --sm-tint:var(--surface-canvas); --sm-line:var(--border-strong); }
[data-market="condo-hoa"] { --sm-accent:var(--brand-purple-fill-1); --sm-tint:color-mix(in srgb,color-mix(in srgb,var(--brand-purple) 12%,var(--surface)) 65%,var(--surface)); --sm-line:color-mix(in srgb,var(--brand-purple) 25%,var(--surface)); }
[data-market="manufactured-housing"] { --sm-accent:var(--brand-deep); --sm-tint:var(--brand-deep-tint); --sm-line:var(--brand-deep-border); }
[data-market="student-housing"] { --sm-accent:var(--brand-purple-fill-1); --sm-tint:color-mix(in srgb,var(--brand-purple) 12%,var(--surface)); --sm-line:color-mix(in srgb,var(--brand-purple) 25%,var(--surface)); }
[data-market="military-housing"] { --sm-accent:var(--text-secondary); --sm-tint:color-mix(in srgb,var(--brand-blue) 9%,var(--surface)); --sm-line:color-mix(in srgb,var(--brand-deep-blue) 22%,var(--surface)); }
[data-market="affordable-housing"] { --sm-accent:var(--brand-deep); --sm-tint:color-mix(in srgb,var(--brand-deep-tint) 55%,var(--surface)); --sm-line:var(--brand-deep-border); }
[data-market="pha"] { --sm-accent:var(--brand-deep-blue); --sm-tint:color-mix(in srgb,var(--brand-blue) 6%,var(--surface)); --sm-line:color-mix(in srgb,var(--brand-deep-blue) 22%,var(--surface)); }
[data-market="social-housing"] { --sm-accent:var(--brand-deep); --sm-tint:var(--brand-deep-tint); --sm-line:var(--brand-deep-border); }
[data-market="investment-management"] { --sm-accent:var(--text); --sm-tint:var(--surface-canvas); --sm-line:var(--border-strong); }
[data-market="senior-living"] { --sm-accent:var(--brand-purple-fill-1); --sm-tint:color-mix(in srgb,color-mix(in srgb,var(--brand-purple) 12%,var(--surface)) 60%,var(--surface)); --sm-line:color-mix(in srgb,var(--brand-purple) 25%,var(--surface)); }
.sm-page .sol-hero { grid-template-columns:minmax(0,.8fr) minmax(0,1.25fr); gap:36px; padding:36px; background:var(--sm-tint); border-color:var(--sm-line); }
.public-design #main-content .sm-page .sol-hero-copy > .sol-eyebrow { color:var(--sm-accent); border-color:var(--sm-line); }
.sm-page .sol-dot { background:var(--sm-accent); }
.sm-page .sm-scene { min-width:0; margin:0; position:relative; }
.sm-page .sm-people { position:relative; display:block; border-radius:var(--radius-card); overflow:hidden; border:1px solid var(--sm-line); background:var(--surface); cursor:zoom-in; }
.sm-page .sm-people img { display:block; width:100%; height:auto; aspect-ratio:3/2; object-fit:contain; }
.sm-page .sm-photo-expand { position:absolute; bottom:12px; right:12px; display:grid; place-items:center; width:36px; height:36px; border:1px solid var(--border); border-radius:var(--radius-md); background:var(--surface); color:var(--sm-accent); }
.sm-page .sd-preview-dialog:not(.is-zoomed) .sd-dialog-viewport img[src*="/market-lifestyles-"] { width:100%; max-height:calc(88dvh - 190px); object-fit:contain; }
.sm-page .sm-scene-bottom { display:grid; grid-template-columns:minmax(0,1fr) 150px; gap:20px; align-items:center; margin:16px 0 0; }
.sm-page .sm-scene-caption { display:flex; align-items:center; gap:12px; min-width:0; }
.sm-page .sm-scene-caption > i { display:grid; place-items:center; width:40px; height:40px; flex:0 0 40px; color:var(--sm-accent); background:var(--surface); border:1px solid var(--sm-line); border-radius:var(--radius-md); }
.sm-page .sm-scene-caption small { display:block; color:var(--text-muted); font-size:12px; line-height:20px; margin-bottom:4px; }
.sm-page .sm-scene-caption strong { display:block; color:var(--text); font-size:14px; line-height:22px; font-weight:600; }
.sm-page .sm-place { display:block; margin:0; padding:6px; border:1px solid var(--sm-line); border-radius:var(--radius-lg); background:var(--surface); }
.sm-page .sm-place img { display:block; width:100%; height:auto; aspect-ratio:3/2; object-fit:cover; border-radius:var(--radius-md); }
.sm-page[data-composition="city"] .sm-scene-bottom { grid-template-columns:minmax(0,1fr) 180px; margin-right:18px; }
.sm-page[data-composition="city"] .sm-people { border-radius:var(--radius-xl) var(--radius-xl) var(--radius-md) var(--radius-xl); }
.sm-page[data-composition="porch"] .sm-people { border:8px solid var(--surface); box-shadow:var(--elev-1); }
.sm-page[data-composition="porch"] .sm-place { transform:rotate(3deg); }
.sm-page[data-composition="campus"] .sm-people { border:6px solid var(--surface); box-shadow:8px 8px 0 var(--sm-line); }
.sm-page[data-composition="campus"] .sm-scene-bottom { margin-top:24px; }
.sm-page[data-composition="campus"] .sm-place { transform:rotate(-3deg); }
.sm-page[data-composition="garden"] .sm-people { border-radius:calc(var(--radius-xl) * 2) var(--radius-card) calc(var(--radius-xl) * 2) var(--radius-card); }
.sm-page[data-composition="garden"] .sm-scene-caption > i { border-radius:var(--radius-pill); }
.sm-page[data-composition="calm"] .sol-hero { background:var(--surface); border-top:4px solid var(--sm-accent); }
.sm-page[data-composition="calm"] .sm-scene-bottom { padding:14px; background:var(--sm-tint); border-radius:var(--radius-card); }
.sm-page[data-composition="editorial"] .sm-people { border-radius:var(--radius-md); }
.sm-page[data-composition="editorial"] .sm-scene-bottom { padding-top:16px; border-top:1px solid var(--sm-line); }
.sm-page[data-market="investment-management"] .sol-hero { background:var(--text); }
.public-design #main-content .sm-page[data-market="investment-management"] .sol-hero h1,
.sm-page[data-market="investment-management"] .sol-hero .sol-lead,
.public-design #main-content .sm-page[data-market="investment-management"] .sol-hero .sol-note,
.sm-page[data-market="investment-management"] .sm-scene-caption :is(small,strong) { color:var(--text-on-dark); }
.sm-page[data-market="investment-management"] .sm-scene-bottom { border-color:var(--text-muted); }
.sm-page .sm-life { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); gap:48px; padding-block:28px 44px; align-items:center; }
.public-design #main-content .sm-page .sm-life .sol-eyebrow { color:var(--sm-accent); margin-bottom:10px; }
.public-design #main-content .sm-page .sm-life h2 { margin:0 0 12px; }
.sm-page .sm-life p:last-child { margin:0; color:var(--text-muted); max-width:48ch; }
.sm-page .sm-moments { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin:0; padding:0; list-style:none; }
.sm-page .sm-moments li { padding:18px 0 0; border-top:2px solid var(--sm-line); color:var(--text); font-weight:600; }
.sm-page .sm-moments i { display:block; width:32px; margin-bottom:12px; color:var(--sm-accent); font-size:20px; }
.sm-page .sol-jumps a[aria-current] { border-color:var(--sm-accent); color:var(--sm-accent); }
.sm-page .sx-tour-workspace { border-color:var(--sm-line); background:var(--sm-tint); }
.sm-page .sx-tour-panel,.sm-page .sx-tour-footer { border-color:var(--sm-line); }
.sm-page .sx-step-nav button > span { color:var(--sm-accent); border-color:var(--sm-line); }
.sm-page .sx-step-nav button[aria-pressed="true"] { background:var(--sm-accent); border-color:var(--sm-accent); }
.sm-page .sx-step-nav button[aria-pressed="true"] > span { color:var(--sm-accent); }
.sm-page .sx-card.sx-tint,.sm-page .sd-faq details[open] { border-color:var(--sm-line); background:var(--sm-tint); }
.sm-page .sol-icon,.sm-page .sx-setup li > span { color:var(--sm-accent); background:var(--sm-tint); }
.sm-page .sx-setup li { border-color:var(--sm-line); }
.sm-page .sd-others { grid-template-columns:repeat(3,minmax(0,1fr)); }
.sm-page .sd-other { gap:12px; }
.sm-page .sm-related-photo { flex:0 0 56px; width:56px; height:48px; border-radius:var(--radius-md); object-fit:cover; }
.sm-page .sol-close { background:var(--sm-accent); }
.sm-market-card .sol-market-photo img { aspect-ratio:3/2; object-fit:contain; }
.sm-market-card .sol-market-copy { border-top:4px solid var(--sm-accent); }
.sm-market-card .sol-icon { background:var(--sm-tint); color:var(--sm-accent); }
.sm-market-card:hover { border-color:var(--sm-line); }
.sm-hub .sm-hub-collage { display:grid; grid-template-columns:1fr 1fr; gap:12px; padding:0; }
.sm-hub .sm-hub-collage > img { display:block; width:100%; height:auto; object-fit:contain; aspect-ratio:3/2; border-radius:var(--radius-card); }
.sm-hub .sm-hub-collage > img:first-child { grid-column:1/-1; max-height:none; }
.sm-hub .sm-hub-collage .sol-art-caption { grid-column:1/-1; margin:0; }
@media(max-width:1040px) {
  .sm-page .sol-hero { padding:28px; gap:28px; }
  .sm-page .sm-scene-bottom,.sm-page[data-composition="city"] .sm-scene-bottom { grid-template-columns:minmax(0,1fr) 120px; gap:14px; margin-right:0; }
  .sm-page .sm-life { gap:28px; }
  .sm-page .sm-moments { gap:12px; }
}
@media(max-width:840px) {
  .sm-page .sol-hero { grid-template-columns:1fr; }
  .sm-page .sm-scene { max-width:650px; width:100%; margin-inline:auto; }
  .sm-page .sm-life { grid-template-columns:1fr; gap:24px; }
  .sm-page .sm-life p:last-child { max-width:none; }
  .sm-page .sd-others { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:600px) {
  .sm-page .sol-hero { padding:22px; }
  .sm-page .sol-hero-copy { display:contents; }
  .public-design #main-content .sm-page .sol-hero-copy > .sol-eyebrow { order:0; justify-self:start; margin:0; }
  .public-design #main-content .sm-page .sol-hero h1 { order:1; margin:0; }
  .sm-page .sm-scene { order:2; }
  .sm-page .sol-hero-copy > .sol-lead { order:3; margin:0; }
  .sm-page .sol-hero-copy > .sol-actions { order:4; margin:0; }
  .public-design #main-content .sm-page .sol-hero-copy > .sol-note { order:5; margin:0; }
  .sm-page .sm-scene-bottom,.sm-page[data-composition="city"] .sm-scene-bottom { grid-template-columns:minmax(0,1fr) 94px; gap:12px; }
  .sm-page .sm-scene-caption > i { display:none; }
  .sm-page .sm-scene-caption strong { font-size:12px; line-height:19px; }
  .sm-page .sm-scene-caption small { font-size:11px; line-height:18px; }
  .sm-page[data-composition="calm"] .sm-scene-bottom { padding:10px; grid-template-columns:minmax(0,1fr) 80px; }
  .sm-page .sm-place { padding:4px; }
  .sm-page .sm-photo-expand { width:32px; height:32px; right:8px; bottom:8px; }
  .sm-page .sm-life { padding-block:16px 32px; gap:20px; }
  .sm-page .sm-moments { grid-template-columns:1fr; gap:0; }
  .sm-page .sm-moments li { display:flex; gap:14px; align-items:center; padding:14px 0; border-top:1px solid var(--sm-line); }
  .sm-page .sm-moments i { margin:0; font-size:17px; width:24px; }
  .sm-page .sd-others { grid-template-columns:1fr; }
  .sm-page .sm-related-photo { width:64px; height:48px; flex-basis:64px; }
}
@media print {
  .sm-page .sol-close { background:var(--surface); }
  .sm-page[data-market="investment-management"] .sol-hero { background:var(--surface); }
  .public-design #main-content .sm-page[data-market="investment-management"] .sol-hero h1,
  .sm-page[data-market="investment-management"] .sol-hero .sol-lead,
  .public-design #main-content .sm-page[data-market="investment-management"] .sol-hero .sol-note,
  .sm-page[data-market="investment-management"] .sm-scene-caption :is(small,strong) { color:var(--text); }
  .sm-page .sm-photo-expand { display:none; }
}
