*{margin:0;padding:0;box-sizing:border-box}
body { font-family: 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', 'Yu Gothic', Meiryo, Arial, sans-serif; background:#fafafa; color:#333; line-height:1.7; }
header{background:#232f3e;padding:16px 24px;margin-bottom:28px}
.header-inner a{color:#ff9900;text-decoration:none;font-family:Arial;font-weight:bold;font-size:15px}
main{max-width:900px;margin:0 auto;padding:0 20px 60px}

/* Index page */
.page-title{font-family:Arial;font-size:24px;color:#232f3e;margin-bottom:20px}
.card{border:1px solid #e0e0e0;border-radius:10px;margin-bottom:20px;overflow:hidden;display:flex;gap:0;background:white;transition:box-shadow .2s;text-decoration:none;color:inherit}
.card:hover{box-shadow:0 4px 18px rgba(0,0,0,0.1)}
.card-thumb{width:160px;min-width:160px;height:160px;object-fit:contain;background:#f8f8f8;padding:10px}
.card-noimg{width:160px;min-width:160px;height:160px;background:#f0f0f0;display:flex;align-items:center;justify-content:center;color:#bbb;font-size:12px;font-family:Arial}
.card-content{padding:20px;flex:1}
.card-content h2{font-size:17px;color:#0066c0;margin-bottom:8px;font-family:Arial;line-height:1.4}
.card-content p{color:#555;font-size:14px;font-family:Arial;line-height:1.6;margin-bottom:12px}
.btn-read{display:inline-block;background:#ff9900;color:white;padding:8px 18px;border-radius:6px;font-family:Arial;font-weight:bold;font-size:13px;text-decoration:none}

/* Post detail */
.post-detail{background:white;border-radius:12px;padding:35px;box-shadow:0 2px 12px rgba(0,0,0,0.07)}
.post-title{font-size:27px;color:#232f3e;margin-bottom:8px;font-family:Arial;line-height:1.3}
.asin-tag{font-family:monospace;background:#f0f0f0;padding:3px 10px;border-radius:4px;font-size:12px;color:#666;display:inline-block;margin-bottom:16px}
.btn-affiliate-top{display:inline-block;background:#ff9900;color:white;padding:10px 22px;border-radius:7px;text-decoration:none;font-weight:bold;font-size:14px;font-family:Arial;margin-bottom:22px}
.btn-affiliate-top:hover{background:#e68900}

/* Image gallery */
.image-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:28px}
.image-gallery img{width:100%;height:220px;object-fit:contain;background:#f8f8f8;border-radius:8px;padding:10px;border:1px solid #eee}

h2{font-size:19px;color:#232f3e;margin:26px 0 12px;font-family:Arial;padding-bottom:7px;border-bottom:2px solid #f0f0f0}
.review-text p{font-size:16px;line-height:1.9;color:#444;margin-bottom:14px}

/* Specs table */
.specs-table{width:100%;border-collapse:collapse;margin-bottom:10px}
.specs-table tr:nth-child(even){background:#f9f9f9}
.specs-table td{padding:10px 14px;font-size:14px;border-bottom:1px solid #eee;font-family:Arial}
.spec-key{font-weight:bold;color:#555;width:38%}

/* Pros Cons */
.pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:10px}
.pros{background:#f0fff4;border-radius:8px;padding:18px}
.cons{background:#fff5f5;border-radius:8px;padding:18px}
.pros h3{color:#27ae60;margin-bottom:12px;font-family:Arial;font-size:15px}
.cons h3{color:#e74c3c;margin-bottom:12px;font-family:Arial;font-size:15px}
.pros ul,.cons ul{padding-left:18px}
.pros li,.cons li{font-size:14px;color:#444;margin-bottom:8px;line-height:1.5}

/* CTA */
.cta-box{background:#fff8e7;border:2px solid #ff9900;border-radius:10px;padding:28px;text-align:center;margin-top:28px}
.cta-box p{color:#555;margin-bottom:14px;font-size:15px;font-family:Arial}
.btn-large{display:inline-block;background:#ff9900;color:white;padding:15px 35px;border-radius:8px;text-decoration:none;font-weight:bold;font-size:18px;font-family:Arial}
.btn-large:hover{background:#e68900}
.disclaimer{font-size:11px;color:#999;margin-top:12px;font-family:Arial}

@media(max-width:600px){
    .pros-cons{grid-template-columns:1fr}
    .card{flex-direction:column}
    .card-thumb,.card-noimg{width:100%;height:180px}
    .image-gallery{grid-template-columns:1fr 1fr}
}