/* Searchable product guides share the landing page’s existing visual tokens. */
.cue-resources { border-top: 1px solid var(--lp-border); }
.cue-resources h2 { font-size: clamp(28px, 4vw, 48px); letter-spacing: -.04em; margin: 12px 0 28px; }
.cue-resource-links { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.cue-resource-links a { padding: 24px; border: 1px solid var(--lp-border); border-radius: 16px; color: var(--lp-ink); line-height: 1.5; text-decoration: none; }
.cue-resource-links a:hover { border-color: var(--lp-focus); }
.cue-resource-more { margin-top: 24px; color: var(--lp-muted); }
.cue-resource-more a, .cue-guide a { color: inherit; text-underline-offset: 4px; }
.cue-guide-page { min-height: 100vh; }
.cue-guide-header { padding-block: 26px; display: flex; align-items: center; justify-content: space-between; gap: 24px; border-bottom: 1px solid var(--lp-border); }
.cue-guide-brand { display: block; width: 154px; aspect-ratio: 1000 / 216.22; background: var(--cue-logo) center / contain no-repeat; flex-shrink: 0; }
.cue-guide-header nav { display: flex; flex-wrap: wrap; gap: 24px; }
.cue-guide-header a { color: var(--lp-ink); text-decoration: none; }
.cue-guide { max-width: 800px; margin-inline: auto; padding: 64px 28px 80px; line-height: 1.8; color: var(--lp-muted); }
.cue-guide h1 { color: var(--lp-ink); font-size: clamp(36px, 5vw, 60px); line-height: 1.12; letter-spacing: -.045em; margin: 16px 0 28px; text-wrap: balance; }
.cue-guide h2 { color: var(--lp-ink); font-size: 26px; line-height: 1.3; margin: 48px 0 16px; letter-spacing: -.02em; }
.cue-guide .cue-guide-intro { font-size: 20px; }
.cue-guide .cue-breadcrumbs { font-size: 14px; }
.cue-guide .cue-guide-action { display: inline-flex; margin-top: 16px; background: #dfff2f; color: #181818; border-radius: 12px; padding: 12px 24px; text-decoration: none; font-weight: 600; }
.cue-guide-list { list-style: none; padding: 0; }
.cue-guide-list li { padding: 24px 0; border-bottom: 1px solid var(--lp-border); }
.cue-guide-list h2 { margin: 0 0 8px; }
.cue-guide-footer { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 24px; border-top: 1px solid var(--lp-border); padding-block: 32px; color: var(--lp-muted); }
.cue-guide-footer a { color: var(--lp-ink); text-underline-offset: 4px; }
.cue-static-note { padding: 20px; border: 1px solid var(--lp-border); border-radius: 12px; color: var(--lp-muted); }
.cue-static-home .lp-entrance { opacity: 1; animation: none; }
@media (max-width: 640px) {
  .cue-resource-links { grid-template-columns: 1fr; }
  .cue-guide-header { align-items: flex-start; }
  .cue-guide-header nav { gap: 12px; font-size: 14px; }
  .cue-guide-brand { width: 120px; }
  .cue-guide { padding: 40px 20px 64px; }
}