body { font-family: system-ui, sans-serif; margin: 0; color: #142033; background: var(--brand-secondary, #f7f9fc); }
.wrap { max-width: 960px; margin: 0 auto; padding: 1.5rem; }
.site-header { background: var(--brand-primary, #0f2747); color: #fff; display: flex; align-items: center; gap: 1rem; }
.site-header a { color: #fff; margin-right: 1rem; }
.logo { border-radius: 8px; object-fit: contain; background: #fff; }
.hero { background: #fff; border-radius: 12px; padding: 2rem; margin: 1rem 0; }
.hero-img, .section-img { max-width: 100%; height: auto; border-radius: 8px; margin-top: 1rem; }
section { margin: 1.5rem 0; }
.chooser { list-style: none; padding: 0; }
.chooser a { display: block; padding: 0.75rem 1rem; background: #fff; margin: 0.5rem 0; border-radius: 8px; text-decoration: none; }
.site-footer { border-top: 1px solid #ddd; margin-top: 2rem; color: #555; }