body { font-family: system-ui, sans-serif; margin: 0; line-height: 1.6; }
header { background: #2c3e50; color: white; padding: 1rem; }
nav ul { list-style: none; margin: 0; padding: 0; display: flex; gap: 2rem; }
nav a { color: white; text-decoration: none; }
nav a:hover { text-decoration: underline; }
main { padding: 2rem; max-width: 800px; margin: 0 auto; }
footer { background: #34495e; color: white; padding: 2rem; margin-top: 3rem; text-align: center; }
.hero { background: #3498db; color: white; padding: 4rem 2rem; text-align: center; }
.features { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 2rem; margin: 2rem 0; }
.feature { border: 1px solid #ddd; padding: 1.5rem; border-radius: 8px; }
.team { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 2rem; }
.person { text-align: center; padding: 1rem; }
.specs { background: #f8f9fa; padding: 1.5rem; border-radius: 8px; margin: 1rem 0; }
.cta { background: #e74c3c; color: white; padding: 3rem; text-align: center; margin: 2rem 0; }
.cta a { color: white; background: #c0392b; padding: 1rem 2rem; text-decoration: none; border-radius: 4px; }
.article-nav { margin-bottom: 1rem; }
.site-footer-inner { text-align: center; padding: 2rem; color: #aaa; }
.code-block { background: #f5f5f5; padding: 1rem; border-radius: 4px; overflow-x: auto; }
.specs-table { width: 100%; border-collapse: collapse; }
.specs-table tr { border-bottom: 1px solid #ddd; }
.specs-table th { text-align: left; padding: 0.5rem; }
.specs-table td { padding: 0.5rem; }

article.news-article { background: white; }
article.news-article header { background: none; color: inherit; padding: 0; margin-bottom: 1rem; }
time.date { color: #666; font-size: 0.9rem; }
.content { margin: 2rem 0; }
article footer { margin-top: 2rem; padding-top: 1rem; border-top: 1px solid #eee; }

.features-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 1.5rem; margin: 2rem 0; }
article.feature-card { border: 1px solid #ddd; padding: 1.5rem; border-radius: 8px; background: white; }
article.feature-card h2 { margin-top: 0; color: #2c3e50; font-size: 1.1rem; }
article.feature-card p.category { font-size: 0.75rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.06em; color: #7f8c8d; margin: 0 0 0.5rem; }
article.feature-card > p:last-child { margin-bottom: 0; color: #555; font-size: 0.95rem; }
section.feature-spotlight { background: #eaf4ff; border-left: 4px solid #3498db; padding: 1.5rem; margin: 1.5rem 0 2rem; border-radius: 0 8px 8px 0; }
section.feature-spotlight article.feature-card { border: none; background: transparent; padding: 0; }
section.feature-spotlight article.feature-card h2 { font-size: 1.3rem; color: #1a6fa0; }