.ai-sites-platform { margin: 2rem auto; max-width: 1100px; padding: 1rem 1.25rem; position: relative; z-index: 2; }
.ai-sites-platform[data-role="article"] { max-width: 800px; }
.ai-sites-platform-nav { display: flex; flex-wrap: wrap; gap: .75rem; margin: 0 0 1.5rem; }
.ai-sites-platform-body { line-height: 1.75; overflow-wrap: anywhere; }
.ai-sites-platform-body img { max-width: 100%; height: auto; }
.ai-sites-download { margin: 1rem 0 1.5rem; }
.ai-sites-dl-buttons { display: flex; flex-wrap: wrap; gap: .75rem; }
.ai-sites-dl-btn { display: inline-flex; align-items: center; gap: .4rem; padding: .65rem 1.1rem; border-radius: 8px; background: #1a73e8; color: #fff !important; text-decoration: none !important; font-weight: 600; }
.ai-sites-dl-btn:hover { filter: brightness(1.06); }
.ai-sites-dl-os { opacity: .85; font-size: .85em; }
.ai-sites-dl-notice { margin: .75rem 0 0; opacity: .8; font-size: .9rem; }
.ai-sites-section { margin: 0 0 2.5rem; }
.ai-sites-section-head { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: .75rem 1.25rem; margin-bottom: 1rem; }
.ai-sites-section-title { margin: 0; font-size: 1.5rem; line-height: 1.3; }
.ai-sites-section-title a { color: inherit; text-decoration: none; }
.ai-sites-section-desc { margin: .35rem 0 0; opacity: .8; max-width: 48rem; }
.ai-sites-section-more { white-space: nowrap; color: inherit; text-decoration: none; opacity: .85; }
.ai-sites-section-more:hover { opacity: 1; text-decoration: underline; }
.ai-sites-section-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 1.25rem; }
.ai-sites-card { display: flex; flex-direction: column; gap: .5rem; min-width: 0; }
.ai-sites-card-cover { display: block; aspect-ratio: 16 / 10; overflow: hidden; border-radius: 6px; background: rgba(127,127,127,.12); }
.ai-sites-card-cover img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ai-sites-card-fallback { display: block; width: 100%; height: 100%; background: linear-gradient(135deg, rgba(127,127,127,.16), rgba(127,127,127,.06)); }
.ai-sites-card-title { margin: 0; font-size: 1.05rem; line-height: 1.35; }
.ai-sites-card-title a { color: inherit; text-decoration: none; }
.ai-sites-card-title a:hover { text-decoration: underline; }
.ai-sites-card-summary { margin: 0; font-size: .92rem; opacity: .82; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.ai-sites-card-meta { margin: 0; font-size: .82rem; opacity: .7; }
.ai-sites-card-meta a { color: inherit; }
.ai-sites-empty { grid-column: 1 / -1; padding: 2rem 0; text-align: center; opacity: .75; }
.ai-sites-pagination { display: flex; gap: .5rem; flex-wrap: wrap; margin-top: 1.5rem; }
@media (max-width: 640px) {
  .ai-sites-section-grid { grid-template-columns: 1fr; }
  .ai-sites-section-head { align-items: flex-start; }
}