:root{scroll-padding-top:24px}.skip-link{position:absolute;left:20px;top:-70px;padding:12px;background:#0028c8;color:#fff;z-index:10}.skip-link:focus{top:12px}.guide-hero{padding-top:68px;padding-bottom:52px;max-width:1050px}.guide-intro{max-width:670px;font-size:20px;line-height:1.65;color:#59647b;margin:28px 0}.guide-hero h1 span{color:#0028c8}.guide-nav{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:36px 0}.guide-nav a{display:flex;align-items:center;gap:16px;border:1px solid #dce3f3;border-radius:12px;padding:22px;font-size:16px}.guide-nav a:hover{background:#edf2ff}.guide-nav b{color:#0028c8;font-size:13px}.guide-nav a>span{margin-left:auto}.prepare{background:#edf2ff;border-radius:12px;padding:24px;color:#374566;margin:24px 0;line-height:1.7}.prepare>strong{color:#0028c8}.prepare p{margin:10px 0 0}.guide-section{max-width:1050px;padding-top:52px;padding-bottom:24px;border-top:1px solid #e1e7f2}.section-title{margin-bottom:36px}.section-title h2{font-size:clamp(28px,4vw,44px)}.section-title>p{color:#59647b;font-size:17px;line-height:1.7}.guide-step{display:grid;grid-template-columns:52px minmax(0,1fr);gap:24px;padding:34px 0;border-bottom:1px solid #e5eaf4}.step-number{width:44px;height:44px;display:grid;place-items:center;background:#0028c8;color:white;border-radius:50%;font-size:13px;font-weight:700}.step-content h3{margin:5px 0 18px;font-size:25px;letter-spacing:-.7px;line-height:1.25}.step-content p,.step-content li{font-size:16px;line-height:1.8;color:#4c5970}.step-content ul{padding-left:22px}.step-content a,.guide-sources a{color:#0028c8;text-decoration:underline;text-underline-offset:3px}.step-content figure{margin:24px 0 0;padding:12px;background:#f7f9fd;border:1px solid #e0e6f2;border-radius:10px}.step-content img{display:block;width:100%;height:auto;max-height:650px;object-fit:contain;background:white}.step-content figcaption{font-size:12px;line-height:1.5;color:#63718b;margin:12px 4px 0}.demo{margin-top:24px;border:1px solid #dce3f3;border-radius:10px;background:#f7f9fd}.demo summary{cursor:pointer;padding:18px 20px;font-size:15px;color:#0028c8;font-weight:600}.demo summary span{float:right}.demo figure{margin:0;border:0}.complete{display:flex;gap:20px;background:#0028c8;color:white;padding:30px;border-radius:14px;margin:36px 0}.complete>span{font-size:32px}.complete h3{margin:0 0 10px;font-size:23px}.complete p{margin:0;line-height:1.7}.guide-sources{max-width:1050px;padding-top:36px;padding-bottom:60px}.guide-sources h2{font-size:24px}.guide-sources p,.guide-sources li{color:#59647b;line-height:1.8;font-size:14px}.guide-back{font-size:14px;color:#0028c8}.guide-sources ul{padding-left:20px}@media(max-width:650px){.guide-hero{padding-top:40px}.guide-hero h1{font-size:48px}.guide-intro{font-size:17px}.guide-nav{grid-template-columns:1fr;margin:26px 0}.guide-nav a{padding:18px}.guide-step{grid-template-columns:1fr;gap:16px;padding:28px 0}.step-content h3{font-size:24px}.step-content figure{padding:6px}.prepare{padding:20px}.guide-section{padding-top:34px}.guide-back{font-size:12px}.complete{padding:24px}.guide-nav{width:100%}}

.demo summary::after{content:none}.demo[open] summary>span{transform:rotate(90deg)}