.visual-guide-container{background:linear-gradient(135deg,#f8f9fa 0%,#fff 100%);min-height:100vh;padding:2rem 0}.visual-guide-content{background:#fefdfb;border-radius:12px;width:80%;max-width:1200px;margin:0 auto;padding:0 2rem;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.08)}.page-header{text-align:center;color:#1f2937;background:linear-gradient(135deg,#f8f9fa 0%,#fff 100%);margin:0 -2rem 3rem;padding:1rem 0}.page-title{letter-spacing:-.025em;margin-bottom:2.5rem;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:2.5rem;font-weight:700;line-height:1.2}.intro-section{margin-bottom:1rem;padding:0 2rem}.intro-text{color:#495057;margin-bottom:1.5rem;font-size:1.1rem;font-weight:400;line-height:1.8}.diagram-section{text-align:center;margin-bottom:3rem;padding:0 .1rem .1rem}.diagram-image{background:#fff;border-radius:12px;padding:2rem;display:inline-block;box-shadow:0 4px 20px rgba(0,0,0,.1)}.diagram-image.first-diagram{box-sizing:border-box;max-width:100%;margin:0 auto 3rem;display:block}.diagram-image.first-diagram .diagram-img{width:100%;height:auto}.diagram-img{border-radius:8px;max-width:100%;height:auto}.diagram-placeholder{background:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px;padding:2rem}.diagram-box{background:#fff;border-radius:8px;padding:2rem;box-shadow:0 2px 10px rgba(0,0,0,.1)}.diagram-box h3{color:#495057;margin-bottom:1.5rem;font-weight:500}.transformation-flow{flex-wrap:wrap;justify-content:center;align-items:center;gap:2rem;display:flex}.stage{color:#fff;text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:8px;min-width:150px;padding:1.5rem}.stage-title{opacity:.9;margin-bottom:.5rem;font-size:.9rem;font-weight:600}.stage-content{font-size:1.1rem;font-weight:500}.arrow{color:#6c757d;font-size:2rem;font-weight:700}.content-section{margin-bottom:3rem;padding:0 2rem 3rem}.section-title{color:#212529;margin-bottom:2rem;font-size:1.8rem;font-weight:400;line-height:1.3}.section-text{color:#495057;font-size:1.4rem;font-weight:400;line-height:1.8}.section-text.emphasis{color:#6c757d;text-align:center;margin-top:2rem;font-size:1.2rem;font-style:italic}.visual-metaphor{text-align:center;margin:2rem 0}.metaphor-box{color:#fff;background:linear-gradient(135deg,#ff6b6b 0%,#ee5a24 100%);border-radius:8px;padding:2rem;display:inline-block;box-shadow:0 4px 15px rgba(255,107,107,.3)}.flame-icon{margin-bottom:1rem;font-size:3rem}.metaphor-text{margin:0;font-size:1.1rem;font-weight:500}.conclusion-section{padding:0 2rem 4rem}.highlight-box{color:#fff;text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:12px;padding:2.5rem;box-shadow:0 8px 25px rgba(102,126,234,.3)}.highlight-title{opacity:.9;margin-bottom:1rem;font-size:1.5rem;font-weight:500}.highlight-text{letter-spacing:.5px;margin:0;font-size:1.3rem;font-weight:300;line-height:1.6}@media (max-width:768px){.visual-guide-content{width:95%;margin:0 auto;padding:0 1rem}.page-header{margin:0 -1rem 2rem;padding:3rem 1rem 2rem}.page-title{font-size:2rem}.content-section,.conclusion-section{padding:0 1rem 2rem}.intro-section{padding:0 1rem}.diagram-section{padding:0 1rem 2rem}.diagram-image{padding:1rem}.transformation-flow{flex-direction:column;gap:1rem}.arrow{transform:rotate(90deg)}.section-title{font-size:1.5rem}.section-text{font-size:1rem}}