/* Currencies and Materials Guide Specific Styles */

        .currency-table {
            width: 100%;
            border-collapse: collapse;
            background: rgba(255, 255, 255, 0.05);
            border-radius: 8px;
            overflow: hidden;
            margin: 20px 0;
        }

        .currency-table thead {
            background: rgba(122, 90, 248, 0.1);
        }

        .currency-table th,
        .currency-table td {
            padding: 15px;
            text-align: left;
            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
            color: #e6e6e6;
        }

        .currency-table th {
            font-weight: bold;
            color: #e6e6e6;
        }

        .currency-table tbody tr:hover {
            background: rgba(255, 255, 255, 0.02);
        }

        .currency-icon {
            width: 72px;
            height: 72px;
            object-fit: contain;
            border-radius: 4px;
            vertical-align: middle;
            margin-right: 8px;
        }

        .currency-icon-small {
            width: 54px;
            height: 54px;
            object-fit: contain;
            border-radius: 4px;
            vertical-align: middle;
            margin-right: 8px;
        }

        strong {
            color: #e6e6e6;
        }

        .priority-high {
            color: #4ecdc4;
            font-weight: bold;
        }

        .priority-medium {
            color: #ffd93d;
            font-weight: bold;
        }

        .priority-low {
            color: #ff6b6b;
            font-weight: bold;
        }

        /* Guide Card Styles come from /css/components/guide_grid.css */

        .guide-card h3 span {
            display: inline-block;
            margin-left: 8px;
            padding: 2px 6px;
            border-radius: 4px;
            font-size: 0.8em;
            font-weight: bold;
        }

        @media (max-width: 768px) {

            .guide-section h2 {
                font-size: 1.5rem;
            }

            .currency-table th,
            .currency-table td {
                padding: 10px 8px;
                font-size: 0.9rem;
            }

            /* Responsive Video */
            iframe {
                width: 100% !important;
                height: 250px !important;
            }
        }

        @media (max-width: 480px) {
            iframe {
                height: 200px !important;
            }
        }