/* Understairs Planner additions; shared website styling is preserved. */
.understairs-card { border-top: 5px solid var(--tan); }
.release-note { display: grid; gap: 4px; margin: 28px 0; padding: 18px 22px; background: var(--paper); border-left: 4px solid var(--tan); }
.release-note span { color: var(--muted); }
.coming-soon { display: inline-block; padding: 8px 14px; border: 1px solid var(--line); border-radius: 9px; font-size: .9375rem; font-weight: 750; color: var(--ink); background: var(--cream); }
.understairs-page { max-width: 1000px; }
.understairs-page .app-heading h1 { font-size: clamp(2.2rem, 5.5vw, 4.4rem); overflow-wrap: anywhere; }
.understairs-page section { margin-bottom: 32px; }
.understairs-page .contact { margin-top: 32px; padding: 24px; background: var(--paper); border-left: 4px solid var(--tan); }
.understairs-page .contact h2 { margin-top: 0; }
.understairs-page .intro { color: var(--muted); font-size: 1.15rem; }
.understairs-page a { overflow-wrap: anywhere; }
.understairs-page .eyebrow { font-size: .875rem; }
.understairs-gallery { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin-top: 32px; }
.understairs-gallery figure { margin: 0; }
.understairs-gallery img { display: block; width: 100%; height: auto; border: 1px solid var(--line); border-radius: 22px; box-shadow: var(--shadow); }
.understairs-gallery figcaption { margin-top: 12px; font-size: .9375rem; color: var(--muted); text-align: center; }
@media (max-width: 680px) { .understairs-gallery { grid-template-columns: 1fr; max-width: 360px; margin-inline: auto; gap: 32px; } .understairs-page .app-heading { flex-direction: column; } }