/* guide.css */
.guide-container{max-width:1200px;margin:2rem auto;padding:0 1.5rem}
.guide-section{background:#fff;border-radius:10px;padding:2rem;margin-bottom:2rem;box-shadow:0 2px 10px rgba(0,0,0,.1)}
.guide-section h2{color:#6a38c2;margin-bottom:1rem;display:flex;align-items:center;gap:1rem}
.guide-section h2 i{font-size:1.5rem}
.guide-section p{color:#666;line-height:1.6;margin-bottom:1rem}
.guide-list{list-style:none;padding:0}
.guide-list li{padding:1rem;border-bottom:1px solid #eee}
.guide-list li:last-child{border-bottom:none}
.guide-table{width:100%;margin:1rem 0;overflow-x:auto;-webkit-overflow-scrolling:touch}
.guide-table table{width:100%;min-width:500px;border-collapse:collapse}
.guide-table th,.guide-table td{padding:1rem;border:1px solid #eee;text-align:left;white-space:nowrap}
.guide-table th{background:#f8f9fa;color:#6a38c2;font-weight:600}
.guide-table tr:nth-child(even){background-color:#fafafa}
.guide-table tr:hover{background-color:#f5f5f5}
.warning-box{background:#fff3cd;border-left:4px solid #ffc107;padding:1rem;margin:1rem 0}
.info-box{background:#e7f5ff;border-left:4px solid #0dcaf0;padding:1rem;margin:1rem 0}

@media screen and (max-width:768px){
    .guide-table{border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1)}
    .guide-table::after{content:'→ Scroll to see more';display:block;text-align:right;font-size:.8rem;color:#666;padding:.5rem;opacity:.7}
    .guide-table:not(:has(>table[style*="overflow"])):after{display:none}
}