* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; color: #333; background: #fff; }
.header { background: #178A48; padding: 16px 24px; display: flex; align-items: center; gap: 12px; }
.header img { height: 32px; }
.header a { color: #fff; text-decoration: none; font-size: 20px; font-weight: 700; letter-spacing: -0.5px; }
.container { max-width: 760px; margin: 0 auto; padding: 40px 24px 80px; }
h1 { font-size: 26px; font-weight: 700; color: #111; margin-bottom: 8px; }
.meta { font-size: 13px; color: #999; font-style: italic; margin-bottom: 32px; }
h2 { font-size: 17px; font-weight: 700; color: #2D2D2D; margin: 28px 0 10px; }
p, li { font-size: 15px; color: #555; line-height: 1.8; }
ul { padding-left: 20px; margin-bottom: 12px; }
.card { background: #F9FAFB; border-radius: 12px; padding: 20px 24px; margin-bottom: 14px; display: flex; align-items: flex-start; gap: 16px; }
.icon { width: 44px; height: 44px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 20px; flex-shrink: 0; }
.card-text label { font-size: 12px; color: #9CA3AF; display: block; margin-bottom: 2px; }
.card-text strong { font-size: 15px; color: #111; display: block; margin-bottom: 2px; }
.card-text span { font-size: 13px; color: #6B7280; }
a.card { text-decoration: none; }
a.card:hover { background: #F0FDF4; }
.divider { height: 1px; background: #F0F0F0; margin: 32px 0; }