.guide-page{max-width:1200px;margin:0 auto;padding:88px 32px 72px}.page-header{border-bottom:1px solid var(--border);margin-bottom:28px;padding-bottom:24px}.page-header h1{color:var(--text);margin:0 0 6px;font-size:1.85rem}.page-header p{color:var(--text-dim);margin:0;font-size:.95rem}.quick-nav{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:40px;display:grid}.quick-nav a{background:var(--card);border:1px solid var(--border);color:var(--text-dim);border-radius:8px;align-items:center;gap:10px;padding:12px 14px;text-decoration:none;transition:all .18s;display:flex}.quick-nav a:hover{border-color:var(--green,#22c55e);color:var(--green,#22c55e);transform:translateY(-1px)}.qn-num{font-family:var(--font-code);color:var(--text-muted);font-size:.85rem;font-weight:600}.qn-text{font-size:.88rem;font-weight:500}.guide-section{margin-bottom:56px;scroll-margin-top:84px}.guide-sec-head{border-bottom:1px solid var(--border);align-items:center;gap:16px;margin-bottom:20px;padding:16px 0;display:flex}.guide-sec-badge{background:var(--green,#22c55e);width:36px;height:36px;color:var(--bg-deep,#0a0f1a);font-weight:700;font-family:var(--font-code);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:.9rem;display:flex}.guide-sec-title{color:var(--text);margin:0 0 4px;font-size:1.3rem}.guide-sec-sub{color:var(--text-dim);margin:0;font-size:.85rem}.sec-body{color:var(--text);font-size:.95rem;line-height:1.75}.sec-body p{color:var(--text);margin:0 0 14px}.sub-title{color:var(--text);margin:28px 0 12px;font-size:1.05rem;font-weight:600}.callout{background:var(--card);border-left:3px solid;border-radius:8px;margin:20px 0;padding:14px 18px;font-size:.92rem;line-height:1.7}.callout strong{color:var(--text)}.callout-info{background:#60a5fa14;border-color:#60a5fa}.callout-tip{border-color:var(--green,#22c55e);background:#22c55e14}.callout-warn{border-color:var(--orange,#f59e0b);background:#f59e0b14}.pipeline{flex-wrap:wrap;align-items:stretch;gap:0;margin:24px 0;display:flex}.pipe-stage{background:var(--card);border:1px solid var(--border);text-align:center;border-radius:8px;flex:1;min-width:140px;padding:16px}.pipe-tag{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:.72rem}.pipe-name{color:var(--green,#22c55e);font-size:1.15rem;font-weight:700;font-family:var(--font-code);margin-bottom:6px}.pipe-desc{color:var(--text-dim);font-size:.78rem;line-height:1.5}.pipe-arrow{color:var(--text-muted);justify-content:center;align-items:center;padding:0 8px;font-size:1.4rem;display:flex}.two-round{grid-template-columns:1fr 1fr;gap:16px;margin:20px 0;display:grid}.round-card{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:18px}.round-tag{color:var(--green,#22c55e);margin-bottom:4px;font-size:1rem;font-weight:600}.round-time{color:var(--text-muted);font-size:.78rem;font-family:var(--font-code);margin-bottom:12px}.round-list{color:var(--text);margin:0;padding-left:18px;font-size:.88rem;line-height:1.8}.compare-table{border-collapse:collapse;background:var(--card);border:1px solid var(--border);border-radius:8px;width:100%;margin:16px 0;font-size:.9rem;overflow:hidden}.compare-table th,.compare-table td{text-align:left;border-bottom:1px solid var(--border);padding:12px 14px}.compare-table th{color:var(--text);background:#22c55e0f;font-size:.85rem;font-weight:600}.compare-table td{color:var(--text)}.compare-table tr:last-child td{border-bottom:none}.gesp-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0;display:grid}.gesp-level{border:1px solid var(--border);background:var(--card);text-align:center;border-radius:8px;flex-direction:column;gap:6px;padding:16px;display:flex}.gl-num{font-size:1.25rem;font-weight:700;font-family:var(--font-code)}.gl-label{font-size:.85rem;font-weight:600}.gl-desc{color:var(--text-dim);font-size:.75rem;line-height:1.4}.gesp-level.lv1-3 .gl-num{color:var(--green,#22c55e)}.gesp-level.lv4-5 .gl-num{color:#22d3ee}.gesp-level.lv6-7 .gl-num{color:#a78bfa}.gesp-level.lv8 .gl-num{color:var(--rose,#ef4444)}.value-pyramid{flex-direction:column;gap:8px;margin:20px 0;display:flex}.vp-tier{border:1px solid var(--border);background:var(--card);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;display:flex}.vp-top{background:linear-gradient(90deg,#ef444426,#ef44440d);border-color:#ef444466}.vp-high{background:linear-gradient(90deg,#f59e0b26,#f59e0b0d);border-color:#f59e0b66;margin:0 24px}.vp-mid{background:linear-gradient(90deg,#3b82f626,#3b82f60d);border-color:#3b82f666;margin:0 48px}.vp-base{background:linear-gradient(90deg,#22c55e26,#22c55e0d);border-color:#22c55e66;margin:0 72px}.vp-name{color:var(--text);font-size:.92rem;font-weight:600}.vp-effect{color:var(--text-dim);text-align:right;font-size:.82rem}.path-list{margin:16px 0;padding-left:0;list-style:none}.path-list li{color:var(--text);border-bottom:1px dashed var(--border);padding:10px 0 10px 24px;font-size:.9rem;line-height:1.7;position:relative}.path-list li:last-child{border-bottom:none}.path-list li:before{content:"▸";color:var(--green,#22c55e);position:absolute;left:6px}.stage-cards{grid-template-columns:repeat(2,1fr);gap:14px;margin:20px 0;display:grid}.stage-card{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:18px}.stage-time{color:var(--text-muted);font-size:.78rem;font-family:var(--font-code);margin-bottom:4px}.stage-name{color:var(--green,#22c55e);margin-bottom:12px;font-size:1rem;font-weight:600}.stage-card ul{color:var(--text);margin:0;padding-left:18px;font-size:.86rem;line-height:1.7}.year-timeline{border-left:2px solid var(--border);margin:20px 0;padding-left:0}.month-row{align-items:flex-start;gap:16px;padding:12px 0 12px 16px;display:flex;position:relative}.month-row:before{content:"";background:var(--green,#22c55e);border:2px solid var(--bg);border-radius:50%;width:12px;height:12px;position:absolute;top:18px;left:-7px}.month-label{width:60px;color:var(--text);font-weight:600;font-family:var(--font-code);flex-shrink:0;font-size:.95rem}.month-events{flex-direction:column;flex:1;gap:10px;display:flex}.event-item{flex-direction:column;gap:4px;display:flex}.event-tag{border-radius:4px;margin-bottom:4px;margin-right:8px;padding:2px 10px;font-size:.75rem;font-weight:600;display:inline-block}.event-tag.csp{color:var(--green,#22c55e);background:#22c55e26}.event-tag.gesp{color:#a78bfa;background:#a78bfa26}.event-tag.noip{color:#60a5fa;background:#3b82f626}.event-tag.noi{color:var(--rose,#ef4444);background:#ef444426}.event-desc{color:var(--text-dim);font-size:.88rem;line-height:1.6}.faq-list{flex-direction:column;gap:10px;margin:16px 0;display:flex}.faq-item{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:0 18px;transition:border-color .18s}.faq-item[open]{border-color:var(--green,#22c55e)}.faq-item summary{cursor:pointer;color:var(--text);padding:14px 24px 14px 0;font-size:.92rem;font-weight:600;list-style:none;position:relative}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";color:var(--green,#22c55e);font-size:1.2rem;transition:transform .18s;position:absolute;top:14px;right:0}.faq-item[open] summary:after{content:"−"}.faq-item p{color:var(--text);margin:0 0 14px;font-size:.88rem;line-height:1.7}.cost-cards{grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0;display:grid}.cost-card{background:var(--card);border:1px solid var(--border);text-align:center;border-radius:8px;padding:16px}.cost-tag{border-radius:4px;margin-bottom:8px;padding:2px 10px;font-size:.75rem;font-weight:600;display:inline-block}.cc-low{color:var(--green,#22c55e);background:#22c55e26}.cc-mid{color:var(--orange,#f59e0b);background:#f59e0b26}.cc-high{color:var(--rose,#ef4444);background:#ef444426}.cost-num{color:var(--text);font-size:1.1rem;font-weight:700;font-family:var(--font-code);margin-bottom:6px}.cost-desc{color:var(--text-dim);font-size:.78rem;line-height:1.5}.basic-list{color:var(--text);margin:12px 0;padding-left:18px;font-size:.9rem;line-height:1.8}.cta-section{background:var(--card);border:1px solid var(--border);text-align:center;border-radius:12px;margin-top:56px;padding:32px 24px}.cta-section h2{color:var(--text);margin:0 0 8px;font-size:1.4rem}.cta-section p{color:var(--text-dim);margin:0 0 20px;font-size:.92rem}.cta-cards{grid-template-columns:repeat(3,1fr);gap:14px;max-width:900px;margin:0 auto;display:grid}.cta-card{background:var(--bg);border:1px solid var(--border);text-align:left;border-radius:8px;padding:18px;text-decoration:none;transition:all .18s;display:block}.cta-card:hover{border-color:var(--green,#22c55e);transform:translateY(-2px)}.cta-num{background:var(--green,#22c55e);width:28px;height:28px;color:var(--bg-deep,#0a0f1a);border-radius:50%;justify-content:center;align-items:center;margin-bottom:10px;font-size:.85rem;font-weight:700;display:flex}.cta-title{color:var(--text);margin-bottom:4px;font-size:.95rem;font-weight:600}.cta-desc{color:var(--text-dim);font-size:.82rem;line-height:1.5}@media (width<=720px){.quick-nav{grid-template-columns:repeat(2,1fr)}.two-round,.stage-cards{grid-template-columns:1fr}.gesp-grid{grid-template-columns:repeat(2,1fr)}.cost-cards,.cta-cards{grid-template-columns:1fr}.pipeline{flex-direction:column}.pipe-arrow{padding:4px 0;transform:rotate(90deg)}.vp-base,.vp-mid,.vp-high{margin:0}.vp-tier{flex-direction:column;align-items:flex-start}.vp-effect{text-align:left}}