.breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding-top:34px;font-size:13px;color:var(--muted)}.breadcrumbs a{text-decoration:none}.breadcrumbs a:hover{color:var(--primary)}
.guide-hero{padding-top:42px;padding-bottom:45px;border-bottom:1px solid var(--line)}.guide-hero h1{max-width:950px}.guide-hero .intro{max-width:790px}.guide-meta{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:25px;font-size:13px;color:var(--muted)}
.guide-layout{display:grid;grid-template-columns:minmax(0,760px) 280px;gap:70px;align-items:start;padding-top:55px;padding-bottom:75px}.guide-content h2{font-size:34px;margin:48px 0 18px}.guide-content h2:first-child{margin-top:0}.guide-content h3{font-size:22px;letter-spacing:-.02em;margin:31px 0 12px}.guide-content p,.guide-content li{color:#44576d}.guide-content li{margin-bottom:12px}.guide-content strong{color:var(--ink)}
.guide-aside{position:sticky;top:25px}.guide-aside .card{padding:24px}.guide-aside h2{font-size:24px}.guide-aside nav{display:grid;gap:0}.guide-aside nav a{padding:12px 0;border-bottom:1px solid var(--line);font-size:14px}
.answer-box{background:#eaf5f7;border-left:4px solid var(--primary);border-radius:0 12px 12px 0;padding:24px 27px;margin-bottom:36px}.answer-box p:last-child{margin-bottom:0}.path-strip{display:flex;flex-wrap:wrap;gap:8px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px;margin:15px 0 24px}.path-strip span{background:#edf3f8;border-radius:7px;padding:8px 11px;font-size:14px;font-weight:700}.path-strip b{color:var(--primary)}
.platform-list{display:grid;gap:18px;margin:24px 0 38px}.platform-guide{background:#fff;border:1px solid var(--line);border-radius:14px;padding:25px}.platform-guide h3{margin-top:0}.platform-guide p:last-child{margin-bottom:0}.step-list{counter-reset:guide-step;list-style:none;padding:0;margin:24px 0 38px}.step-list li{counter-increment:guide-step;position:relative;padding:0 0 24px 54px;min-height:42px;border-left:1px solid var(--line);margin-left:20px}.step-list li:last-child{border-left-color:transparent}.step-list li:before{content:counter(guide-step);position:absolute;left:-21px;top:-5px;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--ink);color:white;font-weight:800}
.change-example{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:center;background:#fff8c9;border:1px solid #eadf7d;border-radius:14px;padding:24px;margin:25px 0}.change-example div{display:grid;gap:5px}.change-example small{font-weight:800;letter-spacing:1px;color:#7f7519}.change-example strong{font-size:19px}.change-example>span{font-size:28px;font-weight:800}.checklist{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:22px 0 38px}.checklist div{background:white;border:1px solid var(--line);border-radius:10px;padding:16px}
.guide-cta{background:var(--ink);color:white;border-radius:18px;padding:36px;margin-top:52px}.guide-cta p{color:#d5e1eb}.guide-cta .button{background:var(--lime);color:var(--ink)}.guide-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.guide-card{display:flex;flex-direction:column;background:white;border:1px solid var(--line);border-radius:16px;padding:28px;text-decoration:none;transition:.15s}.guide-card:hover{border-color:#82adba;transform:translateY(-2px)}.guide-card h2{font-size:27px}.guide-card p{color:var(--muted);flex:1}.guide-card span{font-size:13px;font-weight:800;color:var(--primary)}.guide-source{font-size:13px;color:var(--muted);border-top:1px solid var(--line);padding-top:16px}.guide-source a{font-weight:700}
@media(max-width:900px){.guide-layout{grid-template-columns:1fr;gap:35px}.guide-aside{position:static}.guide-aside nav{grid-template-columns:repeat(2,1fr);column-gap:18px}.guide-cards{grid-template-columns:1fr}}
@media(max-width:600px){.guide-hero{padding-top:30px}.guide-layout{padding-top:36px}.guide-content h2{font-size:29px}.change-example{grid-template-columns:1fr}.change-example>span{transform:rotate(90deg);justify-self:start}.checklist{grid-template-columns:1fr}.guide-aside nav{grid-template-columns:1fr}}