/* Nov 7: the comparison table in the original 702greens.com style (compare-original-nov7.js builds the parts). */
html[data-comparestyle="original"] #comparison .ec-table { font-family: "Work Sans", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif !important; }
html[data-comparestyle="original"] #comparison thead th { vertical-align: top !important; padding-top: 26px !important; padding-bottom: 24px !important; }
html[data-comparestyle="original"] #comparison thead th > span { display: block !important; }
html[data-comparestyle="original"] #comparison .co-eyebrow { font-size: 13px !important; font-weight: 600 !important; letter-spacing: .06em !important; line-height: 1.2 !important; margin: 0 0 14px !important; color: #1d3b3b !important; }
html[data-comparestyle="original"] #comparison .co-icon { display: grid !important; place-items: center !important; height: 52px !important; margin: 0 0 14px !important; color: #144444 !important; }
html[data-comparestyle="original"] #comparison .co-icon svg { width: 42px !important; height: 42px !important; display: block !important; }
html[data-comparestyle="original"] #comparison .co-icon .co-tree { width: 52px !important; height: 52px !important; }
html[data-comparestyle="original"] #comparison .co-name { font-size: 18px !important; font-weight: 700 !important; letter-spacing: .015em !important; line-height: 1.2 !important; color: #144444 !important; hyphens: manual !important; }
html[data-comparestyle="original"] #comparison thead th.ec-mix .co-eyebrow,
html[data-comparestyle="original"] #comparison thead th.ec-mix .co-icon,
html[data-comparestyle="original"] #comparison thead th.ec-mix .co-name { color: #fff !important; }
html[data-comparestyle="original"] #comparison tbody th { font-size: 20px !important; font-weight: 600 !important; letter-spacing: .05em !important; line-height: 1.25 !important; color: #144444 !important; }
html[data-comparestyle="original"] #comparison tbody th,
html[data-comparestyle="original"] #comparison tbody td { padding-top: 22px !important; padding-bottom: 22px !important; vertical-align: middle !important; }
html[data-comparestyle="original"] #comparison .ec-price { display: flex !important; flex-direction: column !important; align-items: center !important; gap: 7px !important; }
html[data-comparestyle="original"] #comparison .ec-price strong { font-size: 22px !important; font-weight: 700 !important; letter-spacing: .05em !important; line-height: 1 !important; color: #5e7976 !important; }
html[data-comparestyle="original"] #comparison .co-per { font-size: 15px !important; font-weight: 400 !important; letter-spacing: .06em !important; line-height: 1.25 !important; color: #5e7976 !important; }
html[data-comparestyle="original"] #comparison td.ec-mix .ec-price strong { color: #fff !important; }
html[data-comparestyle="original"] #comparison td.ec-mix .co-per { color: rgba(255, 255, 255, .9) !important; }
html[data-comparestyle="original"] #comparison .ec-mark { display: inline-grid !important; place-items: center !important; }
html[data-comparestyle="original"] #comparison .ec-mark svg { width: 36px !important; height: 36px !important; display: block !important; }
html[data-comparestyle="original"] #comparison .ec-yes { color: #a4cd3a !important; }
html[data-comparestyle="original"] #comparison .ec-no { color: #5e7673 !important; }
html[data-comparestyle="original"] #comparison .ec-table :is(th, td, span, strong) { font-family: "Work Sans", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif !important; }
html[data-comparestyle="original"] #comparison .co-icon svg { margin: 0 !important; color: inherit !important; }
/* The 40x footnote follows the disclaimer switch. */
html[data-disclaimers="off"][data-comparestyle="original"] #comparison .co-ast,
html[data-disclaimers="off"][data-comparestyle="original"] #comparison #comparison-note { display: none !important; }

@media (max-width: 999px) {
  html[data-comparestyle="original"] #comparison thead th { padding-top: 16px !important; padding-bottom: 16px !important; }
  html[data-comparestyle="original"] #comparison .co-eyebrow { font-size: 10.5px !important; letter-spacing: .05em !important; margin-bottom: 9px !important; }
  html[data-comparestyle="original"] #comparison .co-icon { height: 36px !important; margin-bottom: 9px !important; }
  html[data-comparestyle="original"] #comparison .co-icon svg { width: 28px !important; height: 28px !important; }
  html[data-comparestyle="original"] #comparison .co-icon .co-tree { width: 36px !important; height: 36px !important; }
  html[data-comparestyle="original"] #comparison .co-name { font-size: 13px !important; letter-spacing: .01em !important; }
  html[data-comparestyle="original"] #comparison tbody th { font-size: 14px !important; letter-spacing: .03em !important; }
  html[data-comparestyle="original"] #comparison tbody th,
  html[data-comparestyle="original"] #comparison tbody td { padding-top: 14px !important; padding-bottom: 14px !important; }
  html[data-comparestyle="original"] #comparison .ec-price { gap: 4px !important; }
  html[data-comparestyle="original"] #comparison .ec-price strong { font-size: 17px !important; letter-spacing: .03em !important; }
  html[data-comparestyle="original"] #comparison .co-per { font-size: 10.5px !important; letter-spacing: .02em !important; line-height: 1.2 !important; }
  html[data-comparestyle="original"] #comparison .ec-mark svg { width: 27px !important; height: 27px !important; }
}