:root { --container-w: 1100px; --gap: 16px; }
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body { font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Arial, sans-serif; line-height: 1.5; color: #222; }
.container { max-width: var(--container-w); margin: 0 auto; padding: 0 var(--gap); }
.site-header { border-bottom: 1px solid #eee; background: #fff; position: sticky; top: 0; z-index: 1000; }
.header-inner { display: flex; align-items: center; justify-content: space-between; min-height: 64px; }
.logo { height: 28px; display: block; }
.top-nav a { margin-left: 16px; text-decoration: none; color: #333; font-weight: 600; font-size: 14px; }
.top-nav a:hover { color: #007aff; }
.site-main { padding: 20px 0 90px; }
.site-footer { border-top: 1px solid #eee; background: #fafafa; padding: 18px 0; }
.footer-inner { display: flex; align-items: center; justify-content: space-between; gap: 8px; flex-wrap: wrap; }
.foot-links a { color: #555; text-decoration: none; margin-left: 12px; }
.foot-links a:hover { color: #007aff; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.card { border: 1px solid #eaeaea; border-radius: 12px; padding: 16px; background: #fff; }