:root {
  --ink:#142033 !important;
  --muted:#526071 !important;
  --line:#d7e0e7 !important;
  --accent:#1261a6 !important;
  --accent-dark:#123a63 !important;
  --soft:#f5f7f8 !important;
}
body {
  color:var(--ink) !important;
  background:#fff !important;
  border-top:8px solid #123a63;
}
body::before {
  content:"Smart Buy Checklist";
  display:block;
  width:min(1040px, calc(100% - 32px));
  margin:0 auto;
  padding:18px 0;
  color:#142033;
  font-size:18px;
  font-weight:800;
}
.wrap { width:min(1040px, calc(100% - 32px)) !important; }
nav {
  display:flex;
  flex-wrap:wrap;
  gap:16px;
  padding:14px 0 !important;
  border-top:1px solid var(--line);
}
nav a { margin:0 !important; font-size:14px; text-underline-offset:4px; }
header {
  padding:0 !important;
  background:#123a63 !important;
  color:#fff;
  border:0 !important;
}
header > .wrap, header .hero {
  padding:clamp(42px, 7vw, 76px) 0 !important;
}
header h1 {
  max-width:850px;
  margin-bottom:18px !important;
  color:#fff;
  font-size:clamp(40px, 7vw, 68px) !important;
  line-height:1 !important;
  letter-spacing:-.025em !important;
  text-wrap:balance;
}
header .lead { max-width:68ch; color:#dceaf3 !important; font-size:20px !important; }
main.wrap { padding-top:clamp(38px, 6vw, 66px); }
h2 {
  margin-top:clamp(38px, 6vw, 62px) !important;
  color:#123a63;
  font-size:clamp(27px, 4vw, 38px) !important;
  line-height:1.08;
  letter-spacing:-.015em !important;
  text-wrap:balance;
}
h3 { color:#123a63; }
p { max-width:72ch; }
.grid {
  gap:0 !important;
  margin:24px 0 !important;
  border-top:1px solid var(--line);
}
.box,.item {
  padding:22px !important;
  border:0 !important;
  border-right:1px solid var(--line) !important;
  border-bottom:1px solid var(--line) !important;
  background:#fff !important;
}
.box:nth-child(odd),.item:nth-child(odd) { border-left:1px solid var(--line) !important; }
.box p,.item p { color:var(--muted); }
.cta-box,.product {
  margin:clamp(44px, 7vw, 74px) 0 0 !important;
  padding:clamp(28px, 5vw, 44px) !important;
  background:#eaf3f8 !important;
  border:0 !important;
  border-top:6px solid #16705a !important;
}
.cta-box h2,.product h2 { margin-top:0 !important; }
.cta {
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  min-height:50px;
  padding:13px 19px !important;
  border-radius:6px;
  background:#1261a6 !important;
  color:#fff !important;
  text-decoration:none;
  transition:transform 160ms cubic-bezier(.23,1,.32,1), background-color 200ms cubic-bezier(.23,1,.32,1);
}
.cta:hover { background:#0b4f89 !important; transform:translateY(-2px); }
.cta:active { transform:scale(.97); }
.note,.affiliate-note { color:var(--muted) !important; }
.related-guides {
  margin:clamp(42px, 7vw, 70px) 0 0;
  padding-top:28px;
  border-top:1px solid var(--line);
}
.related-guides h2 { margin-top:0 !important; }
.related-guides div { display:flex; flex-wrap:wrap; gap:10px; }
.related-guides a {
  display:inline-flex;
  padding:10px 13px;
  border:1px solid var(--line);
  color:var(--accent-dark);
  font-weight:700;
  text-decoration:none;
}
.related-guides a:hover { background:var(--soft); }
footer {
  margin-top:clamp(52px, 8vw, 86px) !important;
  padding:32px 0 !important;
  background:#0b2842;
  color:#dceaf3 !important;
  border:0 !important;
}
footer a { color:#fff !important; }
@media (max-width:720px) {
  .grid { grid-template-columns:1fr !important; }
  .box,.item { border-left:1px solid var(--line) !important; }
  .cta { width:100%; }
}
@media (prefers-reduced-motion:reduce) {
  *,*::before,*::after { transition-duration:.01ms !important; }
}