.assessment-intro{color:#163547;background:#eaece4;min-height:100dvh;padding:24px 20px 28px;font-family:Lato,sans-serif;line-height:1.5}.assessment-intro *{box-sizing:border-box}.assessment-intro-shell{width:min(100%,560px);margin:auto}.assessment-intro a{color:inherit;text-decoration:none}.assessment-intro button{font:inherit;cursor:pointer}.assessment-intro :focus-visible{outline-offset:5px;outline:3px solid #158269}.assessment-intro-header{justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;display:flex}.assessment-intro-header img{filter:brightness(0)saturate()invert(15%)sepia(31%)saturate(1500%)hue-rotate(156deg);width:130px;height:auto;display:block}.assessment-intro-skip{align-items:center;gap:8px;min-height:44px;font-size:15px;display:inline-flex}.assessment-story{background:#f9faf5;border:1px solid #c8d0c2;border-radius:24px;flex-direction:column;min-height:min(620px,100svh - 200px);padding:16px 32px 28px;display:flex;position:relative}.assessment-story-progress{gap:8px;margin-bottom:18px;display:flex}.assessment-story-progress button{background:0 0;border:0;border-radius:6px;flex:1;align-items:center;min-width:0;min-height:44px;padding:0;display:grid}.assessment-story-progress span{background:#d8ded2;border-radius:3px;height:5px;display:block}.assessment-story-progress .is-reached span{background:#158269}.assessment-story-content{flex-direction:column;flex:1;min-height:0;display:flex}.assessment-story-media{flex:1;width:calc(100% + 64px);height:320px;min-height:0;margin-inline:-32px;display:block;overflow:hidden}.assessment-story-copy{flex-shrink:0;padding-block:20px 26px}.assessment-story-number{color:#fff;background:#158269;border-radius:50%;place-items:center;width:38px;height:38px;margin-bottom:12px;font-size:18px;font-weight:700;display:grid}.assessment-story-content h1{letter-spacing:-.04em;margin:0 0 14px;font-family:Poppins,sans-serif;font-size:29px;font-weight:600;line-height:1.22}.assessment-story-content h1:focus{outline:none}.assessment-story-content p{color:#585f59;margin:0;font-size:20px;line-height:1.55}.assessment-story-next{z-index:3;text-align:center;background:#c7c804;border:1px solid #c7c804;border-radius:999px;justify-content:center;align-items:center;gap:14px;min-height:54px;padding:13px 20px;font-size:16px;font-weight:700;display:flex;position:relative}.assessment-story-next:hover{background:#d7d80e}.assessment-story-next svg{flex-shrink:0}.assessment-intro-footer{color:#585f59;text-align:center;padding-top:22px;font-size:13px}.assessment-intro-footer span{margin-top:5px;display:block}.assessment-story-tap-zones{z-index:2;touch-action:pan-y;grid-template-columns:35% 65%;display:grid;position:absolute;inset:78px 20px 24px}.assessment-story-tap-zones.is-final{bottom:96px}.assessment-story-tap-zones button{background:0 0;border:0;border-radius:12px;padding:0}.assessment-story-tap-zones button:disabled{cursor:default}@media (max-width:600px){.assessment-intro{justify-content:center;align-items:center;min-height:100svh;padding:16px 12px;display:flex}.assessment-intro-shell{aspect-ratio:9/16;background:#f9faf5;border:1px solid #c8d0c2;border-radius:24px;flex-direction:column;width:min(100%,56.25svh - 18px);padding:16px 18px;display:flex;container-type:inline-size}.assessment-intro-header{flex-shrink:0;gap:12px;margin-bottom:10px}.assessment-intro-header img{width:105px}.assessment-intro-skip{gap:6px;min-height:44px;font-size:13px}.assessment-story{background:0 0;border:0;border-radius:0;flex:1;min-height:0;padding:0}.assessment-story-progress{flex-shrink:0;margin-bottom:6px}.assessment-story-content{min-height:0}.assessment-story-media{width:calc(100% + 36px);height:0;margin-inline:-18px}.assessment-story-copy{padding-block:14px 16px}.assessment-story-number{width:30px;height:30px;margin-bottom:8px;font-size:16px}.assessment-story-content h1{margin-bottom:8px;font-size:clamp(22px,7.6cqw,28px)}.assessment-story-content p{font-size:clamp(17px,5.4cqw,20px);line-height:1.5}.assessment-story-next{flex-shrink:0;gap:8px;min-height:48px;padding:12px;font-size:14px}.assessment-intro-footer{flex-shrink:0;padding-top:14px;font-size:clamp(10px,3.5cqw,12px);line-height:1.4}.assessment-intro-footer span{margin-top:4px}.assessment-story-tap-zones{inset:54px 0 0}.assessment-story-tap-zones.is-final{bottom:64px}}
