/* Appliance Fix Desk — front-end stylesheet (locked branding)
   Desk Ink #20242B · Signal Blue #1B66C9 · Slate #5F6368 · Footer Grey #F2F2F2
   DIY Green #137333 · Caution Amber bg #FEF7E0 / ink #4D3800 · Professional Red #B3261E */
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:'Inter',-apple-system,'Segoe UI',Roboto,Arial,sans-serif;color:#20242B;background:#fff;display:flex;flex-direction:column;min-height:100vh}
a{color:#1B66C9}
.wordmark{font-weight:600;letter-spacing:-0.01em;color:#20242B;text-decoration:none}
.wordmark .fix{color:#1B66C9}
main{flex:1}

/* ---------- footer (single slim line, every page) ---------- */
.site-footer{background:#F2F2F2;color:#20242B;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px 24px;padding:20px 30px;font-size:13.5px}
.site-footer p{margin:0}
.site-footer .mid{text-align:center}
.site-footer a{color:#20242B;text-decoration:none}
.site-footer a:hover{text-decoration:underline}

/* ---------- homepage (Variant B, Google-style) ---------- */
.home-main{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 20px;text-align:center}
.home-wordmark{font-size:44px;margin:0 0 28px}
.search-pill{display:flex;align-items:center;width:100%;max-width:640px;border:1px solid #dfe1e5;border-radius:999px;padding:5px 5px 5px 20px;background:#fff}
.search-pill:hover,.search-pill:focus-within{box-shadow:0 1px 6px rgba(32,33,36,.18)}
.search-pill input{flex:1;border:0;outline:0;font:inherit;font-size:16px;color:#20242B;min-width:0}
.search-pill button{background:#1B66C9;color:#fff;border:0;border-radius:999px;font:inherit;font-weight:600;padding:.55em 1.2em;cursor:pointer;white-space:nowrap}
.strapline{color:#5F6368;font-size:16.5px;max-width:560px;margin:22px 0 0;line-height:1.5}
.chips-label{margin:40px 0 12px;font-size:14px;color:#5F6368}
.chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:720px}
.chip{border:1px solid #dfe1e5;border-radius:999px;padding:8px 16px;font-size:14.5px;color:#20242B;background:#fff}
a.chip{text-decoration:none}
a.chip:hover{border-color:#1B66C9;color:#1B66C9}
.browse{margin-top:36px;font-size:15px;color:#5F6368}
.browse a{text-decoration:none}
.browse a:hover{text-decoration:underline}

/* ---------- inner header (guides, legal, category) ---------- */
.inner-head{display:flex;align-items:center;gap:28px;padding:16px 30px;border-bottom:1px solid #ebebeb}
.inner-head .wordmark{font-size:20px;white-space:nowrap}
.inner-head .search-pill{max-width:480px;padding:3px 3px 3px 16px}
.inner-head .search-pill button{padding:.4em 1em}

/* ---------- search results (Google SERP) ---------- */
.serp-head{display:flex;align-items:center;gap:32px;padding:20px 30px 14px}
.serp-head .wordmark{font-size:22px;white-space:nowrap}
.serp-head .search-pill{max-width:690px}
.serp-divider{border-bottom:1px solid #ebebeb}
.serp-main{padding:22px 30px 40px}
.serp-col{max-width:652px;margin-left:196px}
@media (max-width:1100px){.serp-col{margin-left:120px}}
@media (max-width:900px){.serp-col{margin-left:0}.serp-head{flex-wrap:wrap;gap:14px}}
.result{margin:0 0 30px}
.result .site{display:flex;align-items:center;gap:10px}
.result .fd{width:26px;height:26px;border-radius:50%;background:#1B66C9;color:#fff;font-size:11px;font-weight:600;display:grid;place-items:center;flex:none}
.result .name{font-size:14px;color:#20242B;line-height:1.3}
.result .crumb{font-size:12px;color:#4d5156;line-height:1.3}
.result h3{font-size:20px;font-weight:400;margin:5px 0 4px;line-height:1.3}
.result h3 a{color:#1B66C9;text-decoration:none}
.result h3 a:visited{color:#681da8}
.result h3 a:hover{text-decoration:underline}
.result .snip{font-size:14.5px;color:#4d5156;line-height:1.55;margin:0;max-width:600px}
.disambig{background:#f8f9fa;border:1px solid #e8eaed;border-radius:8px;padding:14px 18px;margin:0 0 28px;font-size:15px;line-height:1.55;max-width:652px}
.no-results h2{font-size:22px;font-weight:500;margin:6px 0 12px}
.no-results p{font-size:15.5px;line-height:1.6;color:#3c4043;max-width:600px}
.no-results ul{font-size:15.5px;line-height:1.7;color:#3c4043}

/* ---------- guide page (Variant D) ---------- */
.guide-wrap{max-width:760px;margin:0 auto;padding:28px 20px 48px}
.breadcrumb{font-size:13.5px;color:#5F6368;margin:0 0 18px}
.breadcrumb a{color:#5F6368;text-decoration:none}
.breadcrumb a:hover{text-decoration:underline}
.guide-wrap h1{font-size:29px;line-height:1.25;margin:0 0 10px;text-align:left}
.byline{font-size:14px;color:#5F6368;margin:0 0 26px}
.guide-body{font-size:16.5px;line-height:1.65}
.guide-body h2{font-size:22px;margin:34px 0 12px;line-height:1.3}
.guide-body h3{font-size:18px;margin:24px 0 8px}
.guide-body p{margin:0 0 14px}
.guide-body ul,.guide-body ol{margin:0 0 14px;padding-left:24px}
.guide-body li{margin-bottom:6px}
.guide-body table{border-collapse:collapse;width:100%;margin:0 0 18px;font-size:15.5px}
.guide-body th,.guide-body td{border:1px solid #e0e2e6;padding:9px 12px;text-align:left}
.guide-body th{background:#f8f9fa}
.guide-body pre{background:#f6f8fa;border:1px solid #e0e2e6;border-radius:6px;padding:14px 16px;overflow-x:auto;font-size:14.5px}
.guide-body code{font-family:ui-monospace,'SF Mono',Menlo,Consolas,monospace;font-size:.92em}
.guide-body img{max-width:100%;height:auto;border-radius:8px}
.applicability{background:#f8f9fa;border:1px solid #e8eaed;border-radius:8px;padding:14px 18px;margin:0 0 22px;font-size:15px;line-height:1.55}
.when-to-stop{background:#FEF7E0;color:#4D3800;border-radius:8px;padding:14px 18px;margin:22px 0;font-size:15.5px;line-height:1.55}
.badge{display:inline-block;border-radius:999px;padding:2px 10px;font-size:12.5px;font-weight:600;vertical-align:middle}
.badge-diy{background:#e6f4ea;color:#137333}
.badge-pro{background:#fdecea;color:#B3261E}
.badge-caution{background:#FEF7E0;color:#4D3800}
.affiliate-note{font-size:13px;color:#5F6368;margin-top:6px}
.references{font-size:14.5px;color:#3c4043}
.related{margin-top:40px;border-top:1px solid #ebebeb;padding-top:22px}
.related h2{font-size:20px;margin:0 0 14px}
.related a{display:block;margin-bottom:8px;text-decoration:none}
.related a:hover{text-decoration:underline}

/* ---------- legal / category ---------- */
.page-wrap{max-width:760px;margin:0 auto;padding:28px 20px 48px;font-size:16.5px;line-height:1.65}
.page-wrap h1{font-size:29px;margin:0 0 18px}
.page-wrap h2{font-size:21px;margin:28px 0 10px}
.guide-list{list-style:none;padding:0;margin:0}
.guide-list li{padding:16px 0;border-bottom:1px solid #ebebeb}
.guide-list a{font-size:19px;text-decoration:none}
.guide-list a:hover{text-decoration:underline}
.guide-list p{margin:5px 0 0;color:#4d5156;font-size:14.5px;line-height:1.55}
.empty-note{color:#3c4043;font-size:15.5px;line-height:1.6}