*{box-sizing:border-box;margin:0;padding:0}
body{font-family:system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;background:#fafaf9;color:#1c1917;line-height:1.7;-webkit-font-smoothing:antialiased}
.wrap{max-width:640px;margin:0 auto;padding:32px 20px 64px}
a{color:#c2410c;text-decoration:none}
a:hover{text-decoration:underline}
h1{font-size:28px;font-weight:700;letter-spacing:-.03em;line-height:1.15}
.sub{color:#78716c;font-size:14px;margin-top:4px}
hr{border:none;border-top:1px solid #e7e5e4;margin:28px 0}
.post{margin-bottom:28px}
.post h2{font-size:18px;font-weight:700;letter-spacing:-.015em;margin-bottom:4px}
.post .meta{color:#a8a29e;font-size:12.5px;margin-bottom:8px}
.post p{font-size:15px}
blockquote{background:#fef3c7;border-left:3px solid #f59e0b;padding:10px 14px;margin:10px 0;font-style:italic;color:#92400e;border-radius:0 8px 8px 0}
.card{background:#fff;border:1px solid #e7e5e4;border-radius:12px;padding:20px;margin-top:20px}
.card ul{margin-top:8px;padding-left:20px}
.card li{margin:4px 0}
.quote{background:#fef3c7;border-left:3px solid #f59e0b;padding:10px 14px;margin:16px 0;font-style:italic;color:#92400e;border-radius:0 8px 8px 0}
.row{margin-bottom:20px}
.row h2{font-size:16px;font-weight:700;letter-spacing:-.01em}
.row .meta{color:#a8a29e;font-size:12.5px}
.footer{margin-top:40px;padding-top:16px;border-top:1px solid #e7e5e4;color:#a8a29e;font-size:12.5px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}
@media(max-width:500px){h1{font-size:24px}.wrap{padding:20px 16px 48px}}