body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Hiragino Sans","Yu Gothic",sans-serif;margin:0;background:#f7f7f9;color:#222;line-height:1.9}
header{background:#111;color:#fff;padding:32px 20px}
.header-inner,.container,.footer-inner{max-width:960px;margin:0 auto}
.logo{font-size:28px;font-weight:700;margin:0}
.sub{opacity:.9;margin-top:8px}
nav{background:#fff;border-bottom:1px solid #e5e5e5}
.nav-inner{max-width:960px;margin:0 auto;padding:14px 20px;display:flex;gap:18px;flex-wrap:wrap}
nav a{text-decoration:none;color:#333;font-weight:600}
.container{background:#fff;padding:28px 20px 40px}
h1,h2,h3{line-height:1.4}
.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.card{border:1px solid #e6e6e6;border-radius:12px;padding:18px;background:#fff}
.button{display:inline-block;background:#ff4171;color:#fff;padding:13px 22px;border-radius:8px;text-decoration:none;font-weight:700}
.button.alt{background:#444}
.cta{margin:24px 0;padding:20px;border-radius:12px;background:#fff5f8;border:1px solid #ffd2df}
.note{padding:16px;background:#f8f8fb;border-left:4px solid #ff4171;border-radius:8px}
ul{padding-left:22px}
.article-list li{margin:8px 0}
footer{background:#111;color:#fff;padding:22px 20px;margin-top:40px}
small.muted{color:#777}