.guide-hero{background-color:var(--color-quality-panel);background-image:var(--resource-hero-glow), var(--resource-hero-grid);color:var(--color-quality-tile);font-family:var(--font-sans);background-size:auto,48px 48px,48px 48px;padding:72px 20px 104px;position:relative;overflow:hidden}.guide-hero-inner{max-width:1120px;margin-inline:auto}.guide-hero .guide-hero-eyebrow{color:var(--color-quality-green);text-transform:none;letter-spacing:0;align-items:center;gap:7px;margin:0;font-size:13px;font-weight:700;display:inline-flex}.guide-hero-eyebrow svg{flex-shrink:0;width:18px;height:18px}.guide-hero h1,.resource-page .guide-hero h1{max-width:18ch;color:var(--color-quality-tile);font-family:var(--font-display);letter-spacing:0;text-wrap:balance;margin:10px 0 16px;font-size:52px;font-weight:800;line-height:1.2}.guide-hero .guide-hero-intro{max-width:62ch;color:var(--color-resource-hero-intro);margin:0;font-size:18px;font-weight:400;line-height:1.6}.guide-hero .guide-hero-meta{color:var(--color-resource-hero-intro);margin:16px 0 0;font-size:14px;line-height:1.6}.guide-hero-note-wrap{max-width:1160px;margin:-48px auto 40px;padding-inline:20px;position:relative}.guide-hero-note{border:1px solid var(--color-resource-note-border);border-left:6px solid var(--color-resource-note-accent);background:var(--color-resource-note);color:var(--color-resource-note-ink);font-family:var(--font-sans);border-radius:8px;align-items:flex-start;gap:12px;padding:16px 20px;font-size:15px;line-height:1.6;display:flex}.guide-hero-note svg{width:22px;height:22px;color:var(--color-resource-note-icon);flex-shrink:0;margin-top:2px}@media (width<=1023px){.guide-hero h1,.resource-page .guide-hero h1{font-size:40px}}@media (width<=700px){.guide-hero{padding:48px 18px 88px}.guide-hero h1,.resource-page .guide-hero h1{font-size:32px}.guide-hero-note-wrap{padding-inline:18px}}
