.read-progress{top:env(safe-area-inset-top,0px);z-index:40;pointer-events:none;height:3px;position:fixed;left:0;right:0}.read-progress__bar{background:var(--cat-deep);transform-origin:0;height:100%;transform:scaleX(0)}.b-one{border-radius:var(--r-m);background:var(--cat-tint);align-items:flex-start;gap:10px;margin:-2px 0 18px;padding:12px 14px;display:flex}.b-one__tag{background:var(--white);border-radius:99px;flex:none;margin-top:2px;padding:3px 10px;font-size:11px;font-weight:900;line-height:1.5}.b-one__text{word-break:auto-phrase;font-size:16px;font-weight:900;line-height:1.6}.b-link{color:var(--cat-deep);text-underline-offset:3px;font-weight:700;text-decoration:underline;text-decoration-thickness:1.5px}.toc a.is-current{background:var(--cat-tint);color:var(--ink);font-weight:700}.b-check__result{background:var(--surface);color:var(--ink)}.b-check__result.is-high{background:var(--ink);color:var(--white)}.guide-head{position:relative;overflow:hidden}.guide-head__title,.guide-head .chip,.guide-head .article__tags{z-index:1;position:relative}.gh-seg{display:inline-block}.gh-seg:not(.gh-seg--wrap){white-space:nowrap}.gh-seg--wrap{display:inline}.gh-seg--gap{margin-right:.3em}.gh-ch{display:inline-block}.gh-ball{aspect-ratio:1/1.2;pointer-events:none;width:clamp(40px,8vw,96px);position:absolute;top:14px;right:18px}.gh-ball i{aspect-ratio:1;background:var(--cat-ball,var(--cat));transform-origin:50% 100%;border-radius:50%;width:100%;position:absolute;top:0;left:0}.gh-ball:after{content:"";background:var(--ink);opacity:.12;border-radius:50%;width:60%;height:7%;position:absolute;bottom:0;left:20%}@media (prefers-reduced-motion:no-preference){.guide-head{animation:.75s cubic-bezier(.16,1,.3,1) both gh-wipe}.guide-head .chip{animation:.5s cubic-bezier(.3,1.8,.5,1) .3s both wp-pop}.gh-ch{animation:.65s cubic-bezier(.2,1.5,.4,1) both gh-ch;animation-delay:calc(.38s + var(--c) * 30ms)}.gh-seg{background:linear-gradient(transparent 64%, color-mix(in srgb, var(--cat) 70%, transparent) 64%) no-repeat 0 0 / 0% 100%;animation:.55s cubic-bezier(.65,0,.25,1) both gh-mark;animation-delay:calc(1.05s + var(--s) * .2s)}.guide-head .article__tags>*{animation:.45s cubic-bezier(.3,1.8,.5,1) both wp-pop;animation-delay:calc(1.15s + var(--t,0) * 80ms)}.gh-ball i{animation:1.15s .45s both gh-drop,2.6s ease-in-out 1.7s infinite gh-bob}.gh-ball:after{animation:1.15s .45s both gh-shadow,2.6s ease-in-out 1.7s infinite gh-shadow-bob}.toc--side{animation:.7s 1.1s both wp-rise}.js .guide__body:not(.motion)>*{opacity:0;animation:0s 2.5s forwards gh-failsafe}}@keyframes gh-wipe{0%{clip-path:inset(0 100% 0 0 round var(--r-l))}to{clip-path:inset(0 0 0 0 round var(--r-l))}}@keyframes gh-ch{0%{opacity:0;transform:translateY(.8em)rotate(10deg)scale(.8)}to{opacity:1;transform:none}}@keyframes gh-mark{to{background-size:100% 100%}}@keyframes gh-drop{0%{animation-timing-function:cubic-bezier(.55,0,1,.45);transform:translateY(-320%)}50%{transform:translateY(0)scale(1)}58%{animation-timing-function:cubic-bezier(0,.55,.45,1);transform:translateY(0)scale(1.22,.78)}74%{animation-timing-function:cubic-bezier(.55,0,1,.45);transform:translateY(-34%)scale(.94,1.07)}86%{transform:translateY(0)scale(1.08,.92)}to{transform:translateY(0)scale(1)}}@keyframes gh-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-12%)}}@keyframes gh-shadow{0%{opacity:0;transform:scale(.2)}50%,58%{opacity:.18;transform:scale(1.25)}74%{opacity:.08;transform:scale(.7)}to{opacity:.12;transform:scale(1)}}@keyframes gh-shadow-bob{0%,to{opacity:.12;transform:scale(1)}50%{opacity:.08;transform:scale(.8)}}@keyframes gh-failsafe{to{opacity:1}}.guide__body.motion{overflow-x:clip}.motion>*{transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1)}.motion>:not(.is-in){opacity:0;transform:translateY(44px)scale(.97)}.motion>.b-h2.is-in .b-h2__no{animation:.8s cubic-bezier(.3,1.7,.5,1) both wp-pill}@keyframes wp-pill{0%{opacity:0;transform:translateY(-18px)scale(.5)}60%{opacity:1}to{transform:translateY(-3px)scale(1)}}.motion>.b-h2 .b-h2__mk{background:linear-gradient(transparent 62%, color-mix(in srgb, var(--cat) 50%, transparent) 62%) no-repeat 0 0 / 0% 100%;transition:background-size .8s cubic-bezier(.65,0,.25,1) .35s}.motion>.b-h2.is-in .b-h2__mk{background-size:100% 100%}.motion>.b-one{isolation:isolate;background:0 0;position:relative}.motion>.b-one:before{content:"";z-index:-1;border-radius:var(--r-m);background:var(--cat-tint);transform-origin:0;transition:transform .85s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}.motion>.b-one:not(.is-in){opacity:1;transform:none}.motion>.b-one:not(.is-in):before{transform:scaleX(0)}.motion>.b-one>*{transition:opacity .5s .3s,transform .5s .3s}.motion>.b-one:not(.is-in)>*{opacity:0;transform:translate(-10px)}.motion>.b-one.is-in .b-one__tag{animation:.45s cubic-bezier(.3,1.8,.5,1) .35s both wp-pop}.motion>.b-callout.is-in .b-label,.motion>.b-learn.is-in .b-label,.motion>.b-answer.is-in .b-label{animation:.45s cubic-bezier(.3,1.8,.5,1) .2s both wp-pop}.motion>.b-learn li,.motion>.b-answer li{transition:opacity .5s,transform .5s;transition-delay:calc(var(--i,0) * .11s + .25s)}.motion>.b-learn:not(.is-in) li,.motion>.b-answer:not(.is-in) li{opacity:0;transform:translate(-14px)}.motion>.b-learn li:before{transition:transform .35s cubic-bezier(.3,1.7,.5,1);transition-delay:calc(var(--i,0) * .11s + .5s)}.motion>.b-learn:not(.is-in) li:before{transform:rotate(-45deg)scale(0)}.motion>.b-stat.is-in .b-stat__num{animation:.7s cubic-bezier(.3,1.6,.5,1) .15s both wp-num}.motion>.b-stats .b-stats__item{transition:opacity .5s,transform .5s;transition-delay:calc(var(--i,0) * .12s + .15s)}.motion>.b-stats:not(.is-in) .b-stats__item{opacity:0;transform:translateY(16px)scale(.9)}@keyframes wp-num{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}.motion>.b-bars .b-bars__fill{transition:width 1s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--i,0) * 90ms + .25s)}.motion>.b-bars:not(.is-in) .b-bars__fill{width:0}.motion>.b-bars .b-bars__val{transition:opacity .4s;transition-delay:calc(var(--i,0) * 90ms + .75s)}.motion>.b-bars:not(.is-in) .b-bars__val{opacity:0}.motion>.b-compare .b-compare__card{transition:opacity .6s,transform .7s cubic-bezier(.16,1,.3,1)}.motion>.b-compare .b-compare__card:nth-child(2){transition-delay:.15s}.motion>.b-compare:not(.is-in) .b-compare__card:first-child{opacity:0;transform:translate(-32px)}.motion>.b-compare:not(.is-in) .b-compare__card:nth-child(2){opacity:0;transform:translate(32px)}.motion>.b-timeline li{transition:opacity .5s,transform .5s;transition-delay:calc(var(--i,0) * .16s + .15s)}.motion>.b-timeline:not(.is-in) li{opacity:0;transform:translateY(12px)}.motion>.b-timeline li:after{transition:transform .45s cubic-bezier(.3,1.8,.5,1);transition-delay:calc(var(--i,0) * .16s + .25s)}.motion>.b-timeline:not(.is-in) li:after{transform:scale(0)}.motion>.b-timeline li:before{transform-origin:top;transition:transform .5s;transition-delay:calc(var(--i,0) * .16s + .4s)}.motion>.b-timeline:not(.is-in) li:before{transform:scaleY(0)}.motion>.b-steps li{transition:opacity .5s,transform .5s;transition-delay:calc(var(--i,0) * .12s + .1s)}.motion>.b-steps:not(.is-in) li{opacity:0;transform:translateY(14px)}.motion>.b-steps.is-in li:before{animation:.5s cubic-bezier(.3,1.8,.5,1) both wp-pop;animation-delay:calc(var(--i,0) * .12s + .2s)}.b-next:after{transform-origin:50% 100%}.motion>.b-next.is-in:after{animation:1.15s .3s both gh-drop,2.4s ease-in-out 1.5s infinite wp-next}@keyframes wp-next{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes wp-pop{0%{transform:scale(0)}to{transform:scale(1)}}.b-check__item.is-on .b-check__box{animation:.35s cubic-bezier(.3,1.8,.5,1) wp-box}@keyframes wp-box{0%{transform:scale(.6)}to{transform:scale(1)}}.b-check__num{animation:.35s cubic-bezier(.3,1.8,.5,1) wp-bump;display:inline-block}@keyframes wp-bump{0%{transform:translateY(-6px)scale(1.4)}to{transform:none}}.b-check__result{animation:.4s both wp-rise}.b-qa details[open] p{animation:.3s both wp-rise}@keyframes wp-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.b-check__item.is-on .b-check__box,.b-check__num,.b-check__result,.b-qa details[open] p{animation:none}}
