.guide-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(var(--sp-8),5vw,var(--sp-16));align-items:center}.guide-hero h1{max-width:15ch}@media(max-width:960px){.guide-hero{grid-template-columns:1fr}}.prereq{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sp-3)}.prereq .card{padding:var(--sp-5)}.prereq h3{font-size:1rem}.prereq p{font-size:var(--fs-small)}@media(max-width:1000px){.prereq{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.prereq{grid-template-columns:1fr}}.flow{padding:clamp(var(--sp-5),3vw,var(--sp-8));border:1px solid var(--line-subtle);border-radius:var(--r-card);background:var(--s1)}.flow svg{width:100%;height:auto}.flow-legend{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-5);margin-top:var(--sp-6);color:var(--t2);font-size:var(--fs-small)}.flow-legend b{display:block;margin-bottom:2px;color:var(--t1)}@media(max-width:760px){.flow-legend{grid-template-columns:1fr}}@media(max-width:640px){.flow svg{display:none}.flow-legend{margin-top:0}}.guide-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:clamp(var(--sp-8),4vw,var(--sp-16));align-items:start}.guide-toc{position:sticky;top:calc(var(--nav-h) + var(--sp-6));max-height:calc(100vh - var(--nav-h) - var(--sp-12));overflow-y:auto;padding-right:var(--sp-2);scrollbar-width:thin}.toc-progress{display:grid;gap:var(--sp-2);margin-bottom:var(--sp-5);padding:var(--sp-4);border:1px solid var(--line-subtle);border-radius:var(--r-card-sm);background:var(--s1)}.toc-progress .label{display:flex;justify-content:space-between;color:var(--t3);font-size:var(--fs-xs);font-weight:600}.toc-progress .label b{color:var(--t1)}.progress{height:4px;border-radius:var(--r-pill);background:var(--fill-3);overflow:hidden}.progress i{display:block;height:100%;width:calc(var(--p, 0) * 1%);border-radius:inherit;background:var(--gradient-brand);transition:width var(--d-base) var(--ease-out)}.toc-list{display:grid;gap:var(--sp-1);padding:0;list-style:none}.toc-phase>a{display:flex;align-items:center;gap:var(--sp-3);min-height:40px;padding:0 var(--sp-2);border-radius:var(--r-item);color:var(--t2);font-size:var(--fs-small);font-weight:650}.toc-phase>a:hover{color:var(--t1);background:var(--fill-2)}.toc-phase>a .n{display:grid;place-items:center;flex-shrink:0;width:24px;height:24px;border:1px solid var(--line-strong);border-radius:50%;color:var(--t3);font-size:.72rem;font-weight:750;transition:all var(--d-base) var(--ease-out)}.toc-phase.is-active>a{color:var(--t1)}.toc-phase.is-active>a .n{border-color:#8b5cf673;background:var(--brand-soft);color:var(--brand-light)}.toc-phase.is-done>a .n{border-color:var(--success);background:var(--success-bg);color:var(--success-text)}.toc-steps{display:grid;gap:1px;margin:2px 0 var(--sp-2) 20px;padding:0 0 0 var(--sp-4);border-left:1px solid var(--line-subtle);list-style:none}.toc-steps a{display:block;padding:5px var(--sp-2);border-radius:var(--r-md);color:var(--t3);font-size:.8125rem;line-height:1.35}.toc-steps a:hover{color:var(--t1)}.toc-steps a[aria-current=step]{color:var(--brand-light);background:var(--brand-soft)}.toc-mobile{display:none}@media(max-width:1080px){.guide-layout{grid-template-columns:1fr}.guide-toc{display:none}.toc-mobile{display:block;position:sticky;top:calc(56px + var(--sp-3) + var(--sp-2));z-index:calc(var(--z-nav) - 1);margin-bottom:var(--sp-8)}.toc-mobile details{border:1px solid var(--line-strong);border-radius:var(--r-card-sm);background:#0a0a0aeb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.toc-mobile summary{display:grid;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);cursor:pointer;list-style:none}.toc-mobile summary::-webkit-details-marker{display:none}.toc-mobile .summary-line{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);color:var(--t1);font-size:var(--fs-small);font-weight:650}.toc-mobile .summary-line .icon{width:18px;height:18px;color:var(--t3);transition:transform var(--d-base) var(--ease-out)}.toc-mobile details[open] .summary-line .icon{transform:rotate(180deg)}.toc-mobile .toc-list{max-height:60vh;overflow-y:auto;padding:0 var(--sp-3) var(--sp-3)}}.guide-body{display:grid;gap:clamp(var(--sp-16),7vw,var(--sp-24));min-width:0}.phase-head{display:grid;grid-template-columns:auto 1fr;gap:var(--sp-5);align-items:start;margin-bottom:var(--sp-10);padding-bottom:var(--sp-8);border-bottom:1px solid var(--line-subtle)}.phase-num{display:grid;place-items:center;width:56px;height:56px;border-radius:var(--r-tile);background:var(--gradient-brand);color:var(--t1);font-size:1.5rem;font-weight:800;box-shadow:0 10px 30px -8px #8b5cf699}.phase-head h2{margin-block:var(--sp-1) var(--sp-3)}.phase-head p{max-width:var(--measure);color:var(--t2)}.phase-head .meta-row{margin-top:var(--sp-4)}@media(max-width:560px){.phase-head{grid-template-columns:1fr}.phase-num{width:48px;height:48px;font-size:1.25rem}}.steps{display:grid;gap:clamp(var(--sp-12),5vw,var(--sp-16));padding:0;list-style:none}.step{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr);gap:var(--sp-5)}.step:before{content:"";position:absolute;top:52px;bottom:calc(clamp(var(--sp-12),5vw,var(--sp-16))*-1 + 8px);left:21px;width:2px;border-radius:var(--r-pill);background:linear-gradient(180deg,var(--brand-line),var(--line-subtle))}.step:last-child:before{display:none}.step-marker{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--brand-line);border-radius:50%;background:var(--s1);color:var(--brand-light);font-size:.8rem;font-weight:800;letter-spacing:-.02em}.step.is-current .step-marker{border-color:var(--t1);background:var(--t1);color:var(--t-on-light);box-shadow:var(--halo-cta)}.step-content{display:grid;gap:var(--sp-5);min-width:0;padding-top:8px}.step-content>h3{font-size:clamp(1.2rem,1.1rem + .4vw,1.45rem)}.step-where{display:inline-flex;align-items:center;gap:var(--sp-2);color:var(--t3);font-size:var(--fs-xs);font-weight:650;letter-spacing:.06em;text-transform:uppercase}.step-where .icon{width:15px;height:15px;color:var(--brand-light)}.step-content .prose>*+*{margin-top:var(--sp-3)}.step-content .prose{max-width:var(--measure);color:var(--t2)}.step-content ol.prose,.step-content ul.prose{padding-left:1.25em}.step-content .prose li+li{margin-top:var(--sp-2)}.step-content .prose li::marker{color:var(--brand-light);font-weight:700}.shots-stack{display:grid;gap:var(--sp-6)}.shots-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-5)}@media(max-width:760px){.shots-2{grid-template-columns:1fr}.step{grid-template-columns:1fr;gap:var(--sp-3)}.step:before{display:none}}.done-card{display:grid;grid-template-columns:auto 1fr;gap:var(--sp-5);align-items:center;padding:clamp(var(--sp-6),4vw,var(--sp-10));border:1px solid rgba(16,185,129,.3);border-radius:var(--r-card);background:radial-gradient(90% 120% at 0% 0%,rgba(16,185,129,.12),transparent 60%),var(--s1)}.done-card .icon-tile{margin:0;width:56px;height:56px;border-color:#10b98166;background:var(--success-bg);color:var(--success-text)}.done-card h3{font-size:1.35rem;margin-bottom:var(--sp-2)}@media(max-width:560px){.done-card{grid-template-columns:1fr}}.os-tabs{display:grid;gap:var(--sp-4)}.shot-external{display:grid;grid-template-columns:auto 1fr;gap:var(--sp-4);padding:var(--sp-5);border:1px dashed var(--line-strong);border-radius:var(--r-card-sm);background:var(--s1);color:var(--t2);font-size:var(--fs-small)}.shot-external>.icon{width:22px;height:22px;color:var(--brand-light)}.shot-external .btn-row{margin-top:var(--sp-3)}.phase-num .icon{width:26px;height:26px}