/*
Theme Name: HomeTechBench
Template: generatepress
Version: 1.2.0
Author: HomeTechBench
Description: HomeTechBench front page + article styling on top of GeneratePress. v1.2 adds comparison tables, owner feedback, guides, trust section.
*/

/* ===== HomeTechBench article styles ===== */
body{background:#F6F0E5;}
.entry-content{font-size:16px;line-height:1.7;color:#4A4038;}
.entry-content h2{font-family:Georgia,serif;font-size:26px;margin:38px 0 14px;color:#2A2018;}
.entry-content h3{font-family:Georgia,serif;font-size:18px;margin:26px 0 8px;color:#2A2018;}
.entry-content img{max-width:100%;height:auto;border-radius:14px;}
.kicker{font-size:12px;font-weight:700;letter-spacing:1.3px;text-transform:uppercase;color:#9A5B2E;margin-bottom:10px;}
.meta{color:#7C6F5E;font-size:13.5px;margin-bottom:22px;}
.meta b{color:#2A2018;}
.credit{font-size:12px;color:#7C6F5E;margin-bottom:26px;}
.lede{font-size:17.5px;line-height:1.7;color:#4A4038;margin-bottom:20px;}
.verdict{background:#F6EDE0;border:1px solid #E7DCC8;border-left:4px solid #9A5B2E;border-radius:12px;padding:20px 22px;margin:26px 0;}
.verdict .t{font-family:Georgia,serif;font-weight:700;font-size:18px;margin-bottom:6px;color:#2A2018;}
.verdict .score{font-size:34px;font-family:Georgia,serif;font-weight:700;color:#9A5B2E;}
.verdict .lbl{font-size:12px;color:#7C6F5E;letter-spacing:.5px;text-transform:uppercase;}
.quote{background:#FFFDF7;border:1px solid #E7DCC8;border-left:4px solid #B4572A;border-radius:10px;padding:14px 18px;margin:16px 0;font-style:italic;color:#4A4038;}
.quote .src{display:block;font-style:normal;font-size:12.5px;color:#7C6F5E;margin-top:8px;}
.entry-content table{width:100%;border-collapse:collapse;background:#FFFDF7;border:1px solid #E7DCC8;border-radius:12px;overflow:hidden;margin:18px 0;font-size:14.5px;}
.entry-content th{background:#F1E8D6;text-align:left;padding:11px 14px;font-weight:600;color:#2A2018;}
.entry-content td{padding:11px 14px;border-top:1px solid #E7DCC8;color:#4A4038;vertical-align:top;}
.entry-content tr:nth-child(even) td{background:rgba(246,237,224,.35);}
.imgcard{border-radius:14px;overflow:hidden;border:1px solid #E7DCC8;margin:20px 0 8px;}
.imgcard img{width:100%;}
.imgcap{font-size:12.5px;color:#7C6F5E;margin:0 0 18px;}
.good,.bad{border-radius:12px;padding:18px 20px;margin:18px 0;border:1px solid #E7DCC8;}
.good{background:#F2F6EC;border-left:4px solid #5C7A45;}
.bad{background:#F6E6D8;border-left:4px solid #B4572A;}
.good h3,.bad h3{margin:0 0 10px;font-size:16.5px;}
.good li,.bad li{margin-bottom:7px;font-size:14.5px;}
.verdict-final{background:#FFFDF7;border:1px solid #E7DCC8;border-top:4px solid #9A5B2E;border-radius:14px;padding:24px;margin:32px 0;}
.verdict-final .t{font-family:Georgia,serif;font-weight:700;font-size:19px;margin-bottom:10px;color:#2A2018;}
.btn{display:inline-block;background:#B4572A;color:#fff!important;font-weight:600;font-size:14.5px;padding:11px 22px;border-radius:10px;margin-top:8px;text-decoration:none!important;}
.btn:hover{background:#97431F;}
.faq{border-top:1px solid #E7DCC8;padding:14px 0;}
.faq .q{font-weight:600;font-family:Georgia,serif;font-size:16.5px;margin-bottom:6px;color:#2A2018;}
.faq .a{color:#4A4038;font-size:14.5px;}
.sources{background:#FFFDF7;border:1px solid #E7DCC8;border-radius:12px;padding:18px 20px;margin:30px 0;}
.sources h3{margin:0 0 10px;font-size:17px;}
.sources ol{margin-left:20px;font-size:13px;}
.sources li{margin-bottom:6px;}
.sources a{color:#9A5B2E;word-break:break-all;}
.disc{font-size:12.5px;color:#7C6F5E;border-top:1px solid #E7DCC8;padding:20px 0 10px;margin-top:10px;}
@media(max-width:640px){.entry-content{font-size:15px;}.lede{font-size:16.5px;}.entry-content th,.entry-content td{padding:9px 10px;font-size:13.5px;}}

/* ===== HomeTechBench front page ===== */
.htb-home { max-width: 1100px; margin: 0 auto; padding: 0 20px; }
.htb-hero { background: linear-gradient(135deg, #F6F0E5 0%, #EAD9C4 100%); border-radius: 16px; padding: 56px 32px; margin: 24px 0; text-align: center; }
.htb-hero h1 { font-size: 40px; color: #4A3B2A; margin: 0 0 12px; line-height: 1.2; }
.htb-hero-sub { color: #6B5B47; font-size: 17px; max-width: 640px; margin: 0 auto 26px; line-height: 1.6; }
.htb-btn { display: inline-block; background: #B4572A; color: #fff; padding: 12px 24px; border-radius: 8px; text-decoration: none; font-weight: 600; margin: 4px 6px; }
.htb-btn:hover { background: #9A4A20; color: #fff; }
.htb-btn-ghost { background: #fff; color: #B4572A; border: 2px solid #B4572A; }
.htb-btn-ghost:hover { background: #F6F0E5; color: #B4572A; }
.htb-hubs { display: flex; gap: 16px; flex-wrap: wrap; margin: 24px 0; }
.htb-hub-card { flex: 1 1 280px; background: #fff; border-radius: 12px; padding: 24px; border-left: 5px solid #9A5B2E; box-shadow: 0 1px 3px rgba(74,59,42,0.08); }
.htb-hub-icon { font-size: 30px; line-height: 1; }
.htb-hub-card h2 { color: #4A3B2A; margin: 10px 0 6px; font-size: 20px; }
.htb-hub-card p { color: #6B5B47; margin: 0 0 10px; }
.htb-hub-card a { color: #B4572A; font-weight: 600; text-decoration: none; }
.htb-hub-card a:hover { text-decoration: underline; }
.htb-section { margin: 36px 0; }
.htb-section-title { color: #4A3B2A; border-bottom: 2px solid #EAD9C4; padding-bottom: 10px; font-size: 24px; }
.htb-section-title small { font-size: 13px; color: #9A8B78; font-weight: 400; margin-left: 10px; }
.htb-grid { display: flex; gap: 16px; flex-wrap: wrap; margin-top: 16px; }
.htb-post-card { flex: 1 1 240px; background: #fff; border-radius: 12px; padding: 18px 20px; box-shadow: 0 1px 3px rgba(74,59,42,0.08); }
.htb-post-card h3 { margin: 0 0 6px; font-size: 16px; line-height: 1.4; }
.htb-post-card h3 a { color: #4A3B2A; text-decoration: none; }
.htb-post-card h3 a:hover { color: #B4572A; }
.htb-post-meta { color: #9A8B78; font-size: 13px; margin-bottom: 8px; }
.htb-post-card p { color: #6B5B47; font-size: 14px; margin: 0; line-height: 1.5; }

/* ===== v1.2: comparison tables ===== */
.htb-comp-wrap { display: flex; gap: 20px; flex-wrap: wrap; margin-top: 18px; }
.htb-comp { flex: 1 1 440px; background: #fff; border-radius: 14px; border: 1px solid #E7DCC8; overflow: hidden; box-shadow: 0 1px 3px rgba(74,59,42,0.08); }
.htb-comp-head { background: #F1E8D6; padding: 14px 18px; }
.htb-comp-head h3 { margin: 0; font-family: Georgia, serif; font-size: 17px; color: #4A3B2A; }
.htb-comp table { width: 100%; border-collapse: collapse; font-size: 13.5px; }
.htb-comp th { text-align: left; padding: 9px 14px; color: #9A8B78; font-weight: 600; font-size: 11.5px; text-transform: uppercase; letter-spacing: .6px; border-bottom: 1px solid #EAD9C4; }
.htb-comp td { padding: 10px 14px; border-bottom: 1px solid #F3EAD9; color: #4A4038; vertical-align: top; }
.htb-comp tr:last-child td { border-bottom: none; }
.htb-comp .m-name { font-weight: 600; color: #4A3B2A; }
.htb-comp .m-price { color: #9A5B2E; font-weight: 700; white-space: nowrap; }
.htb-comp .m-cta { display: inline-block; background: #B4572A; color: #fff; font-size: 12px; font-weight: 600; padding: 5px 12px; border-radius: 6px; text-decoration: none; white-space: nowrap; }
.htb-comp .m-cta:hover { background: #97431F; color: #fff; }
.htb-comp-foot { padding: 10px 18px 12px; font-size: 11.5px; color: #9A8B78; border-top: 1px solid #F3EAD9; }

/* ===== v1.2: owner feedback ===== */
.htb-owner-grid { display: flex; gap: 16px; flex-wrap: wrap; margin-top: 18px; }
.htb-owner-card { flex: 1 1 280px; background: #FFFDF7; border: 1px solid #E7DCC8; border-left: 4px solid #B4572A; border-radius: 12px; padding: 18px 20px; font-style: italic; color: #4A4038; font-size: 14.5px; line-height: 1.6; box-shadow: 0 1px 3px rgba(74,59,42,0.06); }
.htb-owner-card .o-src { display: block; font-style: normal; font-size: 12px; color: #9A8B78; margin-top: 12px; }
.htb-owner-card .o-tag { display: inline-block; background: #F2F6EC; color: #5C7A45; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .5px; padding: 3px 9px; border-radius: 20px; margin-bottom: 10px; font-style: normal; }

/* ===== v1.2: trust section ===== */
.htb-trust { background: #fff; border-radius: 14px; border: 1px solid #E7DCC8; padding: 28px 26px; margin: 36px 0; }
.htb-trust-grid { display: flex; gap: 18px; flex-wrap: wrap; margin-top: 14px; }
.htb-trust-item { flex: 1 1 220px; }
.htb-trust-item .t-ic { font-size: 24px; }
.htb-trust-item h3 { margin: 8px 0 6px; font-size: 15px; color: #4A3B2A; }
.htb-trust-item p { margin: 0; font-size: 13.5px; color: #6B5B47; line-height: 1.55; }

/* ===== v1.2: footer legal links ===== */
.htb-footlinks { text-align: center; padding: 14px 20px 22px; font-size: 12.5px; color: #9A8B78; }
.htb-footlinks a { color: #9A5B2E; text-decoration: none; margin: 0 6px; }
.htb-footlinks a:hover { text-decoration: underline; }

@media (max-width: 768px) { .htb-hero { padding: 34px 18px; } .htb-hero h1 { font-size: 30px; } .htb-hero-sub { font-size: 15px; } }