.myron-blog-root {
    --mb-navy: #0b1730;
    --mb-blue: #2451ff;
    --mb-gold: #c9a24b;
    --mb-ink: #101828;
    --mb-muted: #5b6472;
    --mb-line: #e6e9f0;
    --mb-bg-soft: #f6f8fc;
    max-width: 880px;
    margin: 0 auto;
    padding: 0 20px 40px;
    font-family: inherit;
    color: var(--mb-ink);
    line-height: 1.7;
  }
  .myron-blog-root * { box-sizing: border-box; }
  .myron-blog-root h1, .myron-blog-root h2, .myron-blog-root h3 { color: var(--mb-ink); letter-spacing: -0.01em; }
  /* ---------- ARTICLE HEADER ---------- */
  .myron-blog-header { margin: 28px 0 34px; }
  .myron-blog-category {
    display: inline-block; padding: 6px 14px; border-radius: 999px;
    background: #eef2ff; color: var(--mb-blue); font-size: 13px; font-weight: 700;
    text-transform: uppercase; letter-spacing: .04em; margin-bottom: 16px;
  }
  .myron-blog-header h1 { font-size: 36px; line-height: 1.2; margin: 0 0 20px; }
  .myron-blog-meta {
    display: flex !important; align-items: center; gap: 14px; flex-wrap: wrap;
    padding: 16px 0; border-top: 1px solid var(--mb-line); border-bottom: 1px solid var(--mb-line);
    font-size: 14px; color: var(--mb-muted);
  }
  .myron-blog-meta-author { display: flex !important; align-items: center; gap: 10px; font-weight: 600; color: var(--mb-ink); }
  .myron-blog-meta-avatar { width: 34px; height: 34px; border-radius: 50%; object-fit: cover; }
  .myron-blog-meta-dot { color: var(--mb-line); }
  /* ---------- LEAD ---------- */
  .myron-blog-lead { font-size: 19px; color: var(--mb-ink); margin: 0 0 28px; }
  /* ---------- QUICK ANSWER ---------- */
  .myron-blog-answer {
    background: var(--mb-bg-soft); border: 1px solid var(--mb-line); border-left: 5px solid var(--mb-blue);
    border-radius: 14px; padding: 22px 24px; margin: 28px 0;
  }
  .myron-blog-answer h3 { margin: 0 0 8px; font-size: 16px; text-transform: uppercase; letter-spacing: .03em; color: var(--mb-blue); }
  .myron-blog-answer p { margin: 0; }
  /* ---------- SECTIONS ---------- */
  .myron-blog-root h2 { font-size: 25px; margin: 44px 0 14px; }
  .myron-blog-root h3 { font-size: 19px; margin: 26px 0 10px; }
  .myron-blog-root p { margin: 0 0 16px; }
  .myron-blog-highlight {
    background: #fff8e8; border: 1px solid #f0dfb0; border-radius: 12px;
    padding: 16px 20px; margin: 22px 0; font-size: 15px;
  }
  .myron-blog-highlight strong { color: var(--mb-navy); }
  /* ---------- PROCESS SUMMARY (mini timeline) ---------- */
  .myron-blog-process { display: flex !important; flex-wrap: wrap !important; gap: 10px; margin: 24px 0; }
  .myron-blog-process-step {
    flex: 1 1 150px !important; background: #fff; border: 1px solid var(--mb-line); border-radius: 12px;
    padding: 14px 16px; text-align: center; display: block !important;
  }
  .myron-blog-process-step span { display: block; font-size: 11px; font-weight: 800; color: var(--mb-blue); margin-bottom: 4px; }
  .myron-blog-process-step strong { font-size: 13.5px; }
  /* ---------- TABLES ---------- */
  .myron-blog-table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; margin: 22px 0; border: 1px solid #d7dce6; border-radius: 12px; background: #fff; }
  .myron-blog-root table { width: 100%; border-collapse: collapse; min-width: 420px; background: #fff; }
  .myron-blog-root th, .myron-blog-root td { border: 1px solid #c3cad9; padding: 12px 14px; text-align: left; font-size: 14.5px; color: var(--mb-ink); }
  .myron-blog-root th { background: var(--mb-bg-soft); font-weight: 700; color: var(--mb-ink); }
  /* ---------- COST CARDS ---------- */
  .myron-blog-cost-grid { display: grid !important; grid-template-columns: repeat(2, 1fr); gap: 14px; margin: 24px 0; }
  .myron-blog-cost-card { background: #fff; border: 1px solid var(--mb-line); border-top: 3px solid var(--mb-blue); border-radius: 12px; padding: 18px; }
  .myron-blog-cost-card h4 { font-size: 14.5px; margin: 0 0 6px; }
  .myron-blog-cost-card .price { font-size: 20px; font-weight: 800; color: var(--mb-navy); }
  /* ---------- MISTAKES LIST ---------- */
  .myron-blog-mistakes { background: #fff5f4; border: 1px solid #f6d3cf; border-radius: 14px; padding: 22px 24px; margin: 22px 0; }
  .myron-blog-mistakes ul { margin: 0; padding-left: 0; list-style: none; }
  .myron-blog-mistakes li { padding-left: 26px; position: relative; margin-bottom: 14px; }
  .myron-blog-mistakes li:before { content: "✕"; position: absolute; left: 0; color: #d6493b; font-weight: 700; }
  /* ---------- MID-ARTICLE CTA ---------- */
  .myron-blog-mid-cta {
    background: linear-gradient(135deg, var(--mb-navy), #173aad);
    border-radius: 18px; padding: 26px 28px; margin: 34px 0; color: #fff;
    display: flex !important; align-items: center; justify-content: space-between; gap: 18px; flex-wrap: wrap;
  }
  .myron-blog-mid-cta p { margin: 0; color: #e5eaf9; max-width: 460px; }
  .myron-blog-mid-cta a {
    background: var(--mb-gold); color: #1a1204; padding: 12px 20px; border-radius: 10px;
    font-weight: 700; text-decoration: none; white-space: nowrap; font-size: 14.5px;
  }
  /* ---------- EXPERT QUOTE ---------- */
  .myron-blog-quote {
    display: flex !important; gap: 18px; align-items: flex-start;
    background: var(--mb-bg-soft); border-radius: 16px; padding: 24px; margin: 28px 0;
  }
  .myron-blog-quote img { width: 60px; height: 60px; border-radius: 50%; object-fit: cover; flex: 0 0 auto; }
  .myron-blog-quote blockquote { margin: 0 0 8px; font-size: 16.5px; font-style: italic; color: var(--mb-ink); }
  .myron-blog-quote cite { font-style: normal; font-size: 13.5px; color: var(--mb-muted); font-weight: 600; }
  /* ---------- FINAL CTA ---------- */
  .myron-blog-final-cta {
    background: var(--mb-navy); border-radius: 20px; padding: 34px; margin: 40px 0 20px; color: #fff; text-align: center;
  }
  .myron-blog-final-cta h2 { color: #fff; font-size: 22px; margin: 0 0 10px; }
  .myron-blog-final-cta p { color: #d7deee; margin: 0 0 20px; }
  .myron-blog-final-cta a {
    display: inline-block; background: var(--mb-gold); color: #1a1204; padding: 13px 24px;
    border-radius: 10px; font-weight: 700; text-decoration: none;
  }
  .myron-blog-foot { font-size: 13.5px; color: var(--mb-muted); margin-top: 30px; border-top: 1px solid var(--mb-line); padding-top: 16px; }
  @media (max-width: 640px) {
    .myron-blog-header h1 { font-size: 27px; }
    .myron-blog-cost-grid { grid-template-columns: 1fr; }
    .myron-blog-mid-cta { flex-direction: column; align-items: flex-start; text-align: left; }
    .myron-blog-quote { flex-direction: column; }
    .myron-blog-root table { min-width: 360px; }
  }