:root{--og-bg:#f7f7f4;--og-paper:#f7f7f4;--og-paper-elevated:#e6e5e0;--og-paper-nested:#cdcdc9;--og-ink:#262510;--og-ink-strong:#141414;--og-muted:#7a7974;--og-line:#cdcdc9;--og-brand:#f54e00;--og-brand-2:#34785c;--og-accent:#c08532;--og-radius:4px;--og-radius-prominent:8px;--og-shadow:rgba(0,0,0,.14) 0 28px 70px 0,rgba(0,0,0,.10) 0 14px 32px 0,oklab(0.263084 -0.00230259 0.0124794/.10) 0 0 0 1px;--og-shadow-subtle:oklab(0.263084 -0.00230259 0.0124794/.10) 0 0 0 1px,rgba(0,0,0,.18) 0 18px 36px -18px;--og-font:'CursorGothic',ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR","Segoe UI",Roboto,sans-serif;--og-font-mono:'berkeleyMono',ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;--og-font-utility:'Lato',ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR","Segoe UI",Roboto,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--og-bg);color:var(--og-ink);font-family:var(--og-font);letter-spacing:-.012em;word-break:keep-all}.page{max-width:1320px;margin:0 auto;padding:28px 22px 82px}.hero,.map,.detail,.lessons,.common{border:1px solid var(--og-line);border-radius:var(--og-radius-prominent);background:var(--og-paper-elevated);box-shadow:var(--og-shadow-subtle);padding:22px}.hero{margin-bottom:43px;box-shadow:var(--og-shadow)}.eyebrow,.head strong{font-family:var(--og-font-utility);font-size:10px;font-weight:700;letter-spacing:.14em;color:var(--og-brand);text-transform:uppercase}.hero h1{margin:8px 0 10px;font-size:clamp(34px,5vw,72px);font-weight:400;line-height:1.02;letter-spacing:-.06em;color:var(--og-ink-strong)}.hero p,.head p,.detail p,.focus-copy p,.common p{color:var(--og-muted);font-size:13px;line-height:1.6}.badges,.selector,.tabs,.chips{display:flex;gap:8px;flex-wrap:wrap}.badge,.selector button,.tab,.chip{border:1px solid var(--og-line);border-radius:var(--og-radius);background:var(--og-paper);color:var(--og-ink);padding:6px 10px;font-family:var(--og-font-utility);font-size:12px;font-weight:600;text-decoration:none}.selector button,.tab{cursor:pointer}.selector button.is-active,.tab.is-active,.badge:hover{border-color:var(--og-brand);color:var(--og-brand);background:#fbfaf7}.shell{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:16px;align-items:start}.head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:14px}.head h2,.detail h2,.lessons h2,.common h2{margin:4px 0 0;font-size:26px;font-weight:400;line-height:1.2;letter-spacing:-.025em;color:var(--og-ink-strong)}.legend{display:flex;gap:8px;align-items:center;margin:10px 0 14px;color:var(--og-muted);font-size:12px}.dot,.edge-badge,.steps b{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:1px solid var(--og-brand);border-radius:var(--og-radius);font-family:var(--og-font-mono);font-size:12px;color:var(--og-brand);background:var(--og-paper)}.canvas-wrap{position:relative;min-height:560px;border:1px solid var(--og-line);border-radius:var(--og-radius-prominent);background:linear-gradient(180deg,rgba(247,247,244,.88),rgba(230,229,224,.72));padding:14px;overflow:auto;overscroll-behavior-x:contain}.connectors{position:absolute;inset:0;pointer-events:none;z-index:2}.connectors svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.connectors path.edge{fill:none;stroke:rgba(245,78,0,.55);stroke-width:2.2;stroke-linecap:round;stroke-dasharray:7 6}.connectors path.edge.alt{stroke:rgba(52,120,92,.52)}.connectors marker path{fill:var(--og-brand)}.edge-badge{position:absolute;transform:translate(-50%,-50%);z-index:3;box-shadow:var(--og-shadow-subtle);font-size:11px}.canvas{position:relative;z-index:1;display:grid;grid-template-columns:repeat(var(--flow-col-count,6),minmax(150px,1fr));gap:10px;min-width:min(100%,calc(var(--flow-col-count,6)*150px + (var(--flow-col-count,6) - 1)*10px))}.col{display:flex;flex-direction:column;gap:8px}.col header,.node,.stage-card,.common-card,.focus-copy{border:1px solid var(--og-line);border-radius:var(--og-radius);background:var(--og-paper);padding:12px}.col header{background:var(--og-paper-nested);min-height:78px}.col h3{margin:0 0 4px;font-size:15px;font-weight:500}.col p,.node span{margin:0;color:var(--og-muted);font-size:11px;line-height:1.35}.node{appearance:none;text-align:left;min-height:78px;color:inherit;transition:.18s}.node b{display:block;margin-bottom:5px;font-size:13px;font-weight:500}.node.is-active{border-color:var(--og-brand);background:#fbfaf7;box-shadow:0 0 0 1px rgba(245,78,0,.14),0 12px 24px rgba(0,0,0,.08);transform:translateY(-1px)}.node.is-support{border-color:rgba(52,120,92,.45)}.node.is-dim{opacity:.32}.detail{position:sticky;top:18px;max-height:var(--map-h,calc(100vh - 36px));overflow:auto}.detail-top{display:grid;grid-template-columns:42px 1fr;gap:12px}.detail-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--og-line);border-radius:var(--og-radius);background:var(--og-paper);font-size:22px}.detail h3,.stage-card h3,.common-card h3{margin:16px 0 8px;font-family:var(--og-font-utility);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--og-muted)}.steps{display:grid;gap:8px;margin:0;padding:0;list-style:none}.steps li{display:grid;grid-template-columns:24px 1fr;gap:8px}.steps span,.notes li{font-size:13px;line-height:1.55}.lessons,.common{margin-top:43px}.focus-card{display:none;grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);gap:14px}.focus-card.is-active{display:grid}.shot{position:relative;margin:0;min-height:320px;border:1px solid var(--og-line);border-radius:var(--og-radius-prominent);background:var(--og-paper);overflow:hidden;display:grid;place-items:center}.shot img{width:100%;height:100%;object-fit:cover}.diagram{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;padding:22px}.diagram span{border:1px solid var(--og-line);border-radius:var(--og-radius);background:var(--og-paper-elevated);padding:9px 12px;font-family:var(--og-font-mono);font-size:12px}.callout{position:absolute;left:14px;bottom:14px;max-width:min(420px,calc(100% - 28px));width:fit-content;padding:8px 10px;border:1px solid var(--og-line);border-radius:var(--og-radius);background:rgba(247,247,244,.94);font-size:12px;line-height:1.45;box-shadow:var(--og-shadow-subtle)}.focus-copy{display:flex;flex-direction:column;justify-content:space-between}.focus-copy h3{font-size:22px;font-weight:400;margin:10px 0}.controls{display:flex;justify-content:center;gap:10px;align-items:center;margin-top:14px}.controls button{border:1px solid var(--og-line);background:var(--og-paper);border-radius:var(--og-radius);padding:7px 10px}.stage-grid,.common-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.footer{margin-top:24px;color:var(--og-muted);font-size:12px}.hl{background:linear-gradient(transparent 62%,rgba(192,133,50,.32) 0)}@media(max-width:1280px){.shell{grid-template-columns:1fr}.detail{position:static;max-height:none}.canvas{grid-template-columns:repeat(3,minmax(0,1fr))}.focus-card{grid-template-columns:1fr}}@media(max-width:760px){.page{padding:18px 14px}.canvas{grid-template-columns:1fr}.connectors{display:none}.canvas-wrap{min-height:auto;overflow:visible}.head{display:block}.stage-grid,.common-grid{grid-template-columns:1fr}}