/* ===========================================
   Super Auto Source Article Style Pro
   Version: 2.0.1
   Site: https://sasproject.com/
   Scoped to .sas-blog-wrap only
   Inherits the active WordPress theme font family
   Does NOT affect any other page or post
   Designed for Super Auto Source automotive content:
   - Clear editorial readability for reviews and guides
   - Steel-blue, teal, amber, and deep-navy accents
   - Reusable blocks for maintenance, troubleshooting, buying guides, reviews, comparisons, and safety
=========================================== */

/* ── BASE WRAPPER ── */
.sas-blog-wrap {
  margin: 0 auto;
  padding: 0 20px;
  line-height: 1.85;
  color: #1a1a1a;
  box-sizing: border-box;
  font-family: inherit;
}

.sas-blog-wrap *,
.sas-blog-wrap *::before,
.sas-blog-wrap *::after {
  box-sizing: border-box;
}

/* ── TYPOGRAPHY ── */
.sas-blog-wrap p { margin: 0 0 1.3em; }

.sas-blog-wrap h2 {
  font-size: 1.55em;
  font-weight: 700;
  margin: 2.2em 0 0.7em;
  color: #111;
  line-height: 1.3;
  font-family: inherit;
  border-bottom: 2px solid #b6d3e7;
  padding-bottom: 0.3em;
}

.sas-blog-wrap h3 {
  font-size: 1.2em;
  font-weight: 700;
  margin: 1.8em 0 0.6em;
  color: #0a2e46;
  line-height: 1.35;
  font-family: inherit;
}

.sas-blog-wrap ul,
.sas-blog-wrap ol {
  margin: 0 0 1.3em 0;
  padding-left: 1.6em;
}

.sas-blog-wrap li   { margin-bottom: 0.6em; line-height: 1.8; }
.sas-blog-wrap strong { font-weight: 700; color: #111; }

.sas-blog-wrap a {
  color: #1565a0;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.sas-blog-wrap a:hover { opacity: .8; }

.sas-blog-wrap section { margin-bottom: 0.4em; }


/* ================================================
   BOXES
================================================ */

/* ── Quick Answer Box ── */
.sas-quick-answer {
  background: #eaf3f9;
  border-left: 6px solid #1565a0;
  border-radius: 8px;
  padding: 20px 22px;
  margin: 0 0 2em;
}
.sas-qa-label {
  font-weight: 700;
  font-size: 0.78em;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #1565a0;
  margin-bottom: 10px;
  display: block;
  font-family: inherit;
}
.sas-quick-answer p { margin: 0; font-size: 1.05em; }

/* ── Pro Tip Box ── */
.sas-tip-box {
  background: #e3f4f2;
  border-left: 6px solid #0d9488;
  border-radius: 8px;
  padding: 18px 22px;
  margin: 1.8em 0;
}
.sas-tip-label {
  display: block;
  font-weight: 700;
  font-size: 0.8em;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #0d9488;
  margin-bottom: 10px;
  font-family: inherit;
}
.sas-tip-box p { margin: 0; }

/* ── Note Box ── */
.sas-note-box {
  background: #fff7ed;
  border-left: 6px solid #f59e0b;
  border-radius: 8px;
  padding: 18px 22px;
  margin: 1.8em 0;
}
.sas-note-label {
  display: block;
  font-weight: 700;
  font-size: 0.8em;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #f59e0b;
  margin-bottom: 10px;
  font-family: inherit;
}
.sas-note-box p { margin: 0; }

/* ── Warning Box ── */
.sas-warning-box {
  background: #e8f2f9;
  border-left: 6px solid #dc2626;
  border-radius: 8px;
  padding: 18px 22px;
  margin: 1.8em 0;
}
.sas-warn-label {
  display: block;
  font-weight: 700;
  font-size: 0.8em;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #dc2626;
  margin-bottom: 10px;
  font-family: inherit;
}
.sas-warning-box p { margin: 0; }

/* ── Takeaway Box ── */
.sas-takeaway-box {
  background: #edf5fa;
  border-left: 6px solid #0f3d61;
  border-radius: 8px;
  padding: 20px 22px;
  margin: 2.2em 0 1.8em;
}
.sas-takeaway-label {
  display: block;
  font-weight: 700;
  font-size: 0.8em;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #0f3d61;
  margin-bottom: 10px;
  font-family: inherit;
}
.sas-takeaway-box p { margin: 0; }


/* ================================================
   COMPONENTS
================================================ */

/* ── Stat / Number Strip ── */
.sas-stat-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin: 1.8em 0;
}
.sas-stat-item {
  flex: 1;
  min-width: 140px;
  background: #f2f8fb;
  border: 1px solid #b6d3e7;
  border-radius: 10px;
  padding: 18px 16px;
  text-align: center;
}
.sas-stat-number {
  font-size: 2em;
  font-weight: 800;
  color: #1565a0;
  line-height: 1.1;
  display: block;
  font-family: inherit;
}
.sas-stat-desc {
  font-size: 0.82em;
  color: #555;
  margin-top: 6px;
  display: block;
  font-family: inherit;
}

/* ── Pro Tips List ── */
.sas-pro-tips {
  background: #e3f4f2;
  border: 1px solid #a3ded6;
  border-radius: 10px;
  padding: 20px 22px;
  margin: 1.8em 0;
}
.sas-pro-tips-title {
  font-weight: 700;
  font-size: 0.95em;
  color: #0b6b62;
  margin-bottom: 14px;
  display: block;
  font-family: inherit;
}
.sas-pro-tips ul {
  margin: 0;
  padding-left: 1.4em;
}
.sas-pro-tips li {
  margin-bottom: 10px;
  font-size: 0.97em;
  color: #1a1a1a;
  line-height: 1.8;
}

/* ── Comparison Box (Benefits vs Drawbacks) ── */
.sas-compare {
  display: flex;
  gap: 16px;
  margin: 1.8em 0;
  flex-wrap: wrap;
}
.sas-compare-col {
  flex: 1;
  min-width: 200px;
  border-radius: 10px;
  padding: 18px 20px;
}
.sas-compare-col.good {
  background: #eaf3f9;
  border: 1px solid #8bbadb;
}
.sas-compare-col.bad {
  background: #e8f2f9;
  border: 1px solid #b7d9ec;
}
.sas-compare-title {
  font-weight: 700;
  font-size: 0.88em;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  margin-bottom: 12px;
  display: block;
  font-family: inherit;
}
.sas-compare-col.good .sas-compare-title { color: #0d3652; }
.sas-compare-col.bad  .sas-compare-title { color: #0b3a56; }
.sas-compare-col ul {
  margin: 0;
  padding-left: 1.2em;
}
.sas-compare-col li {
  font-size: 0.95em;
  margin-bottom: 8px;
  color: #1a1a1a;
  line-height: 1.7;
}

/* ── Checklist ── */
.sas-checklist {
  background: #f4f9fc;
  border: 1px solid #b6d3e7;
  border-radius: 10px;
  padding: 18px 22px;
  margin: 1.8em 0;
}
.sas-checklist-title {
  font-weight: 700;
  font-size: 0.97em;
  color: #111;
  margin-bottom: 14px;
  display: block;
  font-family: inherit;
}
.sas-checklist ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.sas-checklist li {
  padding: 8px 0 8px 32px;
  position: relative;
  font-size: 0.97em;
  border-bottom: 1px solid #d5e6f1;
  color: #1a1a1a;
  margin: 0;
  line-height: 1.7;
}
.sas-checklist li:last-child { border-bottom: none; }
.sas-checklist li::before {
  content: '✓';
  position: absolute;
  left: 0;
  top: 8px;
  color: #1565a0;
  font-weight: 700;
  font-size: 1.1em;
}

/* ── Step-by-Step Guide ── */
.sas-steps {
  margin: 1.8em 0;
}
.sas-step {
  display: flex;
  gap: 18px;
  align-items: flex-start;
  padding: 18px 0;
  border-bottom: 1px solid #dae9f2;
}
.sas-step:last-child { border-bottom: none; }
.sas-step-num {
  flex-shrink: 0;
  width: 38px;
  height: 38px;
  background: #1565a0;
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  font-weight: 700;
  font-family: inherit;
}
.sas-step-body { flex: 1; }
.sas-step-body strong {
  font-size: 1.02em;
  color: #111;
  display: block;
  margin-bottom: 6px;
}
.sas-step-body p {
  font-size: 0.97em;
  color: #444;
  margin: 0;
  line-height: 1.8;
}

/* ── Did You Know Box ── */
.sas-did-you-know {
  background: #fff7ed;
  border: 1px solid #ecd49a;
  border-radius: 10px;
  padding: 18px 22px;
  margin: 1.8em 0;
  display: flex;
  gap: 16px;
  align-items: flex-start;
}
.sas-dyk-icon {
  font-size: 1.8em;
  flex-shrink: 0;
  line-height: 1;
}
.sas-dyk-body { flex: 1; }
.sas-dyk-label {
  font-weight: 700;
  font-size: 0.8em;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #8a5c0a;
  display: block;
  margin-bottom: 8px;
  font-family: inherit;
}
.sas-dyk-body p { margin: 0; font-size: 0.97em; color: #1a1a1a; line-height: 1.8; }

/* ── Cost / Coverage Estimate Box ── */
.sas-cost-box {
  background: #f4f9fc;
  border: 1px solid #b6d3e7;
  border-left: 6px solid #1565a0;
  border-radius: 8px;
  padding: 18px 22px;
  margin: 1.8em 0;
}
.sas-cost-label {
  font-weight: 700;
  font-size: 0.8em;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #1565a0;
  display: block;
  margin-bottom: 12px;
  font-family: inherit;
}
.sas-cost-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 9px 0;
  border-bottom: 1px solid #d0e8e0;
  font-size: 0.97em;
}
.sas-cost-row:last-child { border-bottom: none; }
.sas-cost-row span:last-child { font-weight: 700; color: #111; }

/* ── FAQ Section ── */
.sas-faq { margin: 1.8em 0; }
.sas-faq-item {
  border: 1px solid #b6d3e7;
  border-radius: 10px;
  margin-bottom: 12px;
  overflow: hidden;
}
.sas-faq-q {
  background: #f2f8fb;
  padding: 16px 20px;
  font-weight: 700;
  font-size: 1em;
  color: #111;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  user-select: none;
  line-height: 1.5;
}
.sas-faq-q::after {
  content: '+';
  font-size: 1.4em;
  color: #1565a0;
  font-weight: 400;
  flex-shrink: 0;
  transition: transform .25s;
}
.sas-faq-item.open .sas-faq-q::after {
  transform: rotate(45deg);
}
.sas-faq-a {
  display: none;
  padding: 16px 20px;
  font-size: 0.97em;
  color: #333;
  border-top: 1px solid #b6d3e7;
  background: #fff;
  line-height: 1.85;
}
.sas-faq-a p { margin: 0; }
.sas-faq-item.open .sas-faq-a { display: block; }

/* ── Resources / Tools Needed ── */
.sas-tools-box {
  background: #f4f9fc;
  border: 1px solid #b6d3e7;
  border-radius: 10px;
  padding: 18px 22px;
  margin: 1.8em 0;
}
.sas-tools-title {
  font-weight: 700;
  font-size: 0.97em;
  color: #111;
  margin-bottom: 14px;
  display: block;
  font-family: inherit;
}
.sas-tools-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.sas-tool-tag {
  background: #fff;
  border: 1px solid #8bbadb;
  border-radius: 20px;
  padding: 6px 16px;
  font-size: 0.88em;
  color: #0a2e46;
  white-space: nowrap;
  font-family: inherit;
}

/* ── Highlight / Key Stat Box ── */
.sas-highlight {
  background: linear-gradient(135deg, #eaf3f9 0%, #edf5fa 100%);
  border: 1px solid #8bbadb;
  border-radius: 10px;
  padding: 22px 26px;
  margin: 1.8em 0;
  text-align: center;
}
.sas-highlight-text {
  font-size: 1.2em;
  font-weight: 700;
  color: #1565a0;
  line-height: 1.45;
  display: block;
  font-family: inherit;
}
.sas-highlight-sub {
  font-size: 0.87em;
  color: #555;
  margin-top: 8px;
  display: block;
  font-family: inherit;
}

/* ── Doctor Alert Box ── */
.sas-alert-box {
  background: #e8f2f9;
  border: 1px solid #b7d9ec;
  border-radius: 10px;
  padding: 18px 22px;
  margin: 1.8em 0;
  display: flex;
  gap: 16px;
  align-items: flex-start;
}
.sas-alert-icon { font-size: 2em; flex-shrink: 0; line-height: 1; }
.sas-alert-body { flex: 1; }
.sas-alert-label {
  font-weight: 700;
  font-size: 0.85em;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  color: #0b3a56;
  display: block;
  margin-bottom: 8px;
  font-family: inherit;
}
.sas-alert-body p { margin: 0; font-size: 0.97em; color: #1a1a1a; line-height: 1.8; }

/* ── Summary / Recap Box ── */
.sas-summary-box {
  background: #edf5fa;
  border: 1px solid #90bddc;
  border-radius: 10px;
  padding: 20px 22px;
  margin: 1.8em 0;
}
.sas-summary-label {
  font-weight: 700;
  font-size: 0.8em;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #0d3652;
  display: block;
  margin-bottom: 12px;
  font-family: inherit;
}
.sas-summary-box ul {
  margin: 0;
  padding-left: 1.4em;
}
.sas-summary-box li {
  font-size: 0.97em;
  margin-bottom: 8px;
  color: #1a1a1a;
  line-height: 1.8;
}

/* ── Dos and Don'ts ── */
.sas-dos-donts {
  display: flex;
  gap: 16px;
  margin: 1.8em 0;
  flex-wrap: wrap;
}
.sas-dos, .sas-donts {
  flex: 1;
  min-width: 200px;
  border-radius: 10px;
  padding: 18px 20px;
}
.sas-dos {
  background: #eaf3f9;
  border: 1px solid #8bbadb;
}
.sas-donts {
  background: #e8f2f9;
  border: 1px solid #b7d9ec;
}
.sas-dos-title, .sas-donts-title {
  font-weight: 700;
  font-size: 0.88em;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  margin-bottom: 12px;
  display: block;
  font-family: inherit;
}
.sas-dos-title   { color: #0d3652; }
.sas-donts-title { color: #0b3a56; }
.sas-dos ul, .sas-donts ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.sas-dos li, .sas-donts li {
  padding: 6px 0 6px 26px;
  position: relative;
  font-size: 0.95em;
  color: #1a1a1a;
  margin: 0;
  border-bottom: 1px solid rgba(0,0,0,.05);
  line-height: 1.7;
}
.sas-dos li:last-child,
.sas-donts li:last-child { border-bottom: none; }
.sas-dos li::before {
  content: '✓';
  position: absolute;
  left: 0;
  color: #1565a0;
  font-weight: 700;
}
.sas-donts li::before {
  content: '✗';
  position: absolute;
  left: 0;
  color: #dc2626;
  font-weight: 700;
}

/* ── Expert Quote / Testimonial ── */
.sas-expert-quote {
  background: #f2f8fb;
  border: 1px solid #bad7e9;
  border-radius: 10px;
  padding: 20px 22px;
  margin: 1.8em 0;
  display: flex;
  gap: 16px;
  align-items: flex-start;
}
.sas-expert-icon { font-size: 2em; flex-shrink: 0; line-height: 1; color: #0f3d61; }
.sas-expert-body { flex: 1; }
.sas-expert-text {
  font-size: 1em;
  font-style: italic;
  color: #333;
  line-height: 1.85;
  margin: 0 0 10px;
  display: block;
  font-family: inherit;
}
.sas-expert-name {
  font-size: 0.85em;
  font-weight: 700;
  color: #0f3d61;
  font-family: inherit;
}

/* ── Benefits Box ── */
.sas-benefits-box {
  background: #eaf3f9;
  border: 1px solid #8bbadb;
  border-radius: 10px;
  padding: 18px 22px;
  margin: 1.8em 0;
}
.sas-benefits-title {
  font-weight: 700;
  font-size: 0.97em;
  color: #0d3652;
  margin-bottom: 14px;
  display: block;
  font-family: inherit;
}
.sas-benefits-box ul {
  margin: 0;
  padding-left: 1.4em;
}
.sas-benefits-box li {
  font-size: 0.97em;
  margin-bottom: 10px;
  color: #1a1a1a;
  line-height: 1.8;
}

/* ── Image Placeholder ── */
.sas-img-placeholder {
  background: #f2f8fb;
  border: 2px dashed #b6d3e7;
  border-radius: 10px;
  padding: 32px 20px;
  margin: 1.8em 0;
  text-align: center;
  color: #6b7280;
  font-size: 0.9em;
  font-family: inherit;
}
.sas-img-placeholder span {
  display: block;
  font-size: 2em;
  margin-bottom: 8px;
}


/* ================================================
   TABLES
================================================ */
.sas-table-wrap {
  width: 100%;
  overflow-x: auto;
  margin: 1.6em 0 2em;
  -webkit-overflow-scrolling: touch;
  border-radius: 8px;
}
.sas-blog-wrap table {
  width: 100%;
  min-width: 480px;
  border-collapse: collapse;
  font-size: 0.95em;
  background: #fff;
  border: 1px solid #b6d3e7;
  border-radius: 8px;
  overflow: hidden;
  font-family: inherit;
}
.sas-blog-wrap thead { color: #fff; background: #1565a0; }
.sas-blog-wrap th {
  text-align: left;
  padding: 14px 16px;
  font-weight: 700;
  font-size: 0.9em;
  letter-spacing: 0.02em;
}
.sas-blog-wrap td {
  padding: 13px 16px;
  border-top: 1px solid #b6d3e7;
  vertical-align: top;
  color: #1a1a1a;
  line-height: 1.7;
}
.sas-blog-wrap tbody tr:nth-child(even) td { background: #f2f8fb; }
.sas-blog-wrap tbody tr:hover td { background: #dbe9f2; }


/* ================================================
   MOBILE
================================================ */
@media (max-width: 640px) {
  .sas-blog-wrap      { padding: 0 14px; }
  .sas-blog-wrap h2   { font-size: 1.3em; }
  .sas-blog-wrap h3   { font-size: 1.1em; }

  .sas-quick-answer,
  .sas-tip-box,
  .sas-note-box,
  .sas-warning-box,
  .sas-takeaway-box,
  .sas-pro-tips,
  .sas-checklist,
  .sas-tools-box,
  .sas-cost-box,
  .sas-summary-box,
  .sas-benefits-box   { padding: 16px 16px; }

  .sas-compare,
  .sas-dos-donts      { flex-direction: column; }

  .sas-stat-strip     { gap: 10px; }
  .sas-stat-item      { min-width: 110px; }
  .sas-stat-number    { font-size: 1.6em; }

  .sas-did-you-know,
  .sas-alert-box,
  .sas-expert-quote   { flex-direction: column; gap: 10px; }

  .sas-highlight-text { font-size: 1em; }
}


/* ================================================
   SUPER AUTO SOURCE UNIVERSAL COMPONENT BLOCK
   Use these inside .sas-blog-wrap for the automotive content plan:
   vehicle reviews, buying guides, troubleshooting, expert questions,
   product reviews, maintenance routines, common problems, and tutorials.
================================================ */
.sas-blog-wrap {
  --sas-red: var(--sas-accent, #1565a0);
  --sas-red-soft: #eaf3f9;
  --sas-cream: #dbe9f2;
  --sas-purple: var(--sas-tip, #0d9488);
  --sas-maroon: #0a2e46;
  --sas-gold: var(--sas-note, #f59e0b);
  --sas-warn: var(--sas-warning, #dc2626);
  --sas-border: #b6d3e7;
  --sas-text-soft: #665854;
  font-family: inherit;
}

.sas-product-hero {
  background: linear-gradient(135deg, #eaf3f9 0%, #fff 52%, #e5f5f3 100%);
  border: 1px solid var(--sas-border);
  border-left: 6px solid var(--sas-red);
  border-radius: 18px;
  padding: 26px 28px;
  margin: 0 0 2em;
  box-shadow: 0 14px 34px rgba(193, 39, 45, .08);
}
.sas-product-hero h2 {
  border-bottom: none;
  padding-bottom: 0;
  margin: .25em 0 .45em;
  font-family: inherit;
  color: #382a27;
}
.sas-product-hero p { color: #665854; margin: 0; }
.sas-product-kicker,
.sas-expert-label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--sas-red);
  font-size: .76em;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-family: inherit;
}
.sas-product-pill {
  display: inline-block;
  background: var(--sas-red);
  color: #fff;
  border-radius: 999px;
  padding: 4px 12px;
  font-size: .76em;
  font-weight: 700;
  font-family: inherit;
}

.sas-feature-grid,
.sas-choice-grid,
.sas-palette-grid,
.sas-finish-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin: 1.8em 0;
}
.sas-feature-card,
.sas-choice-card,
.sas-swatch-card,
.sas-finish-chip,
.sas-product-card,
.sas-expert-qa-card {
  background: #fff;
  border: 1px solid var(--sas-border);
  border-radius: 14px;
  padding: 18px 18px;
  box-shadow: 0 8px 24px rgba(131, 24, 67, .06);
}
.sas-feature-card-title,
.sas-choice-card span,
.sas-palette-title,
.sas-link-cluster-title {
  display: block;
  color: var(--sas-red);
  font-weight: 800;
  font-size: .95em;
  margin-bottom: 8px;
  font-family: inherit;
}
.sas-feature-card p,
.sas-choice-card p,
.sas-swatch-card small,
.sas-finish-chip span,
.sas-expert-qa-card p,
.sas-product-card p { color: var(--sas-text-soft); margin: 0; line-height: 1.7; }

.sas-finish-palette {
  background: linear-gradient(135deg, #f4f9fc, #ffffff);
  border: 1px solid var(--sas-border);
  border-radius: 16px;
  padding: 20px;
  margin: 1.8em 0;
}
.sas-swatch-card {
  display: grid;
  grid-template-columns: 42px 1fr;
  column-gap: 12px;
  align-items: center;
}
.sas-swatch-card strong { display: block; color: #2a1d19; font-size: .95em; }
.sas-swatch-card small { display: block; grid-column: 2; font-size: .82em; }
.sas-swatch-dot {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: var(--sas-swatch-color, #4a8fc2);
  border: 2px solid #fff;
  box-shadow: 0 0 0 1px rgba(0,0,0,.12), 0 8px 18px rgba(0,0,0,.08);
  grid-row: span 2;
}

.sas-expert-qa-card {
  background: linear-gradient(135deg, #f2f8fb, #fff);
  border-left: 6px solid var(--sas-red);
  margin: 1.8em 0;
}
.sas-expert-question {
  font-size: 1.12em;
  font-weight: 800;
  color: var(--sas-red);
  margin: 8px 0 10px !important;
  line-height: 1.45;
}

.sas-maintenance-routine {
  background: #fff;
  border: 1px solid var(--sas-border);
  border-radius: 14px;
  padding: 18px 20px;
  margin: 1.8em 0;
}
.sas-maintenance-row {
  display: grid;
  grid-template-columns: 96px 1fr;
  gap: 14px;
  padding: 13px 0;
  border-bottom: 1px solid #d5e6f1;
}
.sas-maintenance-row:last-child { border-bottom: none; }
.sas-maintenance-row span {
  color: var(--sas-red);
  font-weight: 800;
  font-family: inherit;
}
.sas-maintenance-row p { margin: 0; color: var(--sas-text-soft); }

.sas-problem-solution {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  margin: 1.8em 0;
}
.sas-problem-solution > div {
  border-radius: 14px;
  padding: 18px;
}
.sas-problem-solution > div:first-child { background: #e8f2f9; border: 1px solid #b7d9ec; }
.sas-problem-solution > div:last-child { background: #f2f8fb; border: 1px solid var(--sas-border); }
.sas-problem-label,
.sas-fix-label {
  display: block;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: .78em;
  margin-bottom: 8px;
  font-family: inherit;
}
.sas-problem-label { color: var(--sas-warn); }
.sas-fix-label { color: var(--sas-red); }
.sas-problem-solution p { margin: 0; color: #433835; }

.sas-product-card {
  border-left: 6px solid var(--sas-red);
  margin: 1.8em 0;
}
.sas-product-card h3 { margin-top: .4em; }
.sas-product-meta {
  display: inline-block;
  color: var(--sas-red);
  font-weight: 800;
  margin-top: 12px;
  font-family: inherit;
}

.sas-topic-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 1.4em 0 1.8em;
}
.sas-topic-tag {
  border: 1px solid var(--sas-border);
  background: #f2f8fb;
  color: var(--sas-red);
  border-radius: 999px;
  padding: 7px 14px;
  font-size: .86em;
  font-weight: 700;
  font-family: inherit;
}

.sas-finish-chip strong {
  display: inline-block;
  background: var(--sas-red);
  color: #fff;
  border-radius: 999px;
  padding: 4px 10px;
  margin-bottom: 9px;
  font-size: .8em;
  font-family: inherit;
}
.sas-finish-chip span { display: block; }

.sas-link-cluster {
  background: #f2f8fb;
  border: 1px solid var(--sas-border);
  border-radius: 14px;
  padding: 18px 20px;
  margin: 1.8em 0;
}
.sas-link-cluster a {
  display: block;
  padding: 10px 0;
  border-top: 1px solid #d5e6f1;
  font-weight: 700;
  text-decoration: none;
}
.sas-link-cluster a:hover { text-decoration: underline; }

.sas-buying-map {
  background: #fff;
  border: 1px solid var(--sas-border);
  border-radius: 16px;
  padding: 20px;
  margin: 1.8em 0;
}
.sas-buying-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.sas-buying-card {
  position: relative;
  padding: 14px 14px 14px 20px;
  background: #f4f9fc;
  border-radius: 12px;
  overflow: hidden;
}
.sas-buying-card::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 5px;
  background: var(--sas-red);
}
.sas-buying-card strong { display: block; color: #2a1d19; margin-bottom: 4px; }
.sas-buying-card span { color: var(--sas-text-soft); font-size: .9em; }

@media (max-width: 760px) {
  .sas-feature-grid,
  .sas-choice-grid,
  .sas-palette-grid,
  .sas-finish-grid,
  .sas-buying-grid { grid-template-columns: 1fr; }
  .sas-problem-solution { grid-template-columns: 1fr; }
  .sas-maintenance-row { grid-template-columns: 1fr; gap: 4px; }
  .sas-swatch-card { grid-template-columns: 36px 1fr; }
  .sas-swatch-dot { width: 34px; height: 34px; }
}


/* ============================================================
   Super Auto Source v1.0 fixes: image cards + flat problem/fix markup
   These rules are intentionally strong because some themes/plugins
   override grid, p, image, and label styles.
============================================================ */

.sas-blog-wrap .sas-article-image {
  display: block !important;
  margin: 24px 0 32px !important;
  padding: 0 !important;
  text-align: center !important;
  background: transparent !important;
}

.sas-blog-wrap .sas-image-frame {
  display: block !important;
  background: #ffffff !important;
  border: 1px solid #cde1ee !important;
  border-radius: 18px !important;
  padding: 10px !important;
  box-shadow: 0 12px 32px rgba(193, 39, 45, 0.10) !important;
  overflow: hidden !important;
}

.sas-blog-wrap .sas-article-image img,
.sas-blog-wrap .sas-image-frame img {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  object-fit: cover !important;
}

.sas-blog-wrap .sas-image-caption {
  display: block !important;
  max-width: 760px !important;
  margin: 10px auto 0 !important;
  padding: 0 8px !important;
  color: #7a5b55 !important;
  font-size: 0.92em !important;
  font-style: italic !important;
  line-height: 1.55 !important;
  text-align: center !important;
}

.sas-blog-wrap .sas-image-source {
  display: block !important;
  margin: 6px auto 0 !important;
  color: #8a7771 !important;
  font-size: 0.78em !important;
  line-height: 1.4 !important;
  text-align: center !important;
}

/* Supports both correct nested markup and AI-generated flat markup:
   Nested: <div class="sas-problem-solution"><div><span...>Problem</span><p>...</p></div>...</div>
   Flat:   <div class="sas-problem-solution"><span...>Problem</span><p>...</p><span...>Fix</span><p>...</p></div>
*/
.sas-blog-wrap .sas-problem-solution {
  display: block !important;
  width: 100% !important;
  margin: 24px 0 !important;
  padding: 18px !important;
  background: linear-gradient(135deg, #f4f9fc 0%, #ffffff 100%) !important;
  border: 1px solid #cde1ee !important;
  border-radius: 18px !important;
  box-shadow: 0 10px 28px rgba(193, 39, 45, 0.08) !important;
}

.sas-blog-wrap .sas-problem-solution > div {
  display: block !important;
  margin: 0 0 14px !important;
  padding: 15px 16px !important;
  border-radius: 14px !important;
}

.sas-blog-wrap .sas-problem-solution > div:first-child {
  background: #e8f2f9 !important;
  border: 1px solid #b7d9ec !important;
}

.sas-blog-wrap .sas-problem-solution > div:last-child {
  margin-bottom: 0 !important;
  background: #f2f8fb !important;
  border: 1px solid #cde1ee !important;
}

.sas-blog-wrap .sas-problem-solution > .sas-problem-label,
.sas-blog-wrap .sas-problem-solution > .sas-fix-label,
.sas-blog-wrap .sas-problem-solution .sas-problem-label,
.sas-blog-wrap .sas-problem-solution .sas-fix-label {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  width: auto !important;
  margin: 0 0 8px !important;
  padding: 5px 10px !important;
  border-radius: 999px !important;
  font-family: inherit !important;
  font-size: 0.76em !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
}

.sas-blog-wrap .sas-problem-solution .sas-problem-label {
  color: #dc2626 !important;
  background: #e1ecf4 !important;
}

.sas-blog-wrap .sas-problem-solution .sas-fix-label {
  color: #0f3d61 !important;
  background: #dbe9f2 !important;
}

.sas-blog-wrap .sas-problem-solution > .sas-problem-label + p,
.sas-blog-wrap .sas-problem-solution > .sas-fix-label + p {
  display: block !important;
  margin: 0 0 14px !important;
  padding: 14px 16px !important;
  border-radius: 14px !important;
  color: #433835 !important;
  line-height: 1.75 !important;
}

.sas-blog-wrap .sas-problem-solution > .sas-problem-label + p {
  background: #e8f2f9 !important;
  border: 1px solid #b7d9ec !important;
}

.sas-blog-wrap .sas-problem-solution > .sas-fix-label + p {
  margin-bottom: 0 !important;
  background: #f2f8fb !important;
  border: 1px solid #cde1ee !important;
}

.sas-blog-wrap .sas-problem-solution > div p {
  margin: 0 !important;
  color: #433835 !important;
  line-height: 1.75 !important;
}

@media (max-width: 640px) {
  .sas-blog-wrap .sas-problem-solution {
    padding: 14px !important;
    border-radius: 16px !important;
  }
  .sas-blog-wrap .sas-image-frame {
    padding: 7px !important;
    border-radius: 15px !important;
  }
  .sas-blog-wrap .sas-article-image img,
  .sas-blog-wrap .sas-image-frame img {
    border-radius: 10px !important;
  }
}


/* ===========================================
   Super Auto Source v1.0 Problem/Solution Refinement
   Cleaner layout for flat AI markup and nested markup.
   Removes the empty rounded bar issue caused by blank paragraphs.
=========================================== */
.sas-blog-wrap .sas-problem-solution {
  display: block !important;
  width: 100% !important;
  margin: 28px 0 !important;
  padding: 22px 24px !important;
  background: #fffaf5 !important;
  border: 1px solid #b7d5e8 !important;
  border-left: 5px solid #1565a0 !important;
  border-radius: 18px !important;
  box-shadow: 0 12px 30px rgba(193, 39, 45, 0.07) !important;
}

.sas-blog-wrap .sas-problem-solution::before {
  display: none !important;
  content: none !important;
}

.sas-blog-wrap .sas-problem-solution > div {
  display: block !important;
  margin: 0 0 18px !important;
  padding: 0 0 18px !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px dashed #a5c7e0 !important;
  border-radius: 0 !important;
}

.sas-blog-wrap .sas-problem-solution > div:last-child {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  border-bottom: 0 !important;
  background: transparent !important;
}

.sas-blog-wrap .sas-problem-solution .sas-problem-label,
.sas-blog-wrap .sas-problem-solution .sas-fix-label {
  display: inline-flex !important;
  align-items: center !important;
  width: auto !important;
  max-width: max-content !important;
  margin: 0 0 8px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  font-family: inherit !important;
  font-size: 0.74em !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  line-height: 1.25 !important;
  text-transform: uppercase !important;
}

.sas-blog-wrap .sas-problem-solution .sas-problem-label {
  color: #dc2626 !important;
  background: #e1ecf4 !important;
}

.sas-blog-wrap .sas-problem-solution .sas-fix-label {
  color: #0f3d61 !important;
  background: #dbe9f2 !important;
}

.sas-blog-wrap .sas-problem-solution > p,
.sas-blog-wrap .sas-problem-solution > .sas-problem-label + p,
.sas-blog-wrap .sas-problem-solution > .sas-fix-label + p,
.sas-blog-wrap .sas-problem-solution > div p {
  display: block !important;
  margin: 0 0 18px !important;
  padding: 0 0 18px !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px dashed #a5c7e0 !important;
  border-radius: 0 !important;
  color: #352925 !important;
  font-size: 1em !important;
  line-height: 1.8 !important;
}

.sas-blog-wrap .sas-problem-solution > p:empty,
.sas-blog-wrap .sas-problem-solution > p:has(br:only-child),
.sas-blog-wrap .sas-problem-solution > div p:empty,
.sas-blog-wrap .sas-problem-solution > div p:has(br:only-child) {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  line-height: 0 !important;
}

.sas-blog-wrap .sas-problem-solution > p:last-child,
.sas-blog-wrap .sas-problem-solution > .sas-fix-label + p,
.sas-blog-wrap .sas-problem-solution > div:last-child p:last-child {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  border-bottom: 0 !important;
}

@media (max-width: 640px) {
  .sas-blog-wrap .sas-problem-solution {
    padding: 18px 18px !important;
    border-radius: 16px !important;
  }
}


/* ============================================================
   Super Auto Source v1.0 Full Component Stability Fix
   Purpose: make every generated info-article block look clean even
   when AI outputs simple/flat HTML. These rules intentionally load
   late and are scoped to Super Auto Source article wrappers only.
============================================================ */

.sas-blog-wrap {
  --sas-bg: #fffaf5;
  --sas-card: #ffffff;
  --sas-border-strong: #9ac2dd;
  --sas-border-soft: #d1e3ef;
  --sas-muted: #6b5852;
  --sas-text: #2c211d;
  --sas-shadow: 0 12px 30px rgba(193, 39, 45, .075);
}

.sas-blog-wrap p:empty,
.sas-blog-wrap li:empty,
.sas-blog-wrap span:empty {
  display: none !important;
}

.sas-blog-wrap .sas-quick-answer,
.sas-blog-wrap .sas-tip-box,
.sas-blog-wrap .sas-note-box,
.sas-blog-wrap .sas-warning-box,
.sas-blog-wrap .sas-takeaway-box,
.sas-blog-wrap .sas-checklist,
.sas-blog-wrap .sas-tools-box,
.sas-blog-wrap .sas-cost-box,
.sas-blog-wrap .sas-summary-box,
.sas-blog-wrap .sas-benefits-box,
.sas-blog-wrap .sas-expert-qa-card,
.sas-blog-wrap .sas-finish-palette,
.sas-blog-wrap .sas-buying-map,
.sas-blog-wrap .sas-maintenance-routine,
.sas-blog-wrap .sas-problem-solution {
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.sas-blog-wrap .sas-quick-answer p:last-child,
.sas-blog-wrap .sas-tip-box p:last-child,
.sas-blog-wrap .sas-note-box p:last-child,
.sas-blog-wrap .sas-warning-box p:last-child,
.sas-blog-wrap .sas-takeaway-box p:last-child,
.sas-blog-wrap .sas-summary-box p:last-child,
.sas-blog-wrap .sas-benefits-box p:last-child {
  margin-bottom: 0 !important;
}

/* Clean routine block: label on top, text below, no awkward two-column table look. */
.sas-blog-wrap .sas-maintenance-routine {
  display: block !important;
  width: 100% !important;
  margin: 28px 0 !important;
  padding: 20px !important;
  background: linear-gradient(135deg, #f4f9fc 0%, #fff 100%) !important;
  border: 1px solid var(--sas-border-strong) !important;
  border-left: 5px solid var(--sas-red, #1565a0) !important;
  border-radius: 18px !important;
  box-shadow: var(--sas-shadow) !important;
}

.sas-blog-wrap .sas-maintenance-row,
.sas-blog-wrap .sas-maintenance-routine > div {
  display: block !important;
  grid-template-columns: none !important;
  width: 100% !important;
  margin: 0 0 14px !important;
  padding: 16px 18px !important;
  background: #fff !important;
  border: 1px solid var(--sas-border-soft) !important;
  border-radius: 14px !important;
  box-shadow: 0 8px 20px rgba(193, 39, 45, .045) !important;
}

.sas-blog-wrap .sas-maintenance-row:last-child,
.sas-blog-wrap .sas-maintenance-routine > div:last-child {
  margin-bottom: 0 !important;
}

.sas-blog-wrap .sas-maintenance-row strong,
.sas-blog-wrap .sas-maintenance-row > span:first-child,
.sas-blog-wrap .sas-maintenance-routine > div > strong:first-child,
.sas-blog-wrap .sas-maintenance-routine > div > span:first-child {
  display: inline-flex !important;
  align-items: center !important;
  width: auto !important;
  max-width: 100% !important;
  margin: 0 0 9px !important;
  padding: 5px 11px !important;
  color: #0f3d61 !important;
  background: #dbe9f2 !important;
  border-radius: 999px !important;
  font-family: inherit !important;
  font-size: .78em !important;
  font-weight: 800 !important;
  letter-spacing: .03em !important;
  line-height: 1.25 !important;
}

.sas-blog-wrap .sas-maintenance-row p,
.sas-blog-wrap .sas-maintenance-routine > div p {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--sas-text) !important;
  border: 0 !important;
  background: transparent !important;
  font-size: 1em !important;
  line-height: 1.8 !important;
}

/* Clean Problem/Fix block: consistent with the maintenance block but with warning and solution labels. */
.sas-blog-wrap .sas-problem-solution {
  display: block !important;
  width: 100% !important;
  margin: 28px 0 !important;
  padding: 20px !important;
  background: linear-gradient(135deg, #f4f9fc 0%, #fff 100%) !important;
  border: 1px solid var(--sas-border-strong) !important;
  border-left: 5px solid var(--sas-red, #1565a0) !important;
  border-radius: 18px !important;
  box-shadow: var(--sas-shadow) !important;
}

.sas-blog-wrap .sas-problem-solution > div {
  display: block !important;
  width: 100% !important;
  margin: 0 0 14px !important;
  padding: 16px 18px !important;
  background: #fff !important;
  border: 1px solid var(--sas-border-soft) !important;
  border-radius: 14px !important;
  box-shadow: 0 8px 20px rgba(193, 39, 45, .045) !important;
}

.sas-blog-wrap .sas-problem-solution > div:last-child {
  margin-bottom: 0 !important;
}

.sas-blog-wrap .sas-problem-solution .sas-problem-label,
.sas-blog-wrap .sas-problem-solution .sas-fix-label {
  display: inline-flex !important;
  align-items: center !important;
  width: auto !important;
  max-width: max-content !important;
  margin: 0 0 9px !important;
  padding: 5px 11px !important;
  border-radius: 999px !important;
  font-family: inherit !important;
  font-size: .76em !important;
  font-weight: 800 !important;
  letter-spacing: .07em !important;
  line-height: 1.25 !important;
  text-transform: uppercase !important;
}

.sas-blog-wrap .sas-problem-solution .sas-problem-label {
  color: #dc2626 !important;
  background: #e1ecf4 !important;
}

.sas-blog-wrap .sas-problem-solution .sas-fix-label {
  color: #0f3d61 !important;
  background: #dbe9f2 !important;
}

.sas-blog-wrap .sas-problem-solution > p,
.sas-blog-wrap .sas-problem-solution > .sas-problem-label + p,
.sas-blog-wrap .sas-problem-solution > .sas-fix-label + p,
.sas-blog-wrap .sas-problem-solution > div p {
  display: block !important;
  margin: 0 0 14px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: var(--sas-text) !important;
  font-size: 1em !important;
  line-height: 1.8 !important;
}

.sas-blog-wrap .sas-problem-solution > p:last-child,
.sas-blog-wrap .sas-problem-solution > .sas-fix-label + p,
.sas-blog-wrap .sas-problem-solution > div:last-child p:last-child {
  margin-bottom: 0 !important;
}

/* Better cost/time rows. */
.sas-blog-wrap .sas-cost-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 12px !important;
  align-items: center !important;
  padding: 12px 0 !important;
  border-bottom: 1px solid var(--sas-border-soft) !important;
  color: var(--sas-text) !important;
}

.sas-blog-wrap .sas-cost-row span:first-child {
  color: var(--sas-muted) !important;
}

.sas-blog-wrap .sas-cost-row span:last-child {
  justify-self: end !important;
  color: #0f3d61 !important;
  font-weight: 800 !important;
}

/* Stronger tools/chip layout. */
.sas-blog-wrap .sas-tools-grid,
.sas-blog-wrap .sas-topic-tags {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
}

.sas-blog-wrap .sas-tool-tag,
.sas-blog-wrap .sas-topic-tag {
  display: inline-flex !important;
  align-items: center !important;
  width: auto !important;
  margin: 0 !important;
  padding: 7px 13px !important;
  background: #fff !important;
  border: 1px solid var(--sas-border-strong) !important;
  border-radius: 999px !important;
  color: #0f3d61 !important;
  font-family: inherit !important;
  font-size: .88em !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
}

/* Better steps cards. */
.sas-blog-wrap .sas-steps {
  display: grid !important;
  gap: 12px !important;
  margin: 26px 0 !important;
}

.sas-blog-wrap .sas-step {
  display: grid !important;
  grid-template-columns: 40px minmax(0, 1fr) !important;
  gap: 14px !important;
  align-items: start !important;
  padding: 16px !important;
  background: #fff !important;
  border: 1px solid var(--sas-border-soft) !important;
  border-radius: 14px !important;
  box-shadow: 0 8px 20px rgba(193, 39, 45, .045) !important;
}

.sas-blog-wrap .sas-step-body p:last-child {
  margin-bottom: 0 !important;
}

/* Better grid cards. */
.sas-blog-wrap .sas-feature-card,
.sas-blog-wrap .sas-choice-card,
.sas-blog-wrap .sas-swatch-card,
.sas-blog-wrap .sas-finish-chip,
.sas-blog-wrap .sas-buying-card {
  background: #fff !important;
  border: 1px solid var(--sas-border-soft) !important;
  border-radius: 14px !important;
  box-shadow: 0 8px 20px rgba(193, 39, 45, .045) !important;
}

/* FAQ section fallback if heading wrapper exists. */
.sas-blog-wrap .sas-faq-section {
  margin: 32px 0 0 !important;
}

.sas-blog-wrap .sas-faq-item {
  background: #fff !important;
  border: 1px solid var(--sas-border-soft) !important;
  border-radius: 14px !important;
  box-shadow: 0 8px 20px rgba(193, 39, 45, .04) !important;
}

/* Image block. */
.sas-blog-wrap .sas-article-image {
  margin: 24px 0 32px !important;
}

.sas-blog-wrap .sas-image-caption {
  margin-top: 10px !important;
  color: #7a5b55 !important;
  font-size: .92em !important;
  font-style: italic !important;
  text-align: center !important;
}

@media (max-width: 640px) {
  .sas-blog-wrap .sas-maintenance-routine,
  .sas-blog-wrap .sas-problem-solution {
    padding: 16px !important;
    border-radius: 16px !important;
  }

  .sas-blog-wrap .sas-maintenance-row,
  .sas-blog-wrap .sas-maintenance-routine > div,
  .sas-blog-wrap .sas-problem-solution > div,
  .sas-blog-wrap .sas-step {
    padding: 14px !important;
  }

  .sas-blog-wrap .sas-cost-row {
    grid-template-columns: 1fr !important;
    gap: 4px !important;
  }

  .sas-blog-wrap .sas-cost-row span:last-child {
    justify-self: start !important;
  }
}


/* ================================================
   SUPER AUTO SOURCE COMPARISON ARTICLE BLOCKS
   Use for product-free informational comparisons:
   sedan vs SUV, gas vs electric, new vs used,
   trim-level comparisons, model comparisons, and buying decisions.
================================================ */

.sas-blog-wrap .sas-comparison-hero {
  margin: 1.8em 0 2.1em;
  padding: 22px 24px;
  background:
    radial-gradient(circle at top left, rgba(193, 39, 45, 0.14), transparent 34%),
    linear-gradient(135deg, #f4f9fc 0%, #ffffff 62%, #fff4ee 100%);
  border: 1px solid #b6d3e7;
  border-radius: 18px;
  box-shadow: 0 18px 42px rgba(143, 29, 36, 0.08);
}
.sas-blog-wrap .sas-comparison-kicker {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0 0 10px;
  padding: 5px 10px;
  border-radius: 999px;
  background: #eaf3f9;
  color: #0f3d61;
  font-family: inherit;
  font-size: .74em;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.sas-blog-wrap .sas-comparison-title {
  display: block;
  margin: 0 0 8px;
  font-size: 1.35em;
  line-height: 1.28;
  font-weight: 800;
  color: #111;
}
.sas-blog-wrap .sas-comparison-hero p { margin: 0; color: #333; }

.sas-blog-wrap .sas-vs-cards {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  gap: 14px;
  align-items: stretch;
  margin: 1.8em 0;
}
.sas-blog-wrap .sas-vs-card {
  position: relative;
  min-width: 0;
  background: #fff;
  border: 1px solid #b6d3e7;
  border-radius: 16px;
  padding: 18px 18px 16px;
  box-shadow: 0 12px 30px rgba(143, 29, 36, .07);
}
.sas-blog-wrap .sas-vs-label {
  display: inline-block;
  margin: 0 0 8px;
  padding: 4px 9px;
  background: #eaf3f9;
  border-radius: 999px;
  color: #0f3d61;
  font-family: inherit;
  font-size: .72em;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.sas-blog-wrap .sas-vs-card h3 {
  margin: 0 0 8px;
  color: #111;
  font-size: 1.12em;
  border: 0;
  padding: 0;
}
.sas-blog-wrap .sas-vs-card p { margin: 0; color: #444; line-height: 1.65; }
.sas-blog-wrap .sas-versus-badge {
  align-self: center;
  justify-self: center;
  width: 44px;
  height: 44px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #1565a0;
  color: #fff;
  font-family: inherit;
  font-size: .82em;
  font-weight: 900;
  letter-spacing: .08em;
  box-shadow: 0 10px 22px rgba(193, 39, 45, .25);
}

.sas-blog-wrap .sas-verdict-box,
.sas-blog-wrap .sas-final-verdict {
  margin: 1.9em 0;
  padding: 20px 22px;
  background: linear-gradient(135deg, #eaf3f9 0%, #ffffff 100%);
  border: 1px solid #b6d3e7;
  border-left: 6px solid #1565a0;
  border-radius: 14px;
  box-shadow: 0 14px 32px rgba(143, 29, 36, .07);
}
.sas-blog-wrap .sas-verdict-label,
.sas-blog-wrap .sas-final-verdict-label {
  display: block;
  margin: 0 0 8px;
  color: #0f3d61;
  font-family: inherit;
  font-size: .78em;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.sas-blog-wrap .sas-verdict-box p,
.sas-blog-wrap .sas-final-verdict p { margin: 0; }

.sas-blog-wrap .sas-best-for-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin: 1.8em 0;
}
.sas-blog-wrap .sas-best-for-card {
  background: #fff;
  border: 1px solid #b6d3e7;
  border-radius: 14px;
  padding: 17px 18px;
  box-shadow: 0 10px 26px rgba(143, 29, 36, .06);
}
.sas-blog-wrap .sas-best-for-label {
  display: block;
  margin: 0 0 7px;
  color: #0f3d61;
  font-family: inherit;
  font-size: .76em;
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.sas-blog-wrap .sas-best-for-card strong {
  display: block;
  margin: 0 0 6px;
  color: #111;
  font-size: 1.03em;
}
.sas-blog-wrap .sas-best-for-card p { margin: 0; color: #444; }

.sas-blog-wrap .sas-decision-box {
  margin: 1.8em 0;
  background: #f4f9fc;
  border: 1px solid #b6d3e7;
  border-radius: 16px;
  padding: 18px 20px;
}
.sas-blog-wrap .sas-decision-label {
  display: block;
  margin: 0 0 12px;
  color: #0f3d61;
  font-family: inherit;
  font-size: .8em;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.sas-blog-wrap .sas-decision-row {
  display: grid;
  grid-template-columns: 170px 1fr;
  gap: 14px;
  align-items: start;
  padding: 12px 0;
  border-top: 1px solid #d5e6f1;
}
.sas-blog-wrap .sas-decision-row:first-of-type { border-top: 0; padding-top: 0; }
.sas-blog-wrap .sas-decision-row strong { color: #111; }
.sas-blog-wrap .sas-decision-row p { margin: 0; color: #444; }

.sas-blog-wrap .sas-score-row {
  margin: 1.5em 0;
  padding: 16px 18px;
  background: #fff;
  border: 1px solid #b6d3e7;
  border-radius: 14px;
}
.sas-blog-wrap .sas-score-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}
.sas-blog-wrap .sas-score-label {
  color: #0f3d61;
  font-family: inherit;
  font-size: .78em;
  font-weight: 900;
  letter-spacing: .07em;
  text-transform: uppercase;
}
.sas-blog-wrap .sas-score-note {
  color: #666;
  font-family: inherit;
  font-size: .82em;
}
.sas-blog-wrap .sas-score-bar {
  height: 10px;
  overflow: hidden;
  background: #dae9f2;
  border-radius: 999px;
}
.sas-blog-wrap .sas-score-fill {
  display: block;
  height: 100%;
  width: 50%;
  background: #1565a0;
  border-radius: inherit;
}

.sas-blog-wrap .sas-comparison-note {
  margin: 1.6em 0;
  padding: 15px 18px;
  background: #fff;
  border: 1px dashed #8cbddc;
  border-radius: 12px;
  color: #444;
  font-size: .96em;
}
.sas-blog-wrap .sas-comparison-note p { margin: 0; }

@media (max-width: 760px) {
  .sas-blog-wrap .sas-vs-cards {
    grid-template-columns: 1fr;
  }
  .sas-blog-wrap .sas-versus-badge {
    width: 40px;
    height: 40px;
    transform: none;
  }
  .sas-blog-wrap .sas-best-for-grid {
    grid-template-columns: 1fr;
  }
  .sas-blog-wrap .sas-decision-row {
    grid-template-columns: 1fr;
    gap: 5px;
  }
}