.guide-page .site-header{border-bottom:1px solid var(--line)}.guide-page .site-header [aria-current=page]{color:#568600}.guide-page .button.primary{color:#041e42;background:#97d700}.guide-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:center;padding-top:65px;padding-bottom:55px}.guide-hero h1{font-size:clamp(38px,4.1vw,61px);line-height:1.08;letter-spacing:-.045em;margin:18px 0 24px}.guide-hero p{font-size:19px;color:var(--muted);margin-bottom:28px}.guide-route{padding:30px;background:linear-gradient(140deg,#f4fae9,#edf4fa);border:1px solid #dce8d3;border-radius:24px}.guide-route-label{font-size:11px;letter-spacing:.13em;font-weight:700;color:#526777}.guide-route ol{list-style:none;padding:0;margin:20px 0 0}.guide-route li{display:flex;align-items:center;gap:18px;padding:15px 0;border-top:1px solid #dce5dd}.guide-route li>span{color:#568600;font-size:24px;font-weight:700}.guide-route strong,.guide-route small{display:block}.guide-route small{font-size:13px;color:var(--muted);margin-top:3px}.guide-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;padding:24px 30px;border:1px solid var(--line);border-radius:16px}.guide-principles p{margin:0}.guide-principles strong,.guide-principles span{display:block}.guide-principles span{color:var(--muted);font-size:14px;margin-top:5px}.guide-demo-note{font-size:13px;color:var(--muted);margin:18px 0 0}.guide-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:55px;padding-top:60px;padding-bottom:65px}.guide-index{align-self:start;position:sticky;top:24px}.guide-index .eyebrow{font-size:11px}.guide-index ol{margin:18px 0;padding:0;list-style:none;counter-reset:guide}.guide-index li{counter-increment:guide;border-left:1px solid var(--line)}.guide-index a{display:block;padding:9px 0 9px 13px;font-size:13px;color:#4d6077}.guide-index li a:before{content:counter(guide,decimal-leading-zero);display:inline-block;width:29px;color:#568600;font-size:11px;font-weight:700}.guide-index a:hover{color:#041e42;background:#f4f8ec}.guide-index .guide-help{border:1px solid var(--line);border-radius:12px;line-height:1.8;padding:14px;margin-top:28px;background:#f8fafc}.guide-help strong{font-size:12px}.guide-step{scroll-margin-top:30px;border-bottom:1px solid var(--line);padding:0 0 44px;margin-bottom:44px}.guide-step:last-child{margin-bottom:0}.guide-step-heading{display:flex;gap:18px;align-items:center;margin-bottom:24px}.guide-number{flex:0 0 50px;height:50px;display:grid;place-items:center;background:#97d700;border-radius:15px;font-weight:700;font-size:24px}.guide-kicker{display:block;color:#617387;font-size:10px;font-weight:700;letter-spacing:.12em;margin-bottom:4px}.guide-step h2{margin:0;font-size:29px;line-height:1.2;letter-spacing:-.025em}.guide-step p,.guide-step li{color:#4d6077;font-size:16px;line-height:1.8}.guide-step strong{color:#041e42}.guide-step ul{padding-left:21px}.guide-step li{padding-left:5px;margin:8px 0}.guide-step figure{margin:26px 0}.guide-zoom{display:block;background:#f4f7fa;border:1px solid #dce5ed;border-radius:15px;padding:10px;overflow:hidden;cursor:zoom-in;box-shadow:0 12px 32px rgba(4,30,66,.05)}.guide-zoom img{width:100%;height:auto;display:block;border-radius:7px}.guide-step figcaption{font-size:12px;line-height:1.5;color:#617387;margin-top:11px}.guide-step .guide-check{padding:17px 20px;background:#f3f9e9;border-left:3px solid #97d700;border-radius:0 9px 9px 0;font-size:14px}.guide-operator-note{background:#f0f5fb;border:1px solid #dce5ed;border-radius:12px;padding:20px}.guide-operator-note>strong{font-size:14px}.guide-operator-note p{font-size:14px;margin:8px 0 0}.guide-object-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(200px,.7fr);gap:25px}.guide-object-layout p:first-child{margin-top:0}.guide-object-layout figure{margin:0}.guide-object-layout img{max-height:570px;object-fit:contain}.guide-finish{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:25px;padding-bottom:60px}.guide-finish h2{font-size:32px;letter-spacing:-.025em;margin:12px 0}.guide-finish p{color:var(--muted);margin-bottom:0}.guide-finish>div:last-child{display:grid;gap:15px;text-align:center;flex-shrink:0}.guide-footer{padding-bottom:35px;font-size:14px;color:#d9e4ee}.guide-footer img{max-width:100%;height:auto}.guide-footer nav{display:flex;gap:25px;flex-wrap:wrap;margin:22px 0}.guide-footer nav a:hover{text-decoration:underline}.guide-footer small{font-size:12px}.guide-lightbox{max-width:94vw;max-height:94vh;padding:18px;background:#f7f9fc;color:#041e42;border:0;border-radius:15px;box-shadow:0 20px 70px #0006}.guide-lightbox::backdrop{background:rgba(4,20,43,.82)}.guide-lightbox button{display:block;margin:0 0 14px auto;padding:8px 16px;border:1px solid #c7d4e1;background:#fff;border-radius:8px;color:#041e42}.guide-lightbox img{display:block;max-width:calc(94vw - 36px);max-height:calc(90vh - 100px);object-fit:contain;height:auto;margin:auto}.guide-lightbox p{font-size:13px;margin-bottom:0}.guide-page a:focus-visible,.guide-page button:focus-visible{outline:3px solid #2784bb;outline-offset:4px}
@media(max-width:1000px){.guide-hero{gap:35px}.guide-layout{grid-template-columns:170px minmax(0,1fr);gap:30px}.guide-step h2{font-size:25px}.guide-object-layout{grid-template-columns:1fr}.guide-object-layout figure{max-width:340px;margin:auto}.guide-page .site-header nav{gap:15px}.guide-principles{gap:18px;padding:22px}}
@media(max-width:760px){.guide-hero{grid-template-columns:1fr;padding-top:38px;padding-bottom:32px;gap:32px}.guide-hero h1{font-size:42px}.guide-hero p{font-size:17px}.guide-route{padding:23px}.guide-principles{grid-template-columns:1fr;gap:18px}.guide-layout{grid-template-columns:1fr;padding-top:35px;gap:35px}.guide-index{position:static}.guide-index ol{display:grid;grid-template-columns:1fr 1fr;margin-bottom:0}.guide-index .guide-help{display:none}.guide-step{padding-bottom:32px;margin-bottom:32px;scroll-margin-top:20px}.guide-step-heading{gap:12px}.guide-number{flex-basis:43px;height:43px;border-radius:12px;font-size:21px}.guide-step h2{font-size:25px}.guide-kicker{font-size:9px}.guide-step p,.guide-step li{font-size:15px}.guide-zoom{padding:5px;border-radius:10px}.guide-finish{flex-direction:column;align-items:flex-start;padding-top:0}.guide-finish h2{font-size:28px}.guide-footer nav{gap:14px}.guide-page .site-header{flex-wrap:wrap;padding:18px 22px;gap:14px}.guide-page .site-header nav{order:3;width:100%;margin:0}.guide-page .site-header .brand img{width:160px}.guide-page .site-header>.button{padding:10px 14px;font-size:13px}.guide-page .wrap{padding-left:22px;padding-right:22px}}
@media print{.site-header,.guide-index,.guide-finish,.guide-lightbox,.skip-link,footer{display:none!important}.guide-hero{padding:0 0 20px;display:block}.guide-hero .button,.guide-route,.guide-demo-note{display:none}.guide-layout{display:block;padding-top:20px}.guide-step{break-inside:avoid;margin-bottom:25px;padding-bottom:20px}.guide-zoom{box-shadow:none}.guide-step h2{font-size:20px}.guide-step p,.guide-step li{font-size:11pt}.guide-step img{max-height:330px;object-fit:contain}.guide-principles{padding:15px}.guide-object-layout{display:block}.guide-page .wrap{padding-left:0;padding-right:0}}
