.hpni-next-guide{--hpni-accent:#f5ad3c;--hpni-ink:#153b57;--hpni-teal:#00858b;clear:both;margin:26px 0 30px!important;padding:0!important;max-width:100%;}
.hpni-next-guide *{box-sizing:border-box}
.hpni-next-guide__link{position:relative;display:flex;align-items:center;gap:16px;min-width:0;width:100%;padding:19px 21px!important;text-decoration:none!important;background:linear-gradient(110deg,#fffbf2 0%,#f4fcff 70%,#eaf8f9 100%)!important;border:1px solid #e8d6ac!important;border-left:5px solid var(--hpni-accent)!important;border-radius:17px;box-shadow:0 9px 22px rgba(14,57,75,.08);color:var(--hpni-ink)!important;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease;overflow:hidden;isolation:isolate}
.hpni-next-guide__link::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(120deg,transparent 15%,rgba(255,255,255,.65) 45%,transparent 70%);transform:translateX(-120%);transition:transform .65s ease;pointer-events:none}
.hpni-next-guide__icon{width:56px;height:56px;min-width:56px;display:flex;align-items:center;justify-content:center;border-radius:15px;background:var(--hpni-accent);color:#13374e;box-shadow:0 6px 18px rgba(227,158,43,.22)}
.hpni-next-guide__copy{display:flex;flex:1;flex-direction:column;gap:5px;min-width:0}
.hpni-next-guide__eyebrow{color:#a96b10;font-size:12px;font-weight:900;letter-spacing:.085em;line-height:1.35}
.hpni-next-guide__title{color:var(--hpni-ink);font-size:clamp(16px,1.48vw,20px);font-weight:800;line-height:1.35;overflow-wrap:anywhere}
.hpni-next-guide__hint{color:#557586;font-size:13px;line-height:1.45}
.hpni-next-guide__arrow{width:39px;height:39px;min-width:39px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;background:var(--hpni-teal);transition:transform .24s ease,background .24s ease}
.hpni-next-guide__link:hover,.hpni-next-guide__link:focus-visible{transform:translateY(-5px);box-shadow:0 18px 33px rgba(12,67,83,.18);border-color:var(--hpni-accent)!important;outline:none}
.hpni-next-guide__link:hover::after,.hpni-next-guide__link:focus-visible::after{transform:translateX(120%)}
.hpni-next-guide__link:hover .hpni-next-guide__arrow,.hpni-next-guide__link:focus-visible .hpni-next-guide__arrow{transform:translateX(4px);background:#006b74}
.hpni-next-guide__link:focus-visible{outline:3px solid #006b74;outline-offset:4px}
@media(max-width:600px){.hpni-next-guide{margin:20px 0 24px!important}.hpni-next-guide__link{gap:11px;padding:14px 13px!important;border-radius:14px}.hpni-next-guide__icon{width:44px;height:44px;min-width:44px;border-radius:12px}.hpni-next-guide__icon svg{width:23px;height:23px}.hpni-next-guide__title{font-size:16px}.hpni-next-guide__eyebrow{font-size:10px;letter-spacing:.04em}.hpni-next-guide__hint{font-size:12px}.hpni-next-guide__arrow{width:28px;height:28px;min-width:28px}.hpni-next-guide__arrow svg{width:17px;height:17px}}
@media(max-width:360px){.hpni-next-guide__link{gap:9px;padding:12px 10px!important}.hpni-next-guide__icon{width:40px;height:40px;min-width:40px}.hpni-next-guide__arrow{width:25px;height:25px;min-width:25px}.hpni-next-guide__hint{display:none}}
@media(hover:none){.hpni-next-guide__link:hover{transform:none;box-shadow:0 9px 22px rgba(14,57,75,.08)}}
@media(prefers-reduced-motion:reduce){.hpni-next-guide__link,.hpni-next-guide__link::after,.hpni-next-guide__arrow{transition:none!important}.hpni-next-guide__link:hover,.hpni-next-guide__link:focus-visible{transform:none!important}}