.elementor-444 .elementor-element.elementor-element-6809638{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:70px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-444 .elementor-element.elementor-element-6bc7721{--display:flex;}.elementor-widget-theme-post-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-444 .elementor-element.elementor-element-9015f10{text-align:center;}.elementor-444 .elementor-element.elementor-element-9015f10 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:45px;font-weight:700;line-height:50px;color:#013580;}.elementor-444 .elementor-element.elementor-element-95248e7{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-444 .elementor-element.elementor-element-7accb5d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-widget-table-of-contents{--header-color:var( --e-global-color-secondary );--item-text-color:var( --e-global-color-text );--item-text-hover-color:var( --e-global-color-accent );--marker-color:var( --e-global-color-text );}.elementor-widget-table-of-contents .elementor-toc__header, .elementor-widget-table-of-contents .elementor-toc__header-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-table-of-contents .elementor-toc__list-item{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-444 .elementor-element.elementor-element-f422809{--box-border-color:#000000;--box-border-radius:12px;--item-text-color:#333333;--item-text-hover-color:#013580;--item-text-hover-decoration:underline;}.elementor-444 .elementor-element.elementor-element-f422809 .elementor-toc__header-title{text-align:start;}.elementor-444 .elementor-element.elementor-element-f422809 .elementor-toc__header{flex-direction:row;}.elementor-444 .elementor-element.elementor-element-c0e79b9{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-widget-theme-post-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-444 .elementor-element.elementor-element-a2357e7{color:#000000;font-family:"Inter", Sans-serif;font-size:20px;font-weight:400;line-height:31px;}@media(min-width:768px){.elementor-444 .elementor-element.elementor-element-7accb5d{--width:25%;}.elementor-444 .elementor-element.elementor-element-c0e79b9{--width:75%;}}/* Start custom CSS for theme-post-content, class: .elementor-element-a2357e7 *//* ============================================================
   BLOG POST CSS — Clean Minimal (analyzed from screenshot)
   Selector: #post_content
   Paste in: Elementor → Site Settings → Custom CSS
   Primary: #013580 (Navy Blue)
   Font: Poppins
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&display=swap');

/* -----------------------------------------------------------
   VARIABLES
----------------------------------------------------------- */
:root {
  --navy:       #013580;
  --navy-mid:   #1a4a9e;
  --navy-pale:  #eef3fb;
  --navy-tint:  #f4f7fd;
  --text:       #1a1a1a;
  --text-muted: #6b7280;
  --border:     #e2e8f0;
  --white:      #ffffff;
  --green:      #1e8a44;
  --green-pale: #edf7f1;
  --red:        #cc1a2e;
  --red-pale:   #fdf0f2;
  --font:       'Poppins', sans-serif;
}

/* -----------------------------------------------------------
   BASE
----------------------------------------------------------- */
#post_content,
#post_content * {
  font-family: var(--font);
}

html {
  scroll-behavior: smooth;
}

/* -----------------------------------------------------------
   H1
----------------------------------------------------------- */
#post_content h1 {
  font-size: 36px;
  font-weight: 800;
  color: var(--navy);
  letter-spacing: -0.02em;
  line-height: 1.25;
  margin-bottom: 20px;
}

/* -----------------------------------------------------------
   H2 — Clean bold navy text (no background box)
----------------------------------------------------------- */
#post_content h2 {
  font-size: 26px;
  font-weight: 700;
  color: var(--navy);
  margin: 44px 0 16px;
  line-height: 1.3;
  padding-bottom: 10px;
  border-bottom: 3px solid var(--navy);
  scroll-margin-top: 90px;
}

/* -----------------------------------------------------------
   H3 — Slightly smaller, muted navy
----------------------------------------------------------- */
#post_content h3 {
  font-size: 20px;
  font-weight: 600;
  color: var(--navy);
  margin: 30px 0 12px;
  line-height: 1.4;
  scroll-margin-top: 90px;
}

/* -----------------------------------------------------------
   H4, H5, H6
----------------------------------------------------------- */
#post_content h4 {
  font-size: 17px;
  font-weight: 600;
  color: var(--text);
  margin: 22px 0 8px;
  border-bottom: 1px solid var(--border);
  padding-bottom: 6px;
}

#post_content h5 {
  font-size: 15px;
  font-weight: 600;
  color: var(--text-muted);
  margin: 18px 0 6px;
  text-transform: uppercase;
  letter-spacing: 0.07em;
}

/* -----------------------------------------------------------
   PARAGRAPHS — 21px / 34px line-height (Poppins 400)
----------------------------------------------------------- */
#post_content p {
  font-size: 21px;
  font-weight: 400;
  line-height: 34px;
  color: var(--text);
  margin-bottom: 1.4em;
}

/* Lead paragraph — first p slightly bolder */
#post_content > p:first-of-type {
  font-size: 21px;
  font-weight: 500;
  line-height: 34px;
  color: var(--text);
  margin-bottom: 28px;
}

/* -----------------------------------------------------------
   LINKS
----------------------------------------------------------- */
#post_content a {
  color: var(--navy);
  font-weight: 500;
  text-decoration: underline;
  text-decoration-color: rgba(1, 53, 128, 0.35);
  text-underline-offset: 3px;
  transition: color 0.2s ease, text-decoration-color 0.2s ease;
}

#post_content a:hover {
  color: var(--navy-mid);
  text-decoration-color: var(--navy-mid);
}

/* -----------------------------------------------------------
   UNORDERED LIST — Clean with navy dash bullet
----------------------------------------------------------- */
#post_content ul {
  margin: 16px 0;
  padding: 0;
  list-style: none;
}

#post_content ul li {
  position: relative;
  padding: 7px 12px 7px 28px;
  margin-bottom: 5px;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.6;
  color: var(--text);
}

#post_content ul li::before {
  content: "";
  position: absolute;
  left: 6px;
  top: 50%;
  transform: translateY(-50%);
  width: 9px;
  height: 2px;
  background: var(--navy);
  border-radius: 2px;
}

/* Nested */
#post_content ul ul {
  margin: 6px 0 0 10px;
}

#post_content ul ul li {
  font-size: 19px;
}

#post_content ul ul li::before {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--text-muted);
}

/* -----------------------------------------------------------
   ORDERED LIST — Navy numbered
----------------------------------------------------------- */
#post_content ol {
  margin: 16px 0;
  padding: 0;
  list-style: none;
  counter-reset: ol-counter;
}

#post_content ol li {
  position: relative;
  padding: 8px 12px 8px 42px;
  margin-bottom: 6px;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.6;
  color: var(--text);
  counter-increment: ol-counter;
}

#post_content ol li::before {
  content: counter(ol-counter);
  position: absolute;
  left: 6px;
  top: 50%;
  transform: translateY(-50%);
  width: 26px;
  height: 26px;
  background: var(--navy);
  color: var(--white);
  font-size: 12px;
  font-weight: 700;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* -----------------------------------------------------------
   BLOCKQUOTE / CALLOUT — Light navy tint, italic
   (matches the light-blue callout in screenshot)
----------------------------------------------------------- */
#post_content blockquote {
  background: var(--navy-pale);
  border-left: 4px solid var(--navy);
  border-radius: 0 5px 5px 0;
  margin: 32px 0;
  padding: 20px 24px;
}

#post_content blockquote p {
  font-size: 19px !important;
  font-style: italic;
  font-weight: 400;
  color: var(--text) !important;
  line-height: 30px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  background: none !important;
}

#post_content blockquote cite {
  display: block;
  margin-top: 10px;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  color: var(--navy);
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

/* Info callout box — navy tint */
#post_content .info-box {
  background: var(--navy-pale);
  border-left: 4px solid var(--navy);
  border-radius: 0 5px 5px 0;
  padding: 18px 22px;
  margin: 28px 0;
  font-size: 19px;
  line-height: 30px;
  color: var(--text);
  font-style: italic;
}

/* -----------------------------------------------------------
   HORIZONTAL RULE
----------------------------------------------------------- */
#post_content hr {
  border: none;
  height: 1px;
  background: linear-gradient(to right, transparent, var(--border), transparent);
  margin: 44px 0;
}

/* -----------------------------------------------------------
   IMAGES
----------------------------------------------------------- */
#post_content img {
  max-width: 100%;
  height: auto;
  border-radius: 6px;
  display: block;
  margin: 28px auto;
}

#post_content figcaption {
  text-align: center;
  font-size: 13px;
  color: var(--text-muted);
  font-style: italic;
  margin-top: 8px;
}

/* -----------------------------------------------------------
   INLINE CODE & CODE BLOCKS
----------------------------------------------------------- */
#post_content code {
  background: var(--navy-pale);
  color: var(--navy);
  font-size: 14px;
  padding: 2px 7px;
  border-radius: 3px;
  border: 1px solid var(--border);
  font-family: 'Courier New', monospace;
}

#post_content pre {
  background: var(--navy);
  color: #d6e8ff;
  border-radius: 6px;
  padding: 20px 24px;
  overflow-x: auto;
  font-size: 14px;
  line-height: 1.75;
  margin: 28px 0;
}

#post_content pre code {
  background: none;
  color: inherit;
  padding: 0;
  border: none;
  font-size: inherit;
}

/* -----------------------------------------------------------
   TABLE — Navy header (matches screenshot exactly)
----------------------------------------------------------- */
#post_content table {
  width: 100%;
  border-collapse: collapse;
  font-size: 18px;
  margin: 28px 0;
  border-radius: 6px;
  overflow: hidden;
  border: 1px solid var(--border);
  box-shadow: 0 2px 10px rgba(1, 53, 128, 0.08);
}

#post_content thead {
  background: var(--navy);
}

#post_content thead th {
  padding: 13px 16px;
  text-align: left;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--white);
  border: none;
}

#post_content tbody tr {
  border-bottom: 1px solid var(--border);
  transition: background 0.15s ease;
}

#post_content tbody tr:nth-child(even) {
  background: var(--navy-tint);
}

#post_content tbody tr:hover {
  background: var(--navy-pale);
}

#post_content td {
  padding: 13px 16px;
  color: var(--text);
  font-size: 17px;
  vertical-align: middle;
  line-height: 1.5;
}

/* First column (Route name) — navy bold like screenshot */
#post_content td:first-child {
  font-weight: 700;
  color: var(--navy);
}

/* -----------------------------------------------------------
   PROS / CONS BOX — Two-column layout (matches screenshot)
   Usage: wrap in <div class="verdict-grid"> ... </div>
----------------------------------------------------------- */
#post_content .verdict-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  margin: 36px 0;
}

#post_content .verdict-col {
  padding: 24px 20px;
  border-radius: 6px;
  border: 1px solid var(--border);
}

#post_content .verdict-col.pros {
  background: var(--green-pale);
  border-color: rgba(30, 138, 68, 0.2);
}

#post_content .verdict-col.cons {
  background: var(--red-pale);
  border-color: rgba(204, 26, 46, 0.2);
}

/* Icon + Title row */
#post_content .verdict-icon {
  font-size: 40px;
  line-height: 1;
  margin-bottom: 8px;
  display: block;
}

#post_content .verdict-title {
  font-size: 16px;
  font-weight: 700;
  margin: 0 0 16px;
  letter-spacing: 0.02em;
}

#post_content .verdict-col.pros .verdict-title {
  color: var(--green);
}

#post_content .verdict-col.cons .verdict-title {
  color: var(--red);
}

/* Verdict lists — override default ul styles */
#post_content .verdict-col ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#post_content .verdict-col ul li {
  font-size: 16px;
  padding: 5px 0 5px 24px;
  line-height: 1.55;
  color: var(--text);
  margin-bottom: 4px;
}

#post_content .verdict-col.pros ul li::before {
  content: "✓";
  position: absolute;
  left: 0;
  color: var(--green);
  font-weight: 700;
  font-size: 14px;
}

#post_content .verdict-col.cons ul li::before {
  content: "✕";
  position: absolute;
  left: 0;
  color: var(--red);
  font-weight: 700;
  font-size: 14px;
}

/* -----------------------------------------------------------
   RESPONSIVE
----------------------------------------------------------- */
@media (max-width: 768px) {
  #post_content h1 { font-size: 26px; }
  #post_content h2 { font-size: 21px; margin: 32px 0 12px; }
  #post_content h3 { font-size: 18px; }

  #post_content p,
  #post_content > p:first-of-type {
    font-size: 17px;
    line-height: 28px;
  }

  #post_content ul li,
  #post_content ol li {
    font-size: 16px;
  }

  #post_content blockquote p {
    font-size: 16px !important;
    line-height: 27px !important;
  }

  #post_content table {
    font-size: 14px;
  }

  #post_content td,
  #post_content thead th {
    padding: 10px 10px;
    font-size: 13px;
  }

  #post_content .verdict-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}/* End custom CSS */