/* Header CTA button - inherits from c3edb9 styling in main.css */
.cta-header-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 18px;
    font-weight: 700;
    text-decoration: none;
    color: var(--text-btns);
    line-height: 1;
    border-radius: 6px;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    font-size: 14px;
    cursor: pointer;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.cta-header-btn:hover { transform: translateY(-1px); box-shadow: 0 4px 16px rgba(189,187,189,0.25); }
.cta-hero-btn { text-decoration: none; }
.cta-hero-btn:hover { text-decoration: none; }

/* Tech-page content readability */
.tech-page-content { max-width: 900px; margin: 0 auto; padding: 20px 15px 60px; }
.tech-page-content h2 { margin-top: 32px; margin-bottom: 12px; font-size: 1.4rem; color: #fff; }
.tech-page-content p, .tech-page-content li { color: #d5d5d5; line-height: 1.65; margin-bottom: 12px; }
.tech-page-content ul { padding-left: 22px; margin-bottom: 16px; }
.tech-page-content a { color: #b9a26f; text-decoration: underline; }

/* Reviews block */
.reviews-section {
    background: linear-gradient(135deg, #1a1c22 0%, #23262f 50%, #1a1c22 100%);
    padding: 40px 20px;
    margin: 40px -15px 20px;
    border-radius: 14px;
    border: 1px solid #2a2e35;
}
.reviews-inner { max-width: 1180px; margin: 0 auto; }
.reviews-section h2 { text-align: center; margin-bottom: 12px; font-size: 1.7rem; }
.reviews-lead { text-align: center; color: #c9c9c9; margin-bottom: 28px; max-width: 720px; margin-left: auto; margin-right: auto; }
.reviews-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(310px, 1fr));
    gap: 20px;
}
.review-card {
    background: linear-gradient(180deg, #1c1e22 0%, #16181c 100%);
    border: 1px solid #2f3339;
    border-radius: 12px;
    padding: 22px 20px;
    box-shadow: 0 6px 20px rgba(0,0,0,0.28);
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}
.review-card:hover { transform: translateY(-3px); box-shadow: 0 10px 28px rgba(0,0,0,0.42); }
.review-head { display: flex; align-items: center; gap: 14px; margin-bottom: 14px; }
.review-avatar {
    width: 52px; height: 52px; border-radius: 50%;
    background: linear-gradient(135deg, #b9a26f 0%, #7a6a45 100%);
    color: #14161a; font-weight: 800; font-size: 1.1rem;
    display: flex; align-items: center; justify-content: center;
    flex-shrink: 0;
}
.review-meta { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.review-name { font-weight: 700; color: #fff; font-size: 0.98rem; }
.review-city { color: #a4a4a4; font-size: 0.82rem; }
.review-stars { display: flex; gap: 2px; margin-top: 3px; }
.review-stars .star { color: #f2c94c; font-size: 0.95rem; line-height: 1; }
.review-stars .star-empty { color: #444; }
.review-text { color: #d0d0d0; line-height: 1.55; font-size: 0.93rem; margin: 0; }

/* Main content tables inside .ca4fb */
.ca4fb table { width: 100%; border-collapse: collapse; margin: 14px 0 22px; font-size: 0.93rem; }
.ca4fb th, .ca4fb td { padding: 10px 12px; text-align: left; border: 1px solid var(--table-border); color: var(--table-color); }
.ca4fb th { background: var(--nav-acc-head-game-bg); font-weight: 700; }
.ca4fb tbody tr:nth-child(even) td { background: var(--table-even-bg); }
.ca4fb tbody tr:nth-child(odd) td { background: var(--table-odd-bg); }

/* Main content h1/h2/h3 spacing */
.ca4fb h1 { font-size: 1.7rem; margin: 16px 0 14px; line-height: 1.25; }
.ca4fb h2 { font-size: 1.35rem; margin: 26px 0 12px; line-height: 1.3; }
.ca4fb h3 { font-size: 1.1rem; margin: 18px 0 10px; line-height: 1.35; color: #e8d9a8; }
.ca4fb p { margin-bottom: 12px; color: #d8d8d8; line-height: 1.65; font-size: 0.98rem; }
.ca4fb ul { padding-left: 22px; margin-bottom: 14px; }
.ca4fb ul li { color: #d0d0d0; margin-bottom: 6px; line-height: 1.55; }

@media (max-width: 620px) {
    .reviews-section { padding: 28px 12px; margin: 30px -8px 10px; }
    .reviews-grid { grid-template-columns: 1fr; }
    .ca4fb th, .ca4fb td { padding: 8px 8px; font-size: 0.87rem; }
    .ca4fb h1 { font-size: 1.4rem; }
    .ca4fb h2 { font-size: 1.2rem; }
}

/* Table with data-label mobile responsiveness for wider tables */
@media (max-width: 520px) {
    .ca4fb table, .ca4fb thead, .ca4fb tbody, .ca4fb tr, .ca4fb th, .ca4fb td { display: block; }
    .ca4fb thead { display: none; }
    .ca4fb tr { border: 1px solid var(--table-border); margin-bottom: 10px; }
    .ca4fb td { border: none; border-bottom: 1px solid var(--table-border); position: relative; padding-left: 45%; }
    .ca4fb td:before {
        content: attr(data-label);
        position: absolute; left: 10px; top: 10px;
        font-weight: 700; color: #b9a26f; font-size: 0.82rem;
    }
}

/* Footer nav split */
.footer-legal-nav a { color: #a4a4a4; font-size: 0.86rem; }
.footer-legal-nav { flex-wrap: wrap; }

/* Mobile aside show/hide */
aside.c3ea7b0 { transition: transform 0.3s ease; }
aside.c3ea7b0.open { transform: translateX(0); }