*{box-sizing:border-box}html,body{margin:0;padding:0}body{color:#111827;background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}a{color:inherit;text-decoration:none}.container{max-width:680px;min-height:100vh;margin:0 auto;padding:clamp(72px,10vw,92px) clamp(16px,5vw,40px) 60px}.btn{text-align:center;border-radius:12px;width:100%;padding:12px 14px;font-size:14px;font-weight:600;display:block}.btn-primary{color:#fff;background:#e11d48;border:1px solid #e11d48}.btn-secondary{color:#374151;background:#fff;border:1px solid #e5e7eb}.card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:14px}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;display:grid}.blog-content img{border-radius:8px;max-width:100%;height:auto}.blog-content pre{background:#f3f4f6;border-radius:8px;padding:14px;font-size:clamp(12px,2vw,14px);line-height:1.6;overflow-x:auto}.blog-content code{word-break:break-word;font-size:clamp(12px,2vw,14px)}.blog-content pre code{word-break:normal}.blog-content table{border-collapse:collapse;width:100%;display:block;overflow-x:auto}.blog-content table td,.blog-content table th{border:1px solid #e5e7eb;padding:8px 12px;font-size:clamp(13px,2vw,15px)}.blog-content blockquote{color:#6b7280;border-left:3px solid #e5e7eb;margin:0;padding-left:16px}
