.article-hero{padding-top:var(--spacing-md);padding-bottom:var(--spacing-xl);--article-title-char-duration:.8s;--article-title-char-stagger:70ms}.article-hero__lesson-digit{color:#2bbbd7;animation:1.05s cubic-bezier(.05,.85,.05,1) .15s forwards article-lesson-digit-in,2.4s cubic-bezier(.05,.85,.05,1) 1.2s forwards article-lesson-digit-color;transform:translateY(100%)}@keyframes article-lesson-digit-in{to{transform:translate(0,0)}}@keyframes article-lesson-digit-color{to{color:var(--color-text)}}.article-hero__title-wrap{--mug-fade-delay:calc((var(--article-title-chars) - 1) * var(--article-title-char-stagger) + var(--article-title-char-duration));--mug-slide-delay:var(--mug-fade-delay);--mug-balloon-delay:calc(var(--mug-slide-delay) + 2.4s);position:relative}.article-hero__mugcup{bottom:0;left:var(--mug-origin,calc((min(calc(100vw - (var(--container-padding) * 2)), var(--container-width)) - 100vw) / 2));z-index:0;pointer-events:none;animation:article-mugcup-slide 3.2s cubic-bezier(.05, .85, .05, 1) var(--mug-slide-delay) forwards;position:absolute;transform:translate(5px)}.article-hero__mugcup-img{opacity:0;width:auto;height:200px;animation:article-mugcup-fade 1.05s cubic-bezier(.05, .85, .05, 1) var(--mug-fade-delay) forwards;display:block}.article-hero__mugcup-balloon{opacity:0;width:100px;height:auto;animation:article-mugcup-fade .8s cubic-bezier(.05, .85, .05, 1) var(--mug-balloon-delay) forwards;position:absolute;top:-1.5rem;left:100%}@keyframes article-mugcup-fade{to{opacity:1}}@keyframes article-mugcup-slide{0%{transform:translate(5px)}to{transform:translate(-33.333%)}}.article-hero__title{z-index:1;position:relative}.article-hero__title-char{opacity:0;animation:article-title-char-in var(--article-title-char-duration) cubic-bezier(.95, .05, .795, .035) forwards;animation-delay:calc(var(--char-index) * var(--article-title-char-stagger))}@keyframes article-title-char-in{to{opacity:1}}.article-continue__layer{will-change:transform;transform:translate3d(0, var(--parallax-y,0px), 0)}.article-continue.is-parallax-ready .article-continue__layer{opacity:0;transition:opacity 1.55s cubic-bezier(.05,.85,.05,1)}.article-continue.is-parallax-ready.is-inview .article-continue__layer{opacity:1}.article-hero__tags a,.article-side__tags a,.article-side__text,.article-continue__link,.article-ask__copy{background-image:linear-gradient(90deg,#ee0979,#ff6a00);background-position:0;background-repeat:no-repeat;background-size:0 100%;transition:background-size .35s cubic-bezier(.22,1,.36,1),color .25s,border-color .35s cubic-bezier(.22,1,.36,1)}.article-side__text{width:fit-content;max-width:100%;transition:background-size .8s cubic-bezier(.22,1,.36,1),color .5s,padding .8s cubic-bezier(.22,1,.36,1);display:block}.article-hero__tags a:hover,.article-hero__tags a:focus-visible,.article-side__tags a:hover,.article-side__tags a:focus-visible,.article-continue__link:hover,.article-continue__link:focus-visible,.article-ask__copy:hover,.article-ask__copy:focus-visible{color:#fff;background-size:100% 100%;border-color:#ee0979}.article-author{border-radius:var(--radius-sm,4px);padding:var(--spacing-xs,8px);margin:calc(var(--spacing-xs,8px) * -1);border:1px solid #0000;transition:border-color .25s}.article-author:hover,.article-author:focus-visible{border-color:#2105052e;outline:none}.article-author__photo{display:block;position:relative}.article-author__photo-hover{opacity:0;transition:opacity .25s;position:absolute;inset:0}.article-author:hover .article-author__photo-hover,.article-author:focus-visible .article-author__photo-hover{opacity:1}.article-share__link{width:1.5rem;height:1.5rem;color:var(--color-text);place-items:center;display:grid}.article-share__link img{width:1.5rem;height:1.5rem;display:block}.article-share__hatena{border-radius:var(--radius-sm);background-color:var(--color-text);color:#fff;place-items:center;width:1.5rem;height:1.5rem;font-size:.875rem;font-weight:700;line-height:1;display:grid}.article-share__link:hover img,.article-share__link:focus-visible img{opacity:.55}.article-share__link:hover .article-share__hatena,.article-share__link:focus-visible .article-share__hatena{background-color:var(--color-logo)}.article-toc a:hover,.article-toc a:focus-visible{color:var(--color-logo)}.article-toc__heading{margin:0 0 var(--spacing-md);font-size:var(--text-body);letter-spacing:.04em;font-weight:700;line-height:var(--leading-heading);align-items:center;gap:.75em;display:flex}.article-toc__heading:before,.article-toc__heading:after{content:"";background-color:#2105052e;height:1px}.article-toc__heading:before{flex-shrink:0;width:1.25em}.article-toc__heading:after{flex:auto}.article-ask.is-popup-ready .article-ask__item{opacity:0;transform-origin:bottom;transition:opacity .7s cubic-bezier(.05,.85,.05,1),transform .7s cubic-bezier(.34,1.35,.64,1);transform:translateY(1.25rem)scale(.92)}.article-ask.is-inview .article-ask__item{opacity:1;transform:none}.article-ask__popup{inset:auto;top:calc(100% + var(--spacing-xs));width:max-content;max-width:min(22rem, calc(100vw - var(--spacing-lg)));padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-background);color:var(--color-text);text-align:center;font-size:var(--text-body);letter-spacing:.02em;font-weight:700;line-height:var(--leading-heading);z-index:1;margin:0;position:absolute;right:0}.article-pager__link{border-radius:var(--radius-sm,4px);width:fit-content;max-width:100%;padding:var(--spacing-xs,8px);margin:calc(var(--spacing-xs,8px) * -1);border:1px solid #0000;transition:border-color .25s,color .25s}.article-pager__arrow{transition:border-color .25s,color .25s}.article-pager__link:hover,.article-pager__link:focus-visible{color:var(--color-logo);border-color:#2105052e;outline:none}.article-pager__link:hover .article-pager__arrow,.article-pager__link:focus-visible .article-pager__arrow{border-color:currentColor}.article-side__heading{margin:0 0 var(--spacing-sm);padding-bottom:var(--spacing-xs);font-size:var(--text-body);letter-spacing:.08em;font-weight:700;line-height:var(--leading-heading);border-bottom:1px solid #2105052e}.article-side__link:hover .article-side__text,.article-side__link:focus-visible .article-side__text{color:#fff;background-size:100% 100%;padding-left:10px;padding-right:10px}.article-related__card{transition:color .25s,border-color .35s cubic-bezier(.22,1,.36,1)}.article-related__card:hover,.article-related__card:focus-visible{border-color:var(--color-logo);color:var(--color-logo)}@media (prefers-reduced-motion:reduce){.article-hero__lesson-digit{color:var(--color-text);animation:none;transform:none}.article-hero__title-char{opacity:1;animation:none}.article-hero__mugcup{animation:none;transform:translate(-33.333%)}.article-hero__mugcup-img,.article-hero__mugcup-balloon{opacity:1;animation:none}.article-hero__tags a,.article-side__tags a,.article-side__text,.article-continue__link,.article-ask__copy,.article-related__card,.article-pager__link,.article-pager__arrow,.article-author,.article-author__photo-hover,.article-ask.is-popup-ready .article-ask__item{transition:none}.article-continue__layer{opacity:1;will-change:auto;transition:none;transform:none}}