.content-spacing { margin-bottom: 1.5rem; }
.inquiry-details, .inquiry-details dd { overflow-wrap: anywhere; }
.inquiry-message { white-space: pre-wrap; overflow-wrap: anywhere; }
.catalog-image-editor { border: 1px solid #dce5e6; border-radius: .5rem; padding: 1rem; margin-block: 1rem; }
.catalog-image-editor > summary { cursor: pointer; font-weight: 700; }
.catalog-image-editor > summary:focus-visible { outline: 3px solid #0099a8; outline-offset: 3px; }
.content-body { white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.9; }
.content-summary { white-space: pre-wrap; overflow-wrap: anywhere; color: #53656a; font-size: 1.05rem; }
.content-preview h2 { font-size: clamp(1.4rem, 3vw, 2rem); overflow-wrap: anywhere; }
.content-action { margin-inline-start: .8rem; }
.navigation-filters { display: flex; flex-wrap: wrap; gap: .75rem; align-items: center; }
.navigation-filters select { width: auto; }
.navigation-comparison { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.navigation-preview { padding-inline-start: 1.4rem; overflow-wrap: anywhere; }
.navigation-preview code { font-size: .8em; }
@media (max-width: 48rem) { .navigation-comparison { grid-template-columns: 1fr; } }

.media-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 16rem), 1fr)); gap: 1rem; }
.media-card { min-width: 0; }
.media-card h2 { font-size: 1rem; overflow-wrap: anywhere; }
.media-card img { display: block; width: 100%; height: 12rem; object-fit: contain; background: #f4f7f7; border-radius: .5rem; }
.media-preview { display: block; max-width: 100%; max-height: 28rem; width: auto; height: auto; object-fit: contain; margin-block: 1rem; }
.media-preview[hidden] { display: none; }
.media-picker { min-width: 0; margin-block: 1.5rem; padding: 1rem; border: 1px solid #cbd5d8; border-radius: .75rem; }
.media-choices { display: grid; gap: .5rem; max-height: 28rem; overflow: auto; margin-block: 1rem; }
.media-choice { display: flex; gap: .75rem; align-items: center; padding: .5rem; background: #f4f7f7; }
.media-choice img { width: 4rem; height: 4rem; object-fit: contain; flex-shrink: 0; }
.media-choice span { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.media-choice button { flex-shrink: 0; }

.brand-palette { display: flex; flex-wrap: wrap; gap: .75rem; margin-block: 1rem; }
.brand-swatch { display: flex; flex-direction: column; min-width: 8rem; padding: .75rem; border-radius: .5rem; border: 1px solid #cbd5d8; }
.brand-swatch-accent { background: #0099a8; color: #062b35; }
.brand-swatch-link { background: #006b76; color: #fff; }
.brand-swatch-ink { background: #062b35; color: #fff; }
.brand-swatch-surface { background: #fff; color: #062b35; }
.brand-logo-previews { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem; }
.brand-logo-preview { padding: 1rem; background: #fff; border: 1px solid #dce7e8; border-radius: .75rem; min-width: 0; }
.brand-logo-preview img { width: 100%; height: 8rem; object-fit: contain; }
.brand-logo-preview p { overflow-wrap: anywhere; }
@media (max-width: 48rem) { .brand-logo-previews { grid-template-columns: 1fr; } }