/* Household Wizard product pages — builds on ../css/bcc2026.css (header, footer, skip link). */
:root { --navy:#0a3b61; --teal:#23b0bb; --teal-text:#157d86; --ink:#141414; --muted:#5a6472; --line:#dce4ea; --tint:#eef6f8; }
body { background:#fff; }
main.hw { max-width:820px; margin:0 auto; padding:8px 24px 56px; }
.hw h1 { font:700 40px/1.15 Poppins,sans-serif; color:var(--navy); margin:28px 0 12px; }
.hw h2 { font:600 24px/1.25 Poppins,sans-serif; color:var(--navy); margin:40px 0 10px; }
.hw h3 { font:600 18px/1.3 Poppins,sans-serif; color:var(--ink); margin:22px 0 6px; }
.hw p, .hw li { font-size:17px; line-height:1.6; }
.hw .lede { font-size:20px; color:#2a3340; margin:0 0 20px; }
.hw a { color:var(--teal-text); text-decoration:underline; }
.hw a:hover { color:var(--navy); }
.cta-row { display:flex; flex-wrap:wrap; gap:12px; margin:22px 0 8px; }
.hw a.cta { display:inline-block; background:var(--navy); color:#fff; text-decoration:none; font:600 16px Poppins,sans-serif; padding:13px 22px; border-radius:10px; }
.hw a.cta:hover { background:#0d4f82; color:#fff; }
.hw a.cta.alt { background:#fff; color:var(--navy); border:2px solid var(--navy); padding:11px 20px; }
.note { background:var(--tint); border-left:4px solid var(--teal); padding:14px 18px; border-radius:6px; margin:22px 0; }
.note p { margin:0; font-size:16px; }
.two-col { display:grid; grid-template-columns:1fr 1fr; gap:20px; margin:16px 0; }
.two-col > div { border:1px solid var(--line); border-radius:10px; padding:4px 20px 12px; }
.two-col h3 { margin-top:16px; }
.hw ul { padding-left:22px; margin:8px 0 14px; }
.hw li { margin:5px 0; }
.hw table { border-collapse:collapse; width:100%; margin:14px 0; font-size:16px; }
.hw th, .hw td { text-align:left; padding:10px 12px; border-bottom:1px solid var(--line); vertical-align:top; }
.hw th { background:var(--tint); font-weight:600; color:var(--navy); }
.hw details { border-bottom:1px solid var(--line); padding:12px 0; }
.hw summary { font:600 17px Poppins,sans-serif; color:var(--navy); cursor:pointer; }
.hw details p { margin:10px 0 2px; }
.crumbs { font-size:14px; color:var(--muted); margin-top:18px; }
.crumbs a { color:var(--muted); }
.small { font-size:14px !important; color:var(--muted); }
figure { margin:18px 0; }
.shot img { width:100%; height:auto; display:block; border-radius:12px; border:1px solid var(--line); }
figcaption { font-size:14px; color:var(--muted); margin-top:6px; }
.gallery { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin:14px 0; }
.gallery figure { margin:0; }
@media (max-width:640px) { .two-col { grid-template-columns:1fr; } .hw h1 { font-size:32px; } .hw table { display:block; overflow-x:auto; } .gallery { grid-template-columns:1fr; } }