*{box-sizing:border-box;margin:0;padding:0}
body{font-family:Georgia,'Times New Roman',serif;color:#26331d;background:#f7f4ec;line-height:1.65}
a{color:#3c5a2a;text-decoration:none}a:hover{text-decoration:underline}
header{background:#2f4520;color:#fff;padding:14px 20px}
.hwrap{max-width:1060px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px}
.logo{font-size:25px;font-weight:bold;color:#cfe3ae}
.logo span{color:#fff}
nav a{color:#e3efc9;margin-right:14px;font-size:15px;font-family:Arial,sans-serif}
main{max-width:1060px;margin:0 auto;padding:24px 20px 40px}
h1{font-size:33px;line-height:1.2;margin:10px 0 12px;color:#2f4520}
h2{font-size:25px;margin:28px 0 10px;color:#2f4520}
h3{font-size:19px;margin:18px 0 6px;color:#476b32}
p{margin:0 0 12px}
.crumbs{font-size:14px;font-family:Arial,sans-serif;color:#7a8a68}
.answer{background:#eef3df;border-left:5px solid #5c7a3d;padding:14px 18px;margin:16px 0;font-size:18px}
.done{background:#eef7e6;border-left:5px solid #5c9a3a;padding:12px 18px;margin:16px 0}
.warn{background:#fdeeee;border-left:5px solid #c0392b;padding:12px 18px;margin:16px 0}
.note{background:#fdf6e0;border-left:5px solid #c19a3d;padding:12px 18px;margin:16px 0}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;margin:16px 0}
.card{background:#fff;border:1px solid #d9dfc4;border-radius:10px;padding:16px}
.card h3{margin-top:0}
.card p{font-size:15px;color:#55624a}
.meta{font-family:Arial,sans-serif;font-size:13px;color:#7a8a68}
.stamp{font-family:Arial,sans-serif;font-size:13px;color:#7a8a68;margin:2px 0 14px}
.btn{display:inline-block;background:#3c5a2a;color:#fff;padding:9px 18px;border-radius:6px;font-family:Arial,sans-serif;font-size:15px;margin:4px 0 10px}
.btn:hover{background:#2f4520;text-decoration:none}
table.cmp{width:100%;border-collapse:collapse;font-family:Arial,sans-serif;font-size:15px;margin:14px 0}
table.cmp th{background:#2f4520;color:#fff;padding:9px;text-align:left}
table.cmp td{border-bottom:1px solid #d9dfc4;padding:8px 9px;vertical-align:top}
ul,ol{margin:0 0 14px 22px}
li{margin-bottom:7px}
footer{background:#2f4520;color:#d8e4c2;padding:26px 20px;margin-top:30px;font-size:14px}
footer a{color:#cfe3ae}
.fwrap{max-width:1060px;margin:0 auto}
.faq dt{font-weight:bold;margin-top:14px;color:#2f4520}
.faq dd{margin:4px 0 10px}
.hero{background:#eef3df;border-radius:12px;padding:26px;margin-bottom:8px}
.hero-img{width:100%;height:auto;border-radius:12px;margin:6px 0 16px;display:block}
.pick{border:1px solid #d9dfc4;border-radius:10px;padding:16px 18px;margin:16px 0;background:#fff}
.pick h3{margin-top:0}
.bestfor{display:inline-block;background:#5c7a3d;color:#fff;font-family:Arial,sans-serif;font-size:13px;padding:3px 10px;border-radius:20px;margin-bottom:8px}