.how-video{position:relative;aspect-ratio:16/9;max-width:820px;margin:1.2rem 0 1.8rem;background:#142235;border-radius:14px;overflow:hidden}.how-video iframe{width:100%;height:100%;border:0}.how-flow{display:flex;flex-wrap:wrap;gap:.55rem;align-items:center;margin:1.2rem 0;padding:1rem;border:1px solid #d8e5e4;border-radius:12px;background:#f4f9f8}.how-flow span{background:#fff;border:1px solid #cbdedb;border-radius:8px;padding:.55rem .75rem;font-weight:700}.how-flow b{color:#16807d}.how-steps{counter-reset:how-step;list-style:none;padding:0}.how-steps>li{counter-increment:how-step;position:relative;margin:1rem 0;padding:1rem 1.1rem 1rem 3.7rem;border:1px solid #dde6e9;border-radius:12px;background:#fff}.how-steps>li:before{content:counter(how-step);position:absolute;top:1rem;left:1rem;width:1.9rem;height:1.9rem;display:grid;place-items:center;background:#167c77;color:#fff;border-radius:50%;font-weight:800}.how-steps strong{display:block;margin-bottom:.35rem;color:#183746}.how-steps p{margin:.25rem 0}.how-check{border-left:4px solid #1d8a80;background:#f1f9f7;padding:1rem 1.2rem;margin:1.2rem 0}.how-warn{border-left:4px solid #d08a26;background:#fff7e9;padding:1rem 1.2rem;margin:1.2rem 0}.how-series{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;padding:0;list-style:none}.how-series li a{display:block;border:1px solid #d6e2e2;border-radius:10px;padding:.85rem;background:#fff;text-decoration:none}.how-series li[aria-current="page"]{border:2px solid #167c77;border-radius:10px;padding:.85rem;background:#eff8f6;font-weight:700}.how-meta{font-size:.9rem;color:#54666d}.how-keyword{font-weight:700;color:#147d75}.how-source{font-size:.92rem;border-top:1px solid #d6e2e2;padding-top:1rem;margin-top:2rem}.how-source li{margin:.4rem 0}.how-author{font-size:.9rem;color:#4d636a}.how-next{padding:1.3rem;background:#ecf5f3;border-radius:12px;margin:2rem 0}.how-next a{font-weight:800}.how-toc a{display:inline-block;margin:.25rem .65rem .25rem 0}.how-content{max-width:820px}.how-content code{overflow-wrap:anywhere;background:#edf3f3;padding:.08rem .3rem;border-radius:4px}@media(max-width:640px){.how-series{grid-template-columns:1fr}.how-flow{align-items:stretch}.how-flow span{width:100%}.how-flow b{display:none}.how-steps>li{padding:1rem 1rem 1rem 3.25rem}.how-steps>li:before{left:.75rem}}