/* ═══════════════════════════════════════════════════════════════════════════
   PULSE — READABLE
   Owner 2026-09-25, across several messages:
     "make it look like a sophisticated news site but classy ... it's got to be
      easily read" · "make sure every section can be read" · "use black borders
      but don't use black backgrounds where words are" · "black backgrounds for
      the images is fine".

   So: white page, near-black text, black hairline borders, nothing reversed out
   behind words. Pictures may sit on black; sentences never do.

   ⚠ NO var() ON ANY CRITICAL SURFACE. The page declares its own --bg (#070a0f)
   and wins the token war whatever this sheet does, so every colour below is a
   LITERAL. Tokens are a nicety; a readable page is not. This was measured: with
   var() the ground stayed dark-cream and the headline was grey on grey.

   Selectors are html body … so they outrank the html,body !important rules the
   renderer already ships. Structure, URLs, content and schema are untouched.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── the page ────────────────────────────────────────────────────────────── */
html,body,html body{
  background:#FFFFFF !important;
  background-color:#FFFFFF !important;
  background-image:none !important;
  color:#1A1A1A !important;
  font-family:system-ui,-apple-system,'Segoe UI',Helvetica,Arial,sans-serif !important;
  font-size:17px;
  line-height:1.65;
}
html body article,html body main,html body .body{
  background:#FFFFFF !important;background-image:none !important;
  border:0 !important;box-shadow:none !important;color:#1A1A1A !important;
}
html body img,html body video{max-width:100%;height:auto}

/* ── headings: serif, black, left ────────────────────────────────────────── */
html body h1,html body h2,html body h3,html body h4,html body h1.q{
  font-family:Georgia,'Iowan Old Style','Times New Roman',serif !important;
  color:#1A1A1A !important;-webkit-text-fill-color:#1A1A1A !important;
  background:none !important;background-image:none !important;
  border:0 !important;outline:0 !important;box-shadow:none !important;
  text-shadow:none !important;padding:0 !important;text-align:left !important;
  line-height:1.2 !important;
}
html body h1,html body h1.q{font-size:32px !important;font-weight:700 !important;margin:0 0 14px !important}
html body h2{font-size:24px !important;font-weight:700 !important;margin:34px 0 12px !important;
  padding-top:16px !important;border-top:1px solid #DDDDDD !important}
html body h3{font-size:20px !important;font-weight:700 !important}
@media(min-width:768px){
  html body h1,html body h1.q{font-size:40px !important}
  html body h2{font-size:27px !important}
}

/* ── running text: everything readable ───────────────────────────────────── */
html body p,html body li,html body td,html body th,html body dd,html body dt,
html body .body p,html body .body li,html body article p,html body article li{
  color:#1A1A1A !important;-webkit-text-fill-color:#1A1A1A !important;
  background:none !important;text-shadow:none !important;
  font-family:system-ui,-apple-system,'Segoe UI',Helvetica,Arial,sans-serif !important;
}
html body .meta,html body .entry-source,html body .entry-dateline,
html body figcaption,html body small,html body .cap,html body .sources{
  color:#4A4A4A !important;-webkit-text-fill-color:#4A4A4A !important;font-size:14px !important}

/* ── links ───────────────────────────────────────────────────────────────── */
html body a{color:#1A1A1A !important;-webkit-text-fill-color:#1A1A1A !important;
  text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
html body a:hover{text-decoration-thickness:2px}

/* ═══ EVERY PANEL: WHITE GROUND, BLACK HAIRLINE, BLACK LETTERS ════════════
   His rule, literally. Nothing that contains a word gets a dark fill.
   ═══════════════════════════════════════════════════════════════════════ */
html body .cro,html body .cta-band,html body .pulse-hook,html body .pulse-offer-mid,
html body .band,html body .cro-card,html body aside.ac,html body .direct,
html body .direct-answer,html body .entry-direct,html body .guide,html body .toc,
html body .card,html body .box,html body .topic-card,html body .po-card,
html body .pdl,html body .pdl-c,html body .pdl-t,html body .pdl-mini,
html body #pg-card,html body .pf,html body .f,html body .nb,html body .tile,
html body .bigdoor,html body .crohdr,html body .pulse-offer-end,html body .cc-wrap{
  background:#FFFFFF !important;background-color:#FFFFFF !important;
  background-image:none !important;
  border:1px solid #1A1A1A !important;border-radius:6px !important;
  box-shadow:none !important;animation:none !important;transform:none !important;
  color:#1A1A1A !important;
}
/* and every word inside them */
html body .cro *,html body .cta-band *,html body .pulse-hook *,html body .pulse-offer-mid *,
html body .band *,html body .cro-card *,html body aside.ac *,html body .direct *,
html body .direct-answer *,html body .entry-direct *,html body .guide *,html body .toc *,
html body .card *,html body .box *,html body .topic-card *,html body .po-card *,
html body .pdl *,html body .pf *,html body .f *,html body .tile *,html body .bigdoor *,
html body .crohdr *,html body .pulse-offer-end *,html body .cc-wrap *{
  color:#1A1A1A !important;-webkit-text-fill-color:#1A1A1A !important;
  background-image:none !important;text-shadow:none !important;
}
/* second lines read quieter, still well clear of AA */
html body .cro i,html body .pulse-hook__sub,html body .band i,html body .cro-card__sub,
html body .cro-card__eyebrow,html body aside.ac .ac-k,html body .box .ct,
html body .bd-k,html body .bd-s,html body .pf-nm small{
  color:#4A4A4A !important;-webkit-text-fill-color:#4A4A4A !important}
/* headings inside a panel keep the serif */
html body .cro b,html body .pulse-hook__l1,html body .pulse-hook__l2,html body .band b,
html body .cro-card__title,html body aside.ac .ac-h,html body .box .nm,html body .bd-t,
html body .guide h2,html body .toc h2,html body .ptitle{
  font-family:Georgia,'Times New Roman',serif !important;font-weight:700 !important;
  color:#1A1A1A !important;-webkit-text-fill-color:#1A1A1A !important}
html body .guide h2,html body .toc h2{border-top:0 !important;padding-top:0 !important}
html body .direct,html body .direct-answer,html body .entry-direct{border-left:3px solid #1A1A1A !important}
html body .guide .row,html body .toc li{border-top:1px solid #DDDDDD !important}

/* ── pictures: black behind an image is fine, and frames are gone ─────────── */
html body figure,html body figure.entry-cover,html body figure.entry-section,
html body figure.entry-graphic,html body .pulse-sharecard{
  background:none !important;background-image:none !important;border:0 !important;
  outline:0 !important;box-shadow:none !important;padding:0 !important;margin:0 0 10px !important}
html body figure img,html body .pulse-sharecard img,html body .box .ph img{
  border-radius:6px !important;border:0 !important;outline:0 !important;
  box-shadow:none !important;padding:0 !important;background:#000000 !important;width:100%}
html body .box .ph,html body .ph{background:#000000 !important;background-image:none !important;padding:0 !important}
html body .box .ph::before,html body .box .ph::after{display:none !important}
html body .ph-none{background:#EFEFEF !important;background-image:none !important}
html body .rosette,html body .quality-rosette,html body .psc-rose,
html body .cc-rosette,html body .medal,html body .ribbon-badge{display:none !important}
html body .psc-cat,html body .entry-cat,html body .cat-pill{
  background:rgba(255,255,255,.94) !important;color:#1A1A1A !important;
  -webkit-text-fill-color:#1A1A1A !important;border:0 !important;border-radius:999px !important;
  padding:6px 14px;font-size:12px;font-weight:700;letter-spacing:.05em;
  text-transform:uppercase;box-shadow:none !important}
html body .psc-txt,html body .psc-foot{background:#FFFFFF !important;border:0 !important;
  padding:8px 2px 0 !important}
html body .psc-txt *,html body .psc-foot *{color:#4A4A4A !important;
  -webkit-text-fill-color:#4A4A4A !important;font-size:14px !important;
  font-weight:400 !important;background:none !important}

/* ── nav ─────────────────────────────────────────────────────────────────── */
html body header,html body .top,html body .nb{
  background:#FFFFFF !important;background-image:none !important;border:0 !important;
  border-bottom:1px solid #1A1A1A !important;box-shadow:none !important}
html body header *,html body .top *,html body .nb *{
  color:#1A1A1A !important;-webkit-text-fill-color:#1A1A1A !important}
html body .burger i,html body .burg i{background:#1A1A1A !important}

/* ── byline ──────────────────────────────────────────────────────────────── */
html body .by,html body .byline,html body .curated{
  border-top:1px solid #DDDDDD !important;border-bottom:1px solid #DDDDDD !important;
  background:none !important;padding:14px 0 !important;margin:0 0 20px !important}
html body .by *,html body .byline *,html body .curated *{
  color:#1A1A1A !important;-webkit-text-fill-color:#1A1A1A !important}
html body .by img,html body .byline img{width:38px !important;height:38px !important;
  border-radius:50% !important;border:1px solid #DDDDDD !important}
html body .seal,html body .certified,html body .cert{
  background:none !important;color:#1A1A1A !important;-webkit-text-fill-color:#1A1A1A !important;
  border:1px solid #1A1A1A !important;border-radius:999px !important;
  padding:6px 14px;font-size:13px;font-weight:600;box-shadow:none !important}

/* ── the one dark thing: buttons ─────────────────────────────────────────── */
html body .cta,html body .cro-card__cta,html body .pulse-hook__cta,html body .ac-b,
html body .bd-go,html body .ghost,html body .chip.sel,html body .pdl-pay{
  background:#1A1A1A !important;background-image:none !important;
  color:#FFFFFF !important;-webkit-text-fill-color:#FFFFFF !important;
  border:0 !important;border-radius:6px !important;box-shadow:none !important;
  text-shadow:none !important;font-weight:700 !important;padding:12px 24px !important;
  display:inline-block;text-decoration:none !important}
html body .cta:hover,html body .cro-card__cta:hover,html body .pulse-hook__cta:hover,
html body .ac-b:hover,html body .bd-go:hover{background:#000000 !important;color:#FFFFFF !important}

/* ── link bar ────────────────────────────────────────────────────────────── */
html body .cro-bar{border:0 !important;border-top:1px solid #DDDDDD !important;border-radius:0 !important}
html body .cro-bar a{background:none !important;background-image:none !important;
  color:#1A1A1A !important;-webkit-text-fill-color:#1A1A1A !important;
  border-right:1px solid #DDDDDD !important;text-shadow:none !important;
  box-shadow:none !important;animation:none !important;transform:none !important;
  border-radius:0 !important;font-weight:600;text-decoration:underline;text-underline-offset:3px}
html body .cro-bar a:last-child{border-right:0 !important}
html body .cro-bar a:hover{background:#F4F4F2 !important}

/* ── the rest ────────────────────────────────────────────────────────────── */
html body .sec{color:#4A4A4A !important;border-bottom:1px solid #DDDDDD !important}
html body .chip{color:#1A1A1A !important;background:none !important;
  border:1px solid #1A1A1A !important;border-radius:999px !important;box-shadow:none !important}
html body .srch,html body input[type="search"],html body input[type="text"]{
  background:#FFFFFF !important;color:#1A1A1A !important;
  border:1px solid #1A1A1A !important;border-radius:6px !important}
html body .body details,html body .faq{background:none !important;border:0 !important;
  border-top:1px solid #DDDDDD !important;border-radius:0 !important;padding:14px 0}
html body .pbanner::after,html body .pulse-offer-mid::after,html body .shine{display:none !important}
html body .rank,html body .card-num,html body .num{
  font-family:Georgia,serif !important;font-weight:700 !important;color:#1A1A1A !important;
  background:none !important;border:0 !important;box-shadow:none !important}

/* ── the two blocks the class list finally named ─────────────────────────────
   Found by reading the SERVED page rather than guessing: the "reading this
   because something is stuck?" panel is .ck (not .cro), and the direct answer is
   .direct-answer-box / .direct-answer-label. Both were still dark-on-dark and
   cream-with-orange respectively. His rule applies to both: black border, white
   ground, black letters. */
html body .ck,html body .ck-row,html body .direct-answer-box{
  background:#FFFFFF !important;background-color:#FFFFFF !important;
  background-image:none !important;border:1px solid #1A1A1A !important;
  border-radius:6px !important;box-shadow:none !important;color:#1A1A1A !important}
html body .ck *,html body .direct-answer-box *{
  color:#1A1A1A !important;-webkit-text-fill-color:#1A1A1A !important;
  background-image:none !important;text-shadow:none !important}
html body .ck-row{border:0 !important;border-radius:0 !important}
html body .ck-k,html body .direct-answer-label{
  color:#4A4A4A !important;-webkit-text-fill-color:#4A4A4A !important;
  font-size:12px !important;letter-spacing:.08em;text-transform:uppercase;font-weight:700 !important}
html body .ck-h{font-family:Georgia,'Times New Roman',serif !important;font-weight:700 !important;
  color:#1A1A1A !important;-webkit-text-fill-color:#1A1A1A !important}
html body .ck-p{color:#1A1A1A !important}
html body .ck-b{background:#1A1A1A !important;background-image:none !important;
  color:#FFFFFF !important;-webkit-text-fill-color:#FFFFFF !important;
  border:0 !important;border-radius:6px !important;font-weight:700 !important;
  padding:12px 24px !important;text-decoration:none !important;display:inline-block}
html body .ck-b:hover{background:#000000 !important;color:#FFFFFF !important}
html body .ck-l{color:#1A1A1A !important;-webkit-text-fill-color:#1A1A1A !important;
  text-decoration:underline;text-underline-offset:3px}
html body .direct-answer-box{border-left:3px solid #1A1A1A !important;padding:16px 18px !important}

/* ── nothing may scroll the page sideways at phone width ─────────────────── */
html,body{overflow-x:hidden !important;max-width:100% !important}
html body article,html body .body,html body .ck,html body .crohdr,
html body .direct-answer-box,html body figure{max-width:100% !important;box-sizing:border-box !important}
html body .body img,html body figure img{max-width:100% !important;height:auto !important}
html body pre,html body table{max-width:100% !important;overflow-x:auto !important;display:block}