/* The same initial content is available to people, link previews and crawlers.
   Flutter replaces it after its first real frame; no user-agent variants. */
#initial-content { background: #fff; color: #191f28; min-height: 100vh; }
#initial-content h1 { font-size: 26px; }
.style-cards { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px 16px; padding: 0; list-style: none; }
.style-cards li { min-width: 0; }
.style-cards img { width: 100%; height: auto; aspect-ratio: 1; object-fit: contain; border-radius: 24px; background: #fff9f5; }
.style-cards h2 { margin-top: 12px; overflow-wrap: anywhere; }
.style-cards p { font-size: 13px; }
.style-hero { display: block; width: 100%; height: auto; max-height: 480px; object-fit: contain; background: #fff9f5; border-radius: 24px; }
#initial-content dl { grid-template-columns: 72px minmax(0,1fr); }
#initial-content dt { white-space: nowrap; }
.map-places,.info-links { padding-left: 20px; }
.map-places li { padding: 12px 0; }
.map-places p { font-size: 13px; }
.info-links a { display: inline-flex; align-items: center; min-height: 48px; color: #bd2367; }
@media(min-width:900px) { .style-cards { grid-template-columns: repeat(3,minmax(0,1fr)); } }