.subpage {
  --paper: #fff;
  --white: #fff;
  --ink: #192638;
  --muted: #526079;
  --line: #dce3ee;
  --forest: #142c62;
  --light-text: #dce6f6;
  --lime: #15934b;
}
.subpage .guide-hero { background: linear-gradient(115deg, #0b1834, #21467f); padding-block: clamp(2.5rem, 6vw, 4.5rem); }
.guide-layout { display: grid; grid-template-columns: 1.08fr 1fr; align-items: center; gap: clamp(2rem, 5vw, 4rem); }
.subpage .guide-hero h1 { font-size: clamp(2.1rem, 4.2vw, 3.35rem); line-height: 1.1; letter-spacing: -.045em; text-wrap: balance; }
.subpage .guide-hero .intro { font-size: 1.06rem; line-height: 1.7; max-width: 49ch; }
.subpage .guide-hero .eyebrow { font-size: .68rem; }
.subpage .guide-hero .eyebrow > span { background: #55d58a; }
.guide-photo { overflow: hidden; border-radius: 10px; box-shadow: 0 15px 35px #020b2240; }
.guide-photo img { width: 100%; height: auto; }
.subpage .article { font-size: 1.02rem; line-height: 1.8; padding-top: 2.5rem; }
.subpage .article h2 { font-size: clamp(1.55rem, 3.5vw, 2rem); line-height: 1.2; letter-spacing: -.03em; }
.subpage .article a:not(.button) { color: #155b9c; }
.subpage .answer { border-left-color: #15934b; background: #f0f5fc; font-weight: 600; }
.subpage .guide-cta { background: #edf3fd; }
.subpage .button { color: #fff; background: #15934b; border-radius: 6px; }
.subpage .button:hover { background: #10733a; }
.subpage .library { padding-block: 3.5rem; }
.subpage .library-card { border-radius: 9px; border-color: #dce3ee; box-shadow: 0 8px 20px #12245206; }
.subpage .library-card h2 { font-size: 1.4rem; }
.subpage .library-card .eyebrow { color: #168849; }
.subpage .library-card:hover { border-color: #8aaad2; }
.subpage .sale-footer { margin-top: 1rem; }
@media (max-width: 760px) {
  .guide-layout { grid-template-columns: 1fr; gap: 2rem; }
  .guide-photo { max-width: 560px; }
  .subpage .guide-hero .intro { max-width: none; }
}