/* =============================================================
   TLN PILLAR V4.0 — Zero Variables, Hardcoded Hex
   Immune to Autoptimize variable stripping.
   Design: Stripe docs + NerdWallet data tables + warm neutrals
   Palette:
     Ink         #1a1d1a  (charcoal, not black, not green)
     Body        #4a4a4a  (readable body text)
     Muted       #8a8a8a  (captions)
     Paper       #fafaf7  (warm off-white section bg)
     Border      #d4d4d0  (warm neutral, VISIBLE)
     Border hard #8a8a85  (strong dividers)
     TLN green   #16a34a  (CTAs only — not decorative)
     TLN dark    #065f46  (link color, accent strips)
     Accents for callouts use blue, amber, red, green, plum
   ============================================================= */

/* ============================================================
   BASE — HEADERS
   ============================================================ */
body .tlnPage h1,
body .tlnPage h2,
body .tlnPage h3,
body .tlnPage h4,
body .tlnPage.main-content h1,
body .tlnPage.main-content h2,
body .tlnPage.main-content h3,
body .tlnPage.main-content h4,
body.page .tlnPage h1,
body.page .tlnPage h2,
body.page .tlnPage h3,
body.single .tlnPage h1,
body.single .tlnPage h2,
body.single .tlnPage h3,
body.single-post .tlnPage h2,
body.single-post .tlnPage h3{
  color: #1a1d1a !important;
  font-weight: 800 !important;
  letter-spacing: -0.01em !important;
}

body .tlnPage.main-content h2{
  font-size: clamp(24px, 2.6vw, 32px) !important;
  line-height: 1.2 !important;
  margin: 48px 0 16px !important;
  padding-top: 16px !important;
  border-top: 1px solid #e8e8e3 !important;
}

body .tlnPage.main-content h2:first-of-type{
  border-top: 0 !important;
  padding-top: 0 !important;
  margin-top: 24px !important;
}

body .tlnPage.main-content h3{
  font-size: 19px !important;
  line-height: 1.35 !important;
  margin: 28px 0 12px !important;
}

body .tlnPage.main-content p{
  font-size: 16px !important;
  line-height: 1.7 !important;
  color: #4a4a4a !important;
  margin: 0 0 18px !important;
}

/* ============================================================
   HERO / ATF
   ============================================================ */
body .tlnPage .tlnHero{
  background: #fafaf7 !important;
  border: 1px solid #d4d4d0 !important;
  border-radius: 16px !important;
  padding: 32px 36px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.03) !important;
}

body .tlnPage .tlnHero .tlnBreadcrumb{
  font-size: 13px !important;
  color: #8a8a8a !important;
  margin-bottom: 16px !important;
  font-weight: 500 !important;
}

body .tlnPage .tlnHero .tlnBreadcrumb a{
  color: #065f46 !important;
  text-decoration: none !important;
  font-weight: 600 !important;
}

body .tlnPage .tlnHero .tlnBreadcrumb a:hover{
  text-decoration: underline !important;
}

body .tlnPage .tlnHero h1{
  font-size: clamp(28px, 3.4vw, 42px) !important;
  line-height: 1.15 !important;
  margin: 8px 0 20px !important;
  color: #1a1d1a !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
}

body .tlnPage .tlnHero p{
  font-size: 16.5px !important;
  line-height: 1.7 !important;
  color: #4a4a4a !important;
  margin: 0 0 14px !important;
}

/* ============================================================
   CTA BUTTONS — GREEN, EARNS ATTENTION
   ============================================================ */
body .tlnPage .tlnCtaRow,
body .tlnPage.main-content .tlnCtaRow{
  margin: 24px 0 !important;
}

body .tlnPage .tlnHero .tlnCtaRow{
  text-align: left !important;
}

body .tlnPage.main-content .tlnCtaRow{
  text-align: center !important;
  margin: 40px 0 !important;
}

body .tlnPage .tlnBtn,
body .tlnPage.main-content .tlnBtn{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 14px 32px !important;
  border-radius: 10px !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  text-decoration: none !important;
  transition: all 0.18s ease !important;
  cursor: pointer !important;
  border: 0 !important;
  letter-spacing: 0.01em !important;
}

body .tlnPage .tlnBtn-primary,
body .tlnPage.main-content .tlnBtn-primary{
  background: #16a34a !important;
  color: #ffffff !important;
  box-shadow: 0 2px 4px rgba(22,163,74,0.2), 0 1px 2px rgba(0,0,0,0.04) !important;
}

body .tlnPage .tlnBtn-primary:hover,
body .tlnPage.main-content .tlnBtn-primary:hover{
  background: #15803d !important;
  box-shadow: 0 4px 12px rgba(22,163,74,0.32), 0 2px 4px rgba(0,0,0,0.06) !important;
  transform: translateY(-1px) !important;
  color: #ffffff !important;
}

/* ============================================================
   ATF QUICKGRID — DENSE, VISIBLE, CARD-DRIVEN
   ============================================================ */
body .tlnPage .tlnQuickGrid{
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 16px !important;
  margin: 24px 0 !important;
  max-width: 100% !important;
}

@media (max-width: 760px){
  body .tlnPage .tlnQuickGrid{
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

body .tlnPage .tlnQuickCard{
  background: #ffffff !important;
  border: 1px solid #d4d4d0 !important;
  border-radius: 12px !important;
  padding: 22px 24px !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.03), 0 1px 2px rgba(0,0,0,0.02) !important;
  transition: border-color 0.15s, box-shadow 0.15s !important;
}

body .tlnPage .tlnQuickCard:hover{
  border-color: #8a8a85 !important;
  box-shadow: 0 4px 8px rgba(0,0,0,0.04), 0 2px 4px rgba(0,0,0,0.02) !important;
}

body .tlnPage .tlnQuickCard h3{
  color: #1a1d1a !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  margin: 0 0 14px !important;
  padding-bottom: 10px !important;
  border-bottom: 1px solid #e8e8e3 !important;
}

body .tlnPage .tlnQuickCard ul{
  margin: 0 !important;
  padding-left: 20px !important;
  list-style: disc !important;
}

body .tlnPage .tlnQuickCard li{
  margin: 10px 0 !important;
  line-height: 1.55 !important;
  font-size: 14px !important;
  color: #4a4a4a !important;
}

body .tlnPage .tlnQuickCard strong{
  color: #1a1d1a !important;
  font-weight: 700 !important;
}

/* ============================================================
   BLUF — first thing after the BLUF H2
   ============================================================ */
body .tlnPage.main-content > strong,
body .tlnPage.main-content > p > strong:only-child{
  display: block !important;
  background: #f5f2e8 !important;
  border: 1px solid #d4c79a !important;
  border-left: 4px solid #a68c3e !important;
  padding: 22px 26px !important;
  border-radius: 8px !important;
  margin: 0 0 28px !important;
  font-size: 16.5px !important;
  line-height: 1.7 !important;
  color: #1a1d1a !important;
  font-weight: 500 !important;
}

/* ============================================================
   CALLOUTS — STRIPE-STYLE, LEFT ACCENT BAR, VISIBLE
   4px accent bar + hard border + shaded bg = three layers of identity
   ============================================================ */
body .tlnPage.main-content .tlnCallout,
body.page .tlnPage.main-content .tlnCallout,
body.single .tlnPage.main-content .tlnCallout,
body.single-post .tlnPage.main-content .tlnCallout{
  max-width: 100% !important;
  margin: 28px 0 !important;
  padding: 20px 24px 20px 24px !important;
  border-radius: 8px !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
  border: 1px solid !important;
  border-left-width: 4px !important;
  box-shadow: 0 1px 2px rgba(0,0,0,0.02) !important;
}

body .tlnPage.main-content .tlnCallout h3,
body .tlnPage.main-content .tlnCallout h4,
body.page .tlnPage.main-content .tlnCallout h3,
body.page .tlnPage.main-content .tlnCallout h4,
body.single .tlnPage.main-content .tlnCallout h3,
body.single .tlnPage.main-content .tlnCallout h4,
body.single-post .tlnPage.main-content .tlnCallout h3,
body.single-post .tlnPage.main-content .tlnCallout h4{
  font-size: 13px !important;
  font-weight: 800 !important;
  margin: 0 0 10px !important;
  color: #1a1d1a !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

body .tlnPage.main-content .tlnCallout p{
  margin: 0 !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
  color: #4a4a4a !important;
}

body .tlnPage.main-content .tlnCallout p + p{
  margin-top: 10px !important;
}

/* GREEN callout (Deal Saver, Deal Math, File Guidance, Approval Watchpoint) */
body .tlnPage.main-content .tlnCallout.tlnProTip{
  background: #f0faf4 !important;
  border-color: #b2dfc2 !important;
  border-left-color: #16a34a !important;
}

/* YELLOW callout (Lender Reality Check) */
body .tlnPage.main-content .tlnCallout.tlnCallout-yellow{
  background: #fdf7e7 !important;
  border-color: #e8d18c !important;
  border-left-color: #d97706 !important;
}

/* RED callout (deal killers, hard warnings) */
body .tlnPage.main-content .tlnCallout.tlnCallout-red{
  background: #fdeeee !important;
  border-color: #edb6b6 !important;
  border-left-color: #dc2626 !important;
}

/* BLUE callout (info/watchpoints on process) */
body .tlnPage.main-content .tlnCallout.tlnCallout-blue{
  background: #eff6ff !important;
  border-color: #b3cfee !important;
  border-left-color: #2563eb !important;
}

/* RESOURCES — narrow, bordered, not accent */
body .tlnPage.main-content .tlnCallout.tlnDisclosure{
  max-width: 85% !important;
  margin: 48px auto 24px !important;
  background: #fafaf7 !important;
  border: 1px solid #d4d4d0 !important;
  border-left: 1px solid #d4d4d0 !important;
  padding: 20px 24px !important;
  border-radius: 8px !important;
}

body .tlnPage.main-content .tlnCallout.tlnDisclosure h2{
  font-size: 16px !important;
  margin: 0 0 14px !important;
  color: #1a1d1a !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  border: 0 !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
}

body .tlnPage.main-content .tlnCallout.tlnDisclosure ul{
  margin: 0 !important;
  padding-left: 20px !important;
  list-style: disc !important;
}

body .tlnPage.main-content .tlnCallout.tlnDisclosure li{
  margin: 6px 0 !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
  color: #4a4a4a !important;
}

body .tlnPage.main-content .tlnCallout.tlnDisclosure a{
  color: #065f46 !important;
  text-decoration: underline !important;
  font-weight: 400 !important;
  text-underline-offset: 2px !important;
}

body .tlnPage.main-content .tlnCallout.tlnDisclosure a:hover{
  color: #1a1d1a !important;
}

/* ============================================================
   TABLES — NERDWALLET-STYLE: DENSE, ZEBRA, HOVER ACCENT
   ============================================================ */
body .tlnPage.main-content .tlnTableScroll{
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch !important;
  margin: 24px 0 28px !important;
  border: 1px solid #d4d4d0 !important;
  border-radius: 10px !important;
  background: #ffffff !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.04) !important;
}

body .tlnPage.main-content .tlnTable{
  width: 100% !important;
  min-width: 620px !important;
  border-collapse: collapse !important;
  font-size: 14px !important;
  background: #ffffff !important;
}

body .tlnPage.main-content .tlnTable caption{
  caption-side: top !important;
  padding: 14px 20px !important;
  background: #1a1d1a !important;
  color: #ffffff !important;
  font-weight: 800 !important;
  font-size: 13px !important;
  text-align: left !important;
  border-radius: 9px 9px 0 0 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  border: 0 !important;
}

body .tlnPage.main-content .tlnTable thead{
  background: #f5f5f2 !important;
}

body .tlnPage.main-content .tlnTable thead th{
  padding: 13px 18px !important;
  text-align: left !important;
  font-weight: 700 !important;
  color: #1a1d1a !important;
  font-size: 12px !important;
  border-bottom: 2px solid #1a1d1a !important;
  border-right: 1px solid #e8e8e3 !important;
  white-space: nowrap !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
}

body .tlnPage.main-content .tlnTable thead th:last-child{
  border-right: 0 !important;
}

body .tlnPage.main-content .tlnTable tbody tr{
  transition: background 0.12s ease, box-shadow 0.12s ease !important;
  cursor: default !important;
}

body .tlnPage.main-content .tlnTable tbody tr:nth-child(odd){
  background: #ffffff !important;
}

body .tlnPage.main-content .tlnTable tbody tr:nth-child(even){
  background: #fafaf7 !important;
}

@media (min-width: 761px){
  body .tlnPage.main-content .tlnTable tbody tr:hover{
    background: #fffce8 !important;
    box-shadow: inset 3px 0 0 #d97706 !important;
  }
}

body .tlnPage.main-content .tlnTable td{
  padding: 13px 18px !important;
  border-bottom: 1px solid #e8e8e3 !important;
  border-right: 1px solid #e8e8e3 !important;
  color: #4a4a4a !important;
  vertical-align: top !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
}

body .tlnPage.main-content .tlnTable td:last-child{
  border-right: 0 !important;
}

body .tlnPage.main-content .tlnTable td:first-child{
  max-width: 240px !important;
  width: 1% !important;
  white-space: nowrap !important;
  font-weight: 600 !important;
  color: #1a1d1a !important;
  background: #fafaf7 !important;
}

body .tlnPage.main-content .tlnTable tbody tr:nth-child(odd) td:first-child{
  background: #fafaf7 !important;
}

body .tlnPage.main-content .tlnTable tbody tr:nth-child(even) td:first-child{
  background: #f0f0ec !important;
}

body .tlnPage.main-content .tlnTable td.num{
  font-variant-numeric: tabular-nums !important;
  white-space: nowrap !important;
  font-weight: 600 !important;
  color: #1a1d1a !important;
}

body .tlnPage.main-content .tlnTable tbody tr:last-child td{
  border-bottom: 0 !important;
}

/* COMPARISON table — highlight winning column */
body .tlnPage.main-content .tlnTable.tlnCompare thead th:nth-child(2){
  background: #16a34a !important;
  color: #ffffff !important;
  border-bottom-color: #0e7038 !important;
}

body .tlnPage.main-content .tlnTable.tlnCompare td:nth-child(2){
  background: #f0faf4 !important;
  border-left: 2px solid #16a34a !important;
  border-right: 2px solid #16a34a !important;
  font-weight: 600 !important;
  color: #1a1d1a !important;
}

body .tlnPage.main-content .tlnTable.tlnCompare tbody tr:nth-child(even) td:nth-child(2){
  background: #e6f5ec !important;
}

body .tlnPage.main-content .tlnTable.tlnCompare tbody tr:last-child td:nth-child(2){
  border-bottom: 2px solid #16a34a !important;
}

@media (min-width: 761px){
  body .tlnPage.main-content .tlnTable.tlnCompare tbody tr:hover td:nth-child(2){
    background: #d1ead9 !important;
  }
}

/* ============================================================
   BULLET SECTIONS — COLOR-CODED CARDS WITH ACCENT BARS
   ============================================================ */
body .tlnPage.main-content .bullet-section-blue,
body .tlnPage.main-content .bullet-section-green,
body .tlnPage.main-content .bullet-section-yellow,
body .tlnPage.main-content .bullet-section-red,
body .tlnPage.main-content .bullet-section-gray{
  margin: 24px 0 !important;
  padding: 22px 26px !important;
  border-radius: 10px !important;
  border: 1px solid !important;
  border-left-width: 4px !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.03) !important;
}

body .tlnPage.main-content .bullet-section-blue{
  background: #eff6ff !important;
  border-color: #b3cfee !important;
  border-left-color: #2563eb !important;
}

body .tlnPage.main-content .bullet-section-green{
  background: #f0faf4 !important;
  border-color: #b2dfc2 !important;
  border-left-color: #16a34a !important;
}

body .tlnPage.main-content .bullet-section-yellow{
  background: #fdf7e7 !important;
  border-color: #e8d18c !important;
  border-left-color: #d97706 !important;
}

body .tlnPage.main-content .bullet-section-red{
  background: #fdeeee !important;
  border-color: #edb6b6 !important;
  border-left-color: #dc2626 !important;
}

body .tlnPage.main-content .bullet-section-gray{
  background: #fafaf7 !important;
  border-color: #d4d4d0 !important;
  border-left-color: #8a8a85 !important;
}

body .tlnPage.main-content [class^="bullet-section"] h3,
body.page .tlnPage.main-content [class^="bullet-section"] h3,
body.single .tlnPage.main-content [class^="bullet-section"] h3{
  color: #1a1d1a !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  margin: 0 0 14px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  padding: 0 !important;
  border: 0 !important;
}

body .tlnPage.main-content [class^="bullet-section"] ul,
body .tlnPage.main-content [class^="bullet-section"] ol{
  margin: 0 !important;
  padding-left: 22px !important;
}

body .tlnPage.main-content [class^="bullet-section"] ul{ list-style: disc !important; }
body .tlnPage.main-content [class^="bullet-section"] ol{ list-style: decimal !important; }

body .tlnPage.main-content [class^="bullet-section"] li{
  margin: 10px 0 !important;
  line-height: 1.65 !important;
  color: #4a4a4a !important;
  font-size: 15px !important;
}

body .tlnPage.main-content [class^="bullet-section"] strong{
  color: #1a1d1a !important;
  font-weight: 700 !important;
}

/* ============================================================
   ROOT-LEVEL OL/UL — TREAT AS SUBTLE BULLET SECTIONS
   ============================================================ */
body .tlnPage.main-content > ol,
body .tlnPage.main-content > ul{
  margin: 24px 0 !important;
  padding: 22px 26px 22px 48px !important;
  border-radius: 10px !important;
  border: 1px solid #d4d4d0 !important;
  border-left: 4px solid #8a8a85 !important;
  background: #fafaf7 !important;
  list-style-position: outside !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.03) !important;
}

body .tlnPage.main-content > ol{ list-style: decimal !important; }
body .tlnPage.main-content > ul{ list-style: disc !important; }

body .tlnPage.main-content > ol > li,
body .tlnPage.main-content > ul > li{
  margin: 10px 0 !important;
  line-height: 1.7 !important;
  font-size: 15.5px !important;
  color: #4a4a4a !important;
  padding-left: 6px !important;
}

body .tlnPage.main-content > ol > li strong,
body .tlnPage.main-content > ul > li strong{
  color: #1a1d1a !important;
  font-weight: 700 !important;
}

/* ============================================================
   2-COL / 3-COL LAYOUTS
   ============================================================ */
body .tlnPage.main-content .tlnRow2,
body .tlnPage.main-content .tlnRow3{
  display: grid !important;
  gap: 18px !important;
  margin: 28px 0 !important;
}

body .tlnPage.main-content .tlnRow2{
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

body .tlnPage.main-content .tlnRow3{
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

body .tlnPage.main-content .tlnRow2 [class^="bullet-section"],
body .tlnPage.main-content .tlnRow3 [class^="bullet-section"]{
  margin: 0 !important;
}

@media (max-width: 760px){
  body .tlnPage.main-content .tlnRow2,
  body .tlnPage.main-content .tlnRow3{
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

/* ============================================================
   FAQ — STRIPE DOCS STYLE, CLEAN BORDERS, ACCENT ON OPEN
   ============================================================ */
body .tlnPage.main-content .tlnFaq,
body.page .tlnPage.main-content .tlnFaq,
body.single .tlnPage.main-content .tlnFaq{
  border: 1px solid #d4d4d0 !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  overflow: hidden !important;
  margin: 24px 0 !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.04) !important;
}

body .tlnPage.main-content .tlnFaq details{
  border: 0 !important;
}

body .tlnPage.main-content .tlnFaq details:not(:first-child){
  border-top: 1px solid #e8e8e3 !important;
}

body .tlnPage.main-content .tlnFaq details[open]{
  background: #fafaf7 !important;
}

body .tlnPage.main-content .tlnFaq summary{
  padding: 18px 24px !important;
  cursor: pointer !important;
  list-style: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  font-weight: 700 !important;
  font-size: 15.5px !important;
  color: #1a1d1a !important;
  background: transparent !important;
  transition: background 0.15s !important;
}

body .tlnPage.main-content .tlnFaq summary:hover{
  background: #f5f5f2 !important;
}

body .tlnPage.main-content .tlnFaq details[open] summary{
  background: #fafaf7 !important;
}

body .tlnPage.main-content .tlnFaq summary::-webkit-details-marker{
  display: none !important;
}

body .tlnPage.main-content .tlnFaq summary::marker{
  content: "" !important;
  display: none !important;
}

body .tlnPage.main-content .tlnFaq summary::after{
  content: "+" !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 28px !important;
  height: 28px !important;
  border-radius: 8px !important;
  border: 1px solid #8a8a85 !important;
  background: #ffffff !important;
  color: #1a1d1a !important;
  font-weight: 900 !important;
  font-size: 18px !important;
  line-height: 1 !important;
  flex: 0 0 auto !important;
  transition: all 0.15s !important;
}

body .tlnPage.main-content .tlnFaq details[open] summary::after{
  content: "\2212" !important;
  background: #1a1d1a !important;
  color: #ffffff !important;
  border-color: #1a1d1a !important;
}

body .tlnPage.main-content .tlnFaq .ans{
  padding: 0 24px 20px !important;
  border-top: 1px solid #e8e8e3 !important;
  padding-top: 16px !important;
  background: transparent !important;
}

body .tlnPage.main-content .tlnFaq .ans p{
  margin: 0 !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
  color: #4a4a4a !important;
}

body .tlnPage .tlnHero .tlnFaq summary,
body .tlnPage .tlnHero .tlnFaq summary *{
  color: #1a1d1a !important;
}

/* ============================================================
   IN-CONTENT LINKS — NEVER BOLD, DARK GREEN
   ============================================================ */
body .tlnPage.main-content p a,
body .tlnPage.main-content li a,
body .tlnPage.main-content [class^="bullet-section"] a{
  color: #065f46 !important;
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
  text-decoration-thickness: 1px !important;
  font-weight: inherit !important;
}

body .tlnPage.main-content p a:hover,
body .tlnPage.main-content li a:hover,
body .tlnPage.main-content [class^="bullet-section"] a:hover{
  color: #1a1d1a !important;
  text-decoration-thickness: 2px !important;
}

body .tlnPage.main-content p a strong,
body .tlnPage.main-content p strong a{
  font-weight: inherit !important;
}


/* =============================================================
   V4.1 PATCH — Remove bullet-section side bars, no hover lift,
   restrict BLUF styling to first strong only
   ============================================================= */

/* Remove left accent stripe on bullet-sections — keep 1px border all around */
body .tlnPage.main-content .bullet-section-blue,
body .tlnPage.main-content .bullet-section-green,
body .tlnPage.main-content .bullet-section-yellow,
body .tlnPage.main-content .bullet-section-red,
body .tlnPage.main-content .bullet-section-gray{
  border-left-width: 1px !important;
  border-left-color: inherit !important;
}

/* Match each variant's left border color to its main border (kills stripe effect) */
body .tlnPage.main-content .bullet-section-blue{
  border-left-color: #b3cfee !important;
}
body .tlnPage.main-content .bullet-section-green{
  border-left-color: #b2dfc2 !important;
}
body .tlnPage.main-content .bullet-section-yellow{
  border-left-color: #e8d18c !important;
}
body .tlnPage.main-content .bullet-section-red{
  border-left-color: #edb6b6 !important;
}
body .tlnPage.main-content .bullet-section-gray{
  border-left-color: #d4d4d0 !important;
}

/* Remove hover lift / transform / shadow change on bullet-sections */
body .tlnPage.main-content .bullet-section-blue,
body .tlnPage.main-content .bullet-section-green,
body .tlnPage.main-content .bullet-section-yellow,
body .tlnPage.main-content .bullet-section-red,
body .tlnPage.main-content .bullet-section-gray,
body .tlnPage.main-content .bullet-section-blue:hover,
body .tlnPage.main-content .bullet-section-green:hover,
body .tlnPage.main-content .bullet-section-yellow:hover,
body .tlnPage.main-content .bullet-section-red:hover,
body .tlnPage.main-content .bullet-section-gray:hover{
  transform: none !important;
  transition: none !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.03) !important;
}

/* Also kill hover lift on QuickCards if it's causing jumpiness */
body .tlnPage .tlnQuickCard,
body .tlnPage .tlnQuickCard:hover{
  transform: none !important;
  transition: border-color 0.15s !important;
}

/* Restrict BLUF styling to ONLY the first <strong> after the BLUF H2
   Closing "The Bottom Line" <strong> should flow as normal emphasis text */
body .tlnPage.main-content > strong:not(:first-of-type),
body .tlnPage.main-content > p > strong:not(:only-child){
  display: inline !important;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  margin: 0 !important;
  color: #1a1d1a !important;
  font-weight: 700 !important;
}

/* Safety net: any strong that comes AFTER any <p> that contains text
   longer than 20 chars should revert to inline. */
body .tlnPage.main-content h2 ~ p ~ strong{
  display: inline !important;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  margin: 0 !important;
  font-weight: 700 !important;
  color: inherit !important;
}

/* But preserve the first BLUF block — it's the direct child right after the first H2 */
body .tlnPage.main-content > h2:first-of-type + strong{
  display: block !important;
  background: #f5f2e8 !important;
  border: 1px solid #d4c79a !important;
  border-left: 4px solid #a68c3e !important;
  padding: 22px 26px !important;
  border-radius: 8px !important;
  margin: 0 0 28px !important;
  font-size: 16.5px !important;
  line-height: 1.7 !important;
  color: #1a1d1a !important;
  font-weight: 500 !important;
}

/* ===== tlnBLUF — Bottom Line Up Front block ===== */
.tlnPage .tlnBLUF,
body .tlnPage .tlnBLUF {
  margin: 36px 0;
  padding: 28px 32px;
  background: #f8f6f0;
  border-left: 5px solid #1a4d3a;
  border-radius: 8px;
  position: relative;
}
.tlnPage .tlnBLUFLabel,
body .tlnPage .tlnBLUFLabel {
  display: inline-block;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #1a4d3a;
  padding: 4px 10px;
  background: rgba(212, 168, 74, 0.18);
  border-radius: 3px;
  margin-bottom: 12px;
}
.tlnPage .tlnBLUF p,
body .tlnPage .tlnBLUF p {
  font-size: 18px;
  font-weight: 500;
  color: #1a1d1a;
  line-height: 1.55;
  margin: 0;
}
@media (max-width: 640px) {
  .tlnPage .tlnBLUF { padding: 20px 24px; }
  .tlnPage .tlnBLUF p { font-size: 16px; }
}