/* NotePulse search-intent guide: inherits the official site palette and typography. */
.np-guide-hero{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center}
.np-guide-hero .lead{max-width:55ch}
.np-guide-quiet{font-size:.9rem;opacity:.84;margin-top:18px}
.np-guide-hero-media{position:relative;border:1px solid rgba(115,173,241,.25);border-radius:20px;background:#0c1730;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.2)}
.np-guide-hero-media img{display:block;width:100%;height:auto}
.np-guide-hero-media span{display:block;padding:10px 16px;font-size:.82rem;color:#b1c6e0;background:#101c34}
.np-guide-reading{max-width:860px}
.np-guide-reading>p{line-height:1.8}
.np-guide-steps{list-style:none;counter-reset:np-guides;padding:0;display:grid;gap:18px;margin:27px 0 0}
.np-guide-steps li{counter-increment:np-guides;padding:24px 26px 24px 80px;position:relative;border-radius:16px;border:1px solid rgba(110,158,230,.18);background:rgba(19,31,55,.84)}
.np-guide-steps li:before{content:counter(np-guides,decimal-leading-zero);position:absolute;top:23px;left:24px;font-weight:800;color:#65cfff;font-size:1.15rem}
.np-guide-steps h3{margin:0 0 9px}
.np-guide-steps p{margin:0;line-height:1.65}
.np-guide-reading details{border-bottom:1px solid rgba(120,145,195,.24);padding:18px 0}
.np-guide-reading summary{cursor:pointer;font-weight:700}
.np-guide-reading details p{margin:12px 0 0;line-height:1.7}
.np-guide-reading a{color:#7adcff}
@media(max-width:880px){.np-guide-hero{grid-template-columns:1fr}.np-guide-hero-media{max-width:700px}.np-guide-steps li{padding:22px 20px 22px 65px}.np-guide-steps li:before{left:19px}}
@media(max-width:480px){.np-guide-steps li{padding:22px 16px 22px 55px}.np-guide-steps li:before{left:14px}}