/* Shared fallback styles for error pages and crawlers. The homepage keeps its
   complete responsive design inline so it remains functional without JS. */
:root{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",Arial,sans-serif;color:#21140e;background:#f7f3ed}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:#f7f3ed}
body{line-height:1.7}
.section{padding:48px 16px}
.container{width:min(100%,680px);margin:0 auto}
.article{background:#fff;border:1px solid #eadbc5;border-radius:16px;padding:28px;box-shadow:0 10px 28px rgba(84,16,6,.1)}
.eyebrow{margin:0 0 6px;color:#b90000;font-weight:800;letter-spacing:.08em}
h1{margin:0 0 12px;font-size:clamp(24px,7vw,38px);line-height:1.25;color:#4a180d}
.article p{margin:0 0 18px;color:#76695e}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 20px;border-radius:999px;background:#c80707;color:#fff;text-decoration:none;font-weight:800}
@media (max-width:480px){.section{padding:24px 12px}.article{padding:22px 18px}}