@font-face{font-family:manrope;src:url(/_next/static/media/5d7fa19dd58d4d1a-s.p.ttf) format("truetype");font-display:swap;font-weight:200 800}@font-face{font-family:manrope Fallback;src:local("Arial");ascent-override:106.45%;descent-override:29.96%;line-gap-override:0.00%;size-adjust:100.14%}.__className_0f4e5b{font-family:manrope,manrope Fallback}.skinreo-editorial{color:#333}.article-reading-progress{position:fixed;inset:64px 0 auto;z-index:20;height:5px;background:#ede9fe;pointer-events:none}.article-reading-progress-fill{height:100%;background:linear-gradient(90deg,var(--color-brand-from),var(--color-brand-to));transform:scaleX(var(--reading-progress,0));transform-origin:left}.article-banner{background:var(--background-image-brand-gradient-soft);padding-top:28px;padding-bottom:48px;text-align:center}.article-banner nav{margin-bottom:30px}.article-banner nav,.article-banner nav a,.article-banner nav li{color:#463953}.article-banner>div>p:first-of-type{color:#453454;font-size:14px;letter-spacing:.04em}.article-banner h1{margin-inline:auto;color:#30283f;font-size:50px;font-weight:700;line-height:1.06;letter-spacing:-.025em}.article-banner h1+p{margin-inline:auto;color:#463953;font-size:18px;line-height:1.65}.article-banner>div>div{justify-content:center;color:#463953}.article-banner [rel=author]{color:#30283f;text-decoration:underline;text-underline-offset:4px}.article-layout{display:grid;grid-template-columns:220px minmax(0,700px);gap:0 40px;max-width:1060px;margin-inline:auto;padding:52px 20px 16px;align-items:start}.article-opening{grid-column:2;grid-row:1;min-width:0}.article-opening figure{margin-top:0}.skinreo-editorial figure img{border:0;border-radius:20px}.skinreo-editorial figcaption{font-size:12px;line-height:1.6;color:#716d77}.article-opening #summary{background:#faf6ed;border:1px solid #eee5d5;box-shadow:none;border-radius:16px;margin:28px 0 32px}.article-opening #summary h2{color:#5b476d}.article-opening #summary ul{font-size:16px;line-height:1.7}.article-contents{grid-column:1;grid-row:1/span 2;position:sticky;top:96px;max-height:calc(100dvh - 120px);overflow-y:auto;padding-right:22px;border-right:1px solid #e8e4ed}.article-contents-nav h2{font-size:15px;color:#3b3448}.article-contents-nav ol{list-style:decimal;padding-left:20px}.article-contents-nav li{padding-left:2px}.article-contents-nav li::marker{color:#a39aaa;font-size:13px}.article-contents-nav a{font-size:14px;line-height:1.45;color:#514a5b}.article-author{display:none}.article-copy{grid-column:2;grid-row:2;font-size:18px;line-height:30px}.article-copy details>div,.article-copy li,.article-copy p{color:#3f3d43;line-height:1.7}.article-copy h2{color:#3b3448;font-size:40px;font-weight:700;line-height:1.12;letter-spacing:-.025em}.article-copy h3{color:#3b3448;font-size:25px;font-weight:700;line-height:1.3}.article-copy section{border-top:0;padding-top:0;margin-top:56px}.article-copy details h3{font-size:18px}.article-copy details{border-color:#e8e2ee;background:#faf8fc}.article-copy section:last-child h2{font-size:32px}.author-avatar{width:72px;height:72px;border-radius:50%;background:#f3e9fa;padding:6px;object-fit:contain}.skinreo-blog-index h1{font-weight:700;color:#3b3448}@media (min-width:1280px){.article-layout{grid-template-columns:200px minmax(0,700px) 180px;max-width:1200px;gap:0 40px}.article-author{display:block;grid-column:3;grid-row:1/span 2;position:sticky;top:96px;max-height:calc(100dvh - 120px);overflow-y:auto}}@media (max-width:1023px){.article-layout{display:flex;flex-direction:column;max-width:740px;padding-top:32px}.article-opening{width:100%;order:1}.article-contents{order:2;width:100%;position:static;max-height:none;border:1px solid #e8e4ed;border-radius:16px;padding:22px;margin-bottom:32px}.article-copy{order:3;width:100%}.article-copy h2{font-size:34px}}@media (max-width:639px){.article-banner{padding-top:22px;padding-bottom:34px}.article-banner nav{margin-bottom:26px;font-size:12px}.article-banner nav ol{justify-content:center}.article-banner h1{font-size:35px;line-height:1.12}.article-banner h1+p{font-size:16px}.article-banner>div>div{font-size:12px}.article-copy{font-size:17px;line-height:29px}.article-copy h2{font-size:30px}.article-copy h3{font-size:23px}.article-copy section{margin-top:42px}.article-opening #summary{padding:22px}.article-opening #summary ul{font-size:15px}}