/* Ordered style entry point: keep imports in this order to preserve the cascade. */
@import url("./css/base-and-properties.css");
@import url("./css/public-and-admin.css");
@import url("./css/location-ratings.css");
@import url("./css/projects-and-search.css");
@import url("./css/business-profiles.css");
@import url("./css/dealer-landing.css");
@import url("./css/seller-landing.css");

/* Readable public content while the interactive application loads, or without JS. */
.seo-content { padding-block: 48px; max-width: 960px; }
.seo-content h1 { font-size: clamp(2rem, 5vw, 3.5rem); line-height: 1.15; }
.seo-content h2, .seo-content h3 { margin-top: 2rem; }
.seo-content p, .seo-content li, .seo-content dd { line-height: 1.7; overflow-wrap: anywhere; }
.seo-content ul { padding-left: 1.5rem; }
.seo-content dt { font-weight: 600; margin-top: 1rem; }
.seo-content dd { margin-left: 0; }
.seo-content nav { margin-block: 1.5rem; line-height: 2; }

.property-video-section { margin-top: 28px; padding-top: 24px; border-top: 1px solid #dce5db; }
.property-video-section video, .property-video-grid video { display: block; width: 100%; max-height: 320px; background: #16231d; border-radius: 10px; }
.property-video-section [data-remove-video] { margin: 10px 0; }
.property-video-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.property-video-grid figure { margin: 0; }
.property-video-grid figcaption { margin-top: 8px; font-weight: 600; }
@media (max-width: 640px) { .property-video-grid { grid-template-columns: 1fr; } }

.property-video-section > summary { cursor: pointer; font-size: 1.25rem; font-weight: 600; padding: 4px 0; }
.property-video-section > summary span { margin-left: 8px; font-size: .875rem; font-weight: 400; }
.property-video-section[open] > summary { margin-bottom: 16px; }