.hero-guide__box{background-color:#006fba}.hero-guide__box[data-background=green]{background-color:#00896a}.hero-guide__back{align-items:center;border-radius:8px;color:#fff;display:inline-flex;justify-content:center;transition:opacity .2s ease}.hero-guide__back:focus-visible,.hero-guide__back:hover{color:#fff;opacity:.75;text-decoration:none}.hero-guide__back:focus-visible{outline:2px solid #fff;outline-offset:4px}.hero-guide__back-icon{flex-shrink:0;height:32px;width:32px}.hero-guide__title{max-width:1000px}.hero-guide__avatar{border-radius:9999px;flex-shrink:0;height:40px;object-fit:cover;object-position:center;width:40px}.hero-guide__author,.hero-guide__date{color:#fff;font-size:18px;font-weight:600;line-height:1.25;opacity:.8}@media (max-width:767px){.hero-guide__author,.hero-guide__date{font-size:16px}}.hero-guide__subtext{max-width:580px}.hero-guide__subtext,.hero-guide__subtext li,.hero-guide__subtext p{color:#fff;font-size:18px;line-height:28px;opacity:.92}.hero-guide__subtext p:not(:last-child){margin-bottom:12px}.hero-guide__image-wrap{max-width:100%}.hero-guide__image-frame{display:block;position:relative;width:100%}.hero-guide__image{border-radius:24px;display:block;height:auto;width:100%}@media (min-width:1024px){.hero-guide__image-wrap{align-self:center;flex-shrink:0;width:540px}}.hero-guide__author--link{color:#fff;text-decoration:none}.hero-guide__author--link:hover{color:#fff;text-decoration:underline}.hero-guide__author--link:focus-visible{border-radius:4px;outline:2px solid #fff;outline-offset:2px}.hero-guide{--hero-guide-banner-pull:min(28.125vw,222px)}@media (min-width:768px){.hero-guide{--hero-guide-banner-pull:min(calc(28.125vw - 11.25px),222px)}}.hero-guide__banner{border-radius:24px;margin-top:calc(var(--hero-guide-banner-pull)*-1);max-width:792px;overflow:hidden;padding-top:min(56.25%,445px);position:relative;width:100%}@media (min-width:768px){.hero-guide__banner{margin-bottom:-20px}}@media (min-width:1024px){.hero-guide__banner{margin-bottom:-56px}}@media (max-width:767px){.hero-guide__banner{margin-left:20px;margin-right:20px;width:auto}}.hero-guide__banner-image{height:100%;inset:0;object-fit:cover;object-position:center;position:absolute;width:100%}