#post-content.page-section{padding-top:clamp(120px,12vw,168px);padding-bottom:60px}#post-content>.container{width:100%;max-width:1380px;padding-inline:clamp(20px,4vw,48px)}
.vht{--vht-purple:#7445a5;--vht-ink:#302a36;--vht-muted:#655d6e;--vht-line:#e8e1ed;color:var(--vht-ink);font:inherit;font-size:17px;line-height:1.65;overflow-wrap:anywhere}.vht *{box-sizing:border-box}.vht p{margin:0}.vht h1,.vht h2,.vht h3{font-family:inherit;font-weight:700;text-align:left;color:var(--vht-ink)}.vht h1{font-size:clamp(32px,3.4vw,50px);line-height:1.13;letter-spacing:-.025em;margin:14px 0 23px}.vht h2{font-size:clamp(23px,2.2vw,31px);line-height:1.25;letter-spacing:-.015em;margin:0 0 16px}.vht a{color:var(--vht-purple);text-underline-offset:4px}.vht :is(a,summary):focus-visible{outline:3px solid #9b72bd;outline-offset:4px}.vht .vht-kicker{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--vht-purple);margin-bottom:12px}.vht-hero{display:flex;align-items:center;gap:clamp(28px,4vw,52px)}.vht-hero>div{flex:1;min-width:0}.vht-hero>.vht-figure{flex:1.4;min-width:0}.vht-lead{font-size:clamp(18px,1.6vw,21px);line-height:1.6;color:var(--vht-muted)}.vht-quick{margin-top:25px;padding:23px 25px;background:#f7f3fa;border-radius:20px;border:1px solid var(--vht-line)}.vht-quick h2{font-size:18px;margin-bottom:12px}.vht .vht-quick ol{padding-left:21px;margin:0}.vht .vht-quick li{font-size:15px;line-height:1.6;margin:0 0 6px;list-style:decimal!important}.vht .vht-quick li::before{display:none!important}
.vht .vht-figure{margin:0;min-width:0}.vht .vht-image{display:block;position:relative;border:1px solid var(--vht-line);border-radius:17px;overflow:hidden;background:#f9f7fb;text-decoration:none}.vht .vht-figure img{display:block!important;width:100%!important;height:auto!important;max-width:100%!important;margin:0!important;object-fit:contain}.vht .vht-marker{position:absolute;display:flex;align-items:center;justify-content:center;transform:translate(-50%,-50%);width:26px;height:26px;border-radius:50%;background:var(--vht-purple);border:2px solid #fff;color:#fff;font-size:13px;line-height:1;font-weight:700;box-shadow:0 1px 6px #0003;pointer-events:none}.vht figcaption{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-top:12px;font-size:12px;line-height:1.5;color:var(--vht-muted)}.vht figcaption>a{font-weight:650;flex-shrink:0;padding:3px 0;max-width:42%}
.vht .vht-toc{display:flex;flex-wrap:wrap;gap:8px 11px;align-items:center;margin:42px 0 0;padding:20px 0;border-block:1px solid var(--vht-line)}.vht-toc>span{font-size:13px;font-weight:650;flex-basis:100%;color:var(--vht-muted)}.vht .vht-toc a{display:flex;align-items:center;min-height:44px;padding:9px 13px;border-radius:999px;background:#f6f1f9;text-decoration:none;font-size:13px;line-height:1.4}.vht-step{display:flex;align-items:center;justify-content:space-between;gap:clamp(28px,5vw,70px);padding:44px 0;border-bottom:1px solid var(--vht-line);scroll-margin-top:120px}.vht-step-copy{flex:1;min-width:0;max-width:70ch}.vht-step p{color:var(--vht-muted)}.vht .vht-step ul{padding-left:20px;margin:18px 0 0}.vht .vht-step li{list-style:disc!important;line-height:1.6;font-size:15px;color:var(--vht-muted);padding:0;margin:0 0 8px}.vht .vht-step li::before{display:none!important}.vht .vht-step li::marker{color:var(--vht-purple)}.vht-step>.vht-figure{flex:0 1 410px;min-width:0}.vht-step-number{flex:0 0 100px;font-size:74px;font-weight:700;color:#e4d9ee;line-height:1;text-align:right;letter-spacing:-.07em}.vht-quality{margin-top:37px;padding:25px 28px;background:#faf7fc;border-left:3px solid #a185b6;border-radius:0 18px 18px 0}.vht-quality h2{font-size:21px}.vht-quality p{font-size:15px;color:var(--vht-muted)}.vht-practice{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:45px 0}.vht-practice>div:first-child{flex:1;max-width:72ch}.vht-practice p{color:var(--vht-muted)}.vht-actions{display:flex;gap:12px;flex-wrap:wrap}.vht .vht-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 21px;border:1px solid var(--vht-purple);border-radius:999px;background:var(--vht-purple);color:#fff;font-size:14px;font-weight:650;line-height:1.4;text-decoration:none}.vht .vht-button:hover{background:#63368f;color:#fff}.vht .vht-secondary{background:#fff;color:var(--vht-purple);border-color:var(--vht-line)}.vht .vht-secondary:hover{background:#f6f1fa;color:var(--vht-purple)}.vht-faq{padding-top:12px}.vht-faq details{margin:0;padding:0;border-bottom:1px solid var(--vht-line)}.vht-faq summary{position:relative;list-style:none;cursor:pointer;padding:20px 35px 20px 0;font-size:17px;font-weight:650;line-height:1.5}.vht-faq summary::-webkit-details-marker{display:none}.vht-faq summary::after{content:'+';position:absolute;right:8px;top:17px;color:var(--vht-purple);font-size:26px;font-weight:400}.vht-faq details[open] summary::after{content:'−'}.vht-faq details>p{font-size:15px;color:var(--vht-muted);padding-bottom:24px;max-width:85ch}.vht-shortcuts{padding-top:38px}.vht .vht-shortcuts ul{display:flex;flex-wrap:wrap;gap:12px;padding:0;margin:18px 0 0}.vht .vht-shortcuts li{list-style:none!important;flex:1 1 200px;padding:14px 18px;border:1px solid var(--vht-line);border-radius:14px;font-size:14px;background:#fcfbfd;margin:0}.vht .vht-shortcuts li::before{display:none!important}.vht-footer{margin-top:37px;padding-top:23px;border-top:1px solid var(--vht-line);font-size:12px;color:var(--vht-muted)}.vht-footer p+p{margin-top:9px}
@media(max-width:1050px){.vht-hero{flex-direction:column;align-items:stretch}.vht-hero>div{max-width:760px}.vht-hero>.vht-figure{width:100%}.vht-practice{flex-direction:column;align-items:flex-start}.vht-step>.vht-figure{flex-basis:340px}}@media(max-width:700px){#post-content.page-section{padding-top:115px;padding-bottom:35px}.vht{font-size:16px}.vht h1{font-size:34px;max-width:20ch}.vht h2{font-size:25px}.vht-quick{padding:20px}.vht-hero{gap:27px}.vht figcaption{flex-direction:column;gap:5px}.vht figcaption>a{max-width:100%;min-height:36px;display:flex;align-items:center}.vht .vht-marker{width:22px;height:22px;font-size:11px}.vht .vht-toc{margin-top:30px}.vht-step{flex-direction:column;align-items:stretch;gap:23px;padding:33px 0;scroll-margin-top:110px}.vht-step-number{display:none}.vht-step>.vht-figure{flex:auto;max-width:420px;width:100%;align-self:center}.vht-quality{padding:23px 21px;margin-top:30px}.vht-practice{padding:35px 0}.vht-faq summary{font-size:16px}.vht .vht-shortcuts li{flex-basis:100%}}@media(prefers-reduced-motion:reduce){.vht *{scroll-behavior:auto!important;transition:none!important}}
