.cs-guide { display:block; }
.guide-main { width:min(1080px,calc(100% - 48px)); margin:0 auto; padding:28px 0 48px; }
.guide-header { display:flex; align-items:center; justify-content:space-between; gap:20px; font-size:13px; }
.guide-brand { display:flex; gap:10px; align-items:center; font-size:20px; text-decoration:none; font-weight:600; }
.guide-intro { padding:56px 0 24px; }
.guide-kicker { color:var(--cs-mute); font-size:13px; letter-spacing:.08em; }
.guide-intro h1 { margin:16px 0 24px; font-size:clamp(28px,4vw,44px); line-height:1.4; font-weight:500; letter-spacing:-.03em; }
.guide-lead { font-size:19px; line-height:1.9; }
.guide-safety { margin:28px 0; padding:20px; border:1px solid var(--cs-line-strong); border-radius:12px; line-height:1.8; }
.guide-main p,.guide-main li { line-height:1.8; overflow-wrap:anywhere; }
.guide-main a { text-underline-offset:4px; }
.guide-map { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin:28px 0 0; }
.guide-map a { display:grid; gap:8px; padding:12px 16px; border:1px solid var(--cs-line); border-radius:10px; text-decoration:none; font-size:13px; }
.device { display:inline-block; width:fit-content; padding:4px 12px; border-radius:999px; font-size:13px; line-height:1.6; font-weight:600; }
.device-car { background:#26352e; color:#f3eee4; }
.device-phone { background:#e4d3b0; color:#352916; }
.guide-demo-note { margin:0 0 32px; color:var(--cs-mute); font-size:13px; }
.guide-steps { list-style:none; padding:0; margin:0; }
.guide-step { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:40px; padding:40px 0; border-top:1px solid var(--cs-line); scroll-margin-top:20px; }
.guide-copy,.guide-shot { min-width:0; }
.step-label { display:flex; align-items:center; gap:12px; margin:0 0 16px; }
.step-number { display:grid; place-items:center; width:32px; height:32px; border:1px solid var(--cs-line-strong); border-radius:50%; font-weight:600; }
.guide-copy h2 { font-size:25px; line-height:1.5; margin:0 0 20px; font-weight:500; }
.guide-copy p { margin:0 0 16px; }
.guide-copy .guide-next { border-left:3px solid #897755; padding:10px 14px; background:rgba(137,119,85,.08); margin-top:24px; }
.guide-shot { margin:0; align-self:start; }
.guide-shot img { display:block; width:100%; height:auto; border:1px solid var(--cs-line); border-radius:12px; background:#171816; }
.guide-shot-phone { width:min(100%,390px); justify-self:center; }
.guide-shot-car { width:100%; }
.guide-shot figcaption { margin:12px 0 0; color:var(--cs-mute); font-size:12px; line-height:1.7; }
.guide-help { border-top:1px solid var(--cs-line); padding:32px 0; }
.guide-help h2 { font-size:25px; font-weight:500; }
.guide-help details { padding:18px 0; border-bottom:1px solid var(--cs-line); }
.guide-help summary { cursor:pointer; font-weight:600; line-height:1.7; }
.guide-help details p { margin-bottom:0; }
.guide-end { display:flex; flex-wrap:wrap; align-items:center; gap:24px; margin:24px 0 40px; }
@media(max-width:700px){
 .guide-main { width:calc(100% - 40px); padding-top:20px; }
 .guide-header { gap:12px; font-size:12px; }
 .guide-intro { padding-top:32px; }
 .guide-intro h1 { font-size:clamp(23px,6.8vw,28px); }
 .guide-lead { font-size:17px; }
 .guide-map { gap:10px; }
 .guide-map > span { display:none; }
 .guide-map a { width:100%; display:flex; align-items:center; padding:12px; }
 .guide-step { grid-template-columns:minmax(0,1fr); gap:24px; padding:32px 0; }
 .guide-copy h2 { font-size:23px; }
 .guide-safety { padding:16px; }
 .guide-end { display:grid; }
}