.guide-page{background:radial-gradient(ellipse at 83% 14%,#d7b97609,transparent 38%),var(--bg)}.guide-page header nav{display:flex}.guide-hero{padding-top:38px;padding-bottom:40px}.back-link{display:inline-block;color:var(--muted);font-size:12px;margin-bottom:39px}.back-link:hover{color:var(--gold)}.guide-title-row{display:flex;justify-content:space-between;align-items:end;gap:36px;margin:22px 0 37px}.guide-title-row h1{font-size:clamp(38px,4.7vw,64px);line-height:1.28;letter-spacing:-3px;font-weight:650}.guide-title-row p{font-size:14px;line-height:1.9;padding-bottom:5px}.guide-meta{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;display:flex;gap:40px;align-items:center;color:var(--gold);font:23px Arial,sans-serif}.guide-meta small{font:12px 'Malgun Gothic',sans-serif;color:var(--muted);margin-left:8px}.guide-meta .meta-last{margin-left:auto;font-size:9px;letter-spacing:2px;color:#898d80}.guide-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:48px;padding:17px 0 68px;align-items:start}.guide-sidebar{position:sticky;top:116px}.guide-sidebar>.eyebrow{margin-bottom:24px}.step-nav{display:block}.step-group{font-size:10px;letter-spacing:.6px;color:#929589;margin:23px 0 11px}.step-group:first-child{margin-top:0}.step-link{display:flex;align-items:center;gap:12px;padding:11px 10px;font-size:12px;border-left:1px solid #ffffff18;transition:background .2s}.step-link span{font:11px Arial,sans-serif;color:#888e7c}.step-link b{font-weight:400;margin-left:auto;opacity:0}.step-link:hover,.step-link[aria-current="step"]{color:var(--gold);background:#d7b9760d;border-color:var(--gold)}.step-link[aria-current="step"] span,.step-link[aria-current="step"] b{color:var(--gold);opacity:1}.sidebar-help{display:block;margin-top:28px;border-top:1px solid var(--line);padding:20px 10px;color:var(--muted);font-size:11px;line-height:2}.sidebar-help strong{color:var(--gold);font-weight:400}.guide-main{min-width:0}.progress-row{display:flex;gap:15px;align-items:center;font:10px Arial,sans-serif;letter-spacing:1px;color:var(--gold);margin-bottom:26px}.progress-row[hidden],.step-controls[hidden],.step-panel[hidden]{display:none}.progress-track{flex:1;height:2px;background:#ffffff16}.progress-track span{display:block;height:100%;width:12.5%;background:var(--gold);transition:width .3s}.panel-heading{display:flex;justify-content:space-between;gap:15px;align-items:center}.panel-heading h2{font-size:31px;line-height:1.4;letter-spacing:-1.2px;margin-top:12px}.panel-heading h2:focus{outline:none}.phase{border:1px solid #d7b97638;padding:6px 11px;font-size:10px;color:var(--gold);white-space:nowrap}.step-intro{font-size:13px;margin:12px 0 25px}.guide-image{display:block;position:relative;border:1px solid #d7b97635;background:#0e100d;overflow:hidden;cursor:zoom-in}.guide-image img{display:block;width:100%;height:auto}.guide-image>span{display:flex;justify-content:space-between;padding:11px 16px;background:#171915;border-top:1px solid #d7b97625;color:var(--gold);font-size:11px}.guide-image:hover{border-color:var(--gold)}.step-summary{padding:26px 0 23px;border-bottom:1px solid var(--line)}.step-summary h3{font-size:14px;letter-spacing:0;color:var(--text);font-weight:500}.step-summary ul{padding-left:18px;margin:13px 0 0;color:var(--muted);font-size:13px;line-height:1.95}.step-summary li{padding-left:3px;margin-top:6px}.step-summary li::marker{color:var(--gold)}.step-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:24px}.step-controls>span{font:10px Arial,sans-serif;letter-spacing:1px;color:var(--muted)}.step-controls .btn{min-height:46px;padding:10px 19px;font-size:12px}.step-controls button:disabled{opacity:.3;transform:none;background:transparent;color:var(--muted);border-color:var(--line)}.guide-notice{margin-top:30px;padding:19px 21px;border:1px solid var(--line);background:#ffffff02}.guide-notice p{font-size:11px;line-height:1.9}.guide-notice p+p{margin-top:9px}.step-panel+.step-panel{margin-top:55px}.js-guide .step-panel{margin-top:0}.guide-help{padding:40px 0 50px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:28px}.guide-help h2{font-size:29px;letter-spacing:-1.2px;margin-top:14px}.guide-help p{font-size:13px;margin-top:10px}.guide-help .btn{min-width:190px}.guide-page footer{padding-bottom:35px}.guide-page #image-dialog{width:min(1500px,96vw);max-width:96vw;max-height:94dvh;padding:0;background:#10110f;border:1px solid #d7b97655;color:var(--text);overflow:hidden}.image-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:16px 20px;border-bottom:1px solid var(--line)}.image-toolbar h2{font-size:16px;letter-spacing:0}.image-toolbar>div{display:flex;gap:10px;align-items:center}.image-toolbar button,.image-toolbar a{border:1px solid var(--line);background:transparent;padding:7px 11px;font-size:11px;color:var(--gold);white-space:nowrap}.image-viewport{max-height:calc(94dvh - 117px);overflow:auto;overscroll-behavior:contain}.image-viewport img{display:block;width:100%;height:auto;max-width:none}.image-viewport.zoomed img{width:1672px}.image-hint{font-size:10px;padding:10px 20px}.guide-page dialog::backdrop{background:#000d}.guide-page:has(dialog[open]){overflow:hidden}
@media(min-width:801px) and (max-width:1050px){.guide-layout{grid-template-columns:190px minmax(0,1fr);gap:25px}}
@media(max-width:800px){.guide-page header nav{position:static;display:flex;flex-direction:row;padding:0;border:0;background:transparent;gap:19px;width:auto}.guide-page header nav a{font-size:11px;padding:0}.guide-page header nav .nav-cta{display:none}.guide-page .header-inner{gap:15px}.guide-page .wrap{width:calc(100% - 40px)}.guide-hero{padding-top:24px;padding-bottom:24px}.back-link{margin-bottom:30px}.guide-title-row{display:block;margin:20px 0 25px}.guide-title-row h1{font-size:42px;letter-spacing:-2.5px}.guide-title-row p{font-size:12px;margin-top:20px}.guide-title-row p br{display:none}.guide-meta{gap:22px;padding:16px 0;font-size:20px}.guide-meta small{font-size:10px;margin-left:5px}.guide-meta .meta-last{display:none}.guide-layout{display:block;padding-top:0;padding-bottom:40px}.guide-sidebar{position:static}.guide-sidebar>.eyebrow,.sidebar-help{display:none}.step-nav{display:flex;gap:7px;overflow-x:auto;margin-bottom:27px;padding:3px 2px 14px;scrollbar-width:thin;scrollbar-color:#d7b97655 transparent}.step-group{display:none}.step-link{flex:0 0 auto;border:1px solid var(--line);padding:9px 12px;gap:8px;white-space:nowrap}.step-link b{display:none}.progress-row{margin-bottom:24px}.panel-heading h2{font-size:27px}.phase{font-size:9px;padding:5px 8px}.panel-heading .eyebrow{font-size:9px;letter-spacing:1.4px}.step-intro{font-size:12px;margin-bottom:20px}.step-summary{padding-top:22px}.step-summary ul{font-size:12px}.guide-help{display:block;padding-top:30px;padding-bottom:40px}.guide-help h2{font-size:25px}.guide-help .btn{margin-top:25px}.image-toolbar{padding:10px;flex-wrap:wrap}.image-toolbar h2{font-size:13px}.image-toolbar>div{gap:5px}.image-toolbar button,.image-toolbar a{padding:6px 8px;font-size:10px}.image-viewport{max-height:calc(94dvh - 140px)}.image-hint{padding:8px 10px;font-size:9px}.guide-page footer .footer-top{gap:24px}.guide-page .copyright{font-size:8px}}
@media(prefers-reduced-motion:reduce){.progress-track span{transition:none}}

.guide-meta .guide-meta-label{font-family:inherit;font-size:15px;letter-spacing:.2px}
