.guide-header-links {
  display: flex;
  align-items: center;
  gap: clamp(10px, 3vw, 24px);
  margin-left: auto;
  font-size: .875rem;
  font-weight: 600;
}
.guide-header-links .btn { padding: 10px 14px; white-space: nowrap; }
.guide-page { padding: clamp(28px, 7vw, 80px) 0 clamp(32px, 6vw, 72px); }
.guide-page > .container { max-width: 1050px; }
.guide-intro { max-width: 790px; }
.guide-intro h1 { margin: 8px 0 14px; font-size: clamp(2rem, 5.5vw, 3.55rem); line-height: 1.08; letter-spacing: -.035em; }
.guide-lead { font-size: clamp(1rem, 2.6vw, 1.25rem); }
.guide-jumps { display: flex; flex-wrap: wrap; gap: 8px; margin: 20px 0 24px; }
.guide-jumps a { padding: 5px 11px; border: 1px solid #d6e3f1; border-radius: 999px; background: #f4f8ff; color: #174e9c; font-size: .875rem; }
.guide-cover { margin: 0; }
.guide-cover img { display: block; width: 100%; height: auto; border-radius: 18px; background: #e5f2fc; }
.guide-cover figcaption { margin-top: 8px; color: #526479; font-size: .875rem; }
.guide-section { margin: 38px 0; }
.guide-section h2, .guide-cta h2 { margin: 4px 0 12px; font-size: clamp(1.5rem, 3.5vw, 2.15rem); line-height: 1.2; }
.guide-page p { max-width: 75ch; }
.guide-section > p + p { margin-top: 12px; }
.guide-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.guide-topics { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.guide-card { padding: clamp(16px, 3vw, 26px); border: 1px solid #dfe7ef; border-radius: 16px; background: #fff; }
.guide-card h2 { font-size: 1.25rem; line-height: 1.25; }
.guide-card h2, .guide-card h3, .guide-demo h3 { margin: 0 0 8px; }
.guide-card .eyebrow { margin-bottom: 8px; }
.guide-sources { font-size: .875rem; }
.guide-sources a, .guide-demo a { color: #174e9c; text-decoration: underline; text-underline-offset: 3px; }
.guide-demo { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.6fr); gap: 20px; align-items: center; margin-top: 18px; padding: 14px; border-radius: 16px; background: #f2f7fd; }
.guide-demo img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; border-radius: 10px; }
.guide-demo a { display: inline-block; margin-top: 8px; font-weight: 700; }
.guide-cta { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 24px; margin-top: 38px; padding: clamp(16px, 4vw, 32px); border-radius: 16px; background: #eaf2ff; }
.guide-cta > div { flex: 1 1 360px; }
.guide-footer { display: flex; flex-wrap: wrap; gap: 12px 24px; }
@media (max-width: 680px) {
  .guide-grid, .guide-demo { grid-template-columns: minmax(0, 1fr); }
  .guide-demo img { max-height: 220px; }
}
@media (max-width: 370px) {
  .guide-header-links > a:first-child { display: none; }
}

.guide-table-wrap { max-width: 100%; overflow-x: auto; margin: 16px 0; border: 1px solid #d9e2ec; border-radius: 12px; }
.guide-table-wrap:focus-visible { outline: 2px solid #185abc; outline-offset: 3px; }
.guide-table { width: 100%; min-width: 31rem; border-collapse: collapse; font-size: .92rem; }
.guide-table caption { padding: 10px 12px; text-align: left; color: #334155; background: #f7faff; }
.guide-table th, .guide-table td { padding: 10px 12px; text-align: left; vertical-align: top; border-top: 1px solid #d9e2ec; }
.guide-table thead th { background: #eef4ff; }
.guide-table a { color: #185abc; text-decoration: underline; }
.guide-display-ad { margin: 30px 0; color: #475569; }
.guide-display-ad > p { margin: 0 0 4px; }
.guide-display-ad:has(ins[data-ad-status="unfilled"]) { display: none; }