/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 07 2026 | 07:18:29 */
/* ============================================================
   FixBeforeCall.com — global post stylesheet
   One file, loaded site-wide. Posts should contain ZERO <style>
   tags — just this class vocabulary on plain HTML.
   ============================================================ */

:root {
  --navy: #16283f;      /* headings, table headers, dark boxes */
  --teal: #1b9c90;      /* links, accents, quick-answer border */
  --teal-pale: #e4f2f1; /* quick-answer / callout backgrounds */
  --amber: #e8930c;     /* medium-difficulty badge, toolkit border */
  --amber-pale: #fdf3e0;
  --green: #22603c;     /* easy badge, pro-tip accent */
  --green-pale: #dff0e4;
  --red: #8f2418;       /* warning accent */
  --red-pale: #fdeaea;
  --ink: #26313d;       /* body text */
  --grey: #55636f;      /* meta line, captions */
  --line: #e3ddd2;      /* borders, table rules */
  --paper: #fffdf9;     /* page background */
}

* { box-sizing: border-box; }

article {
  background: var(--paper);
  color: var(--ink);
  font: 17px/1.65 Georgia, 'Times New Roman', serif;
  -webkit-text-size-adjust: 100%;
}

main, article {
  margin: 0 auto;
  padding: 24px 20px 64px;
}

article h1, article h2, article h3 {
  font-family: 'Segoe UI', Helvetica, Arial, sans-serif;
  color: var(--navy);
  line-height: 1.25;
}
article h1 { font-size: 1.9em; margin: 0.6em 0 0.4em; }
article h2 { font-size: 1.4em; margin: 1.8em 0 0.5em; padding-top: 0.3em; border-top: 2px solid var(--line); }
article h3 { font-size: 1.1em; margin: 1.3em 0 0.4em; }
article p  { margin: 0.75em 0; }
article a  { color: var(--teal); }

article ul, article ol { padding-left: 1.4em; }
article li { margin: 0.45em 0; }

article svg {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 10px;
  margin: 1.2em 0;
}

/* Byline under H1: "Category · reading time · Updated" */
.meta {
  font-family: 'Segoe UI', Helvetica, Arial, sans-serif;
  font-size: 0.85em;
  color: var(--grey);
  margin-bottom: 4px;
}

/* First-screen answer box */
.quick-answer {
  background: var(--teal-pale);
  border-left: 5px solid var(--teal);
  border-radius: 0 8px 8px 0;
  padding: 16px 20px;
  margin: 1.2em 0;
}
.quick-answer p:first-child { margin-top: 0; font-size: 1.05em; }
.quick-answer p:last-child { margin-bottom: 0; }

/* DIY-cost-vs-pro-cost line */
.cost-box {
  background: var(--navy);
  color: #fdf8ee;
  border-radius: 8px;
  padding: 14px 18px;
  font-family: 'Segoe UI', Helvetica, Arial, sans-serif;
  font-size: 0.95em;
  margin: 1em 0;
}

/* Generic callout + two variants */
.callout {
  background: var(--teal-pale);
  border-left: 5px solid var(--teal);
  border-radius: 0 8px 8px 0;
  padding: 12px 18px;
  margin: 1.2em 0;
  font-size: 0.97em;
}
.callout.pro-tip { background: var(--green-pale); border-left-color: var(--green); }
.callout.pro-tip strong { color: var(--green); }
.callout.warning { background: var(--red-pale); border-left-color: #c0392b; }
.callout.warning strong { color: var(--red); }

/* Difficulty / time badges next to H2s */
.badge {
  display: inline-block;
  font-family: 'Segoe UI', Helvetica, Arial, sans-serif;
  font-size: 0.62em;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  border-radius: 20px;
  padding: 3px 11px;
  vertical-align: middle;
  margin-left: 8px;
}
.badge.easy { background: var(--green-pale); color: var(--green); }
.badge.medium { background: var(--amber-pale); color: #9c6205; }

/* Diagnosis / comparison tables */
table {
  width: 100%;
  border-collapse: collapse;
  margin: 1.2em 0;
  font-family: 'Segoe UI', Helvetica, Arial, sans-serif;
  font-size: 0.92em;
}
th { background: var(--navy); color: #fdf8ee; text-align: left; padding: 10px 12px; }
td { padding: 10px 12px; border-bottom: 1px solid var(--line); vertical-align: top; }
tr:nth-child(even) td { background: #faf6ee; }

/* "What You'll Need" box (optional — wrap the <ul> in this) */
.needs {
  background: #faf6ee;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 16px 22px;
}

/* Optional single-product/bundle box */
.toolkit {
  border: 2px dashed var(--amber);
  border-radius: 10px;
  padding: 14px 18px;
  margin: 1.4em 0;
  background: var(--amber-pale);
}
.toolkit h3 { margin-top: 0; color: var(--navy); }

/* Italic "still broken? next fix" bridge sentences */
.transition { font-style: italic; color: var(--grey); }

/* FAQ definition list */
.faq dt {
  font-weight: 700;
  font-family: 'Segoe UI', Helvetica, Arial, sans-serif;
  color: var(--navy);
  margin-top: 1.1em;
}
.faq dd { margin: 0.35em 0 0 0; }

footer {
  font-size: 0.9em;
  color: var(--grey);
  border-top: 2px solid var(--line);
  margin-top: 40px;
  padding-top: 16px;
  font-family: 'Segoe UI', Helvetica, Arial, sans-serif;
}

@media (max-width: 480px) {
  body { font-size: 16px; }
  h1 { font-size: 1.6em; }
  td, th { padding: 8px; }
}