/* Casino reviews hub (/review/) — mobile first */
.cdt-hub { padding-top: 16px; padding-bottom: 48px; }
.cdt-hub__crumbs { font-size: 13px; color: var(--cdt-text-muted); margin-bottom: 12px; }
.cdt-hub__crumbs a { color: var(--cdt-text-muted); text-decoration: none; }
.cdt-hub__crumbs a:hover { color: var(--cdt-accent); }
.cdt-hub__crumbs span { margin: 0 4px; }

/* dark like the site header: the global [class*="hero"] h1/p rules in Additional CSS force white text here */
.cdt-hub__hero {
    background: var(--cdt-hero-bg, #0f3d2a);
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 16px;
    padding: 20px 16px;
    margin-bottom: 20px;
    color: #e7f3ec;
}
.cdt-hub__title { font-size: 26px; line-height: 1.2; margin: 0 0 12px; color: #fff; }
.cdt-hub__lead { font-size: 16px; line-height: 1.65; margin: 0 0 16px; max-width: 820px; }
.cdt-hub__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; font-size: 14px; color: rgba(255,255,255,.75); }
.cdt-hub__editor { display: inline-flex; align-items: center; gap: 8px; color: inherit; text-decoration: none; }
.cdt-hub__editor:hover strong { color: #F5A623; }
.cdt-hub__editor img { width: 32px; height: 32px; border-radius: 50%; object-fit: cover; border: 2px solid rgba(255,255,255,.25); }
.cdt-hub__editor strong { color: #fff; }
.cdt-hub__hero .cdt-hub__disclosure { margin: 14px 0 0; font-size: 12px; line-height: 1.5; color: rgba(255,255,255,.6) !important; }

.cdt-hub__picks { display: grid; grid-template-columns: 1fr; gap: 12px; margin-bottom: 28px; }
.cdt-hub-pick {
    display: flex; flex-direction: column; gap: 6px;
    padding: 16px; border-radius: 14px; text-decoration: none;
    background: var(--cdt-bg-card); border: 1px solid var(--cdt-border);
    transition: border-color .2s, transform .2s;
}
.cdt-hub-pick:hover { border-color: var(--cdt-accent); transform: translateY(-2px); }
.cdt-hub-pick__label { font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--cdt-accent); }
.cdt-hub-pick__brand { display: flex; align-items: center; gap: 10px; color: var(--cdt-text-primary); font-size: 18px; }
.cdt-hub-pick__brand img { width: 40px; height: 40px; border-radius: 10px; object-fit: contain; background: #fff; }
.cdt-hub-pick__value { font-size: 14px; color: var(--cdt-text-secondary, var(--cdt-text)); }
.cdt-hub-pick__more { font-size: 13px; font-weight: 600; color: var(--cdt-primary); margin-top: auto; }

.cdt-hub__section { margin: 0 0 36px; }
.cdt-hub__section > h2 { font-size: 22px; line-height: 1.25; margin: 0 0 8px; color: var(--cdt-text-primary); }
.cdt-hub__intro { margin: 0 0 16px; color: var(--cdt-text-secondary, var(--cdt-text)); line-height: 1.6; }

.cdt-hub__more { display: grid; grid-template-columns: 1fr; gap: 12px; }
.cdt-hub-mini {
    display: flex; flex-direction: column; gap: 6px;
    padding: 16px; border-radius: 14px;
    background: var(--cdt-bg-card); border: 1px solid var(--cdt-border);
}
.cdt-hub-mini h3 { margin: 0; font-size: 18px; }
.cdt-hub-mini h3 a { color: var(--cdt-text-primary); text-decoration: none; }
.cdt-hub-mini__bonus { margin: 0; font-weight: 700; color: var(--cdt-accent); }
.cdt-hub-mini__note { margin: 0; font-size: 14px; color: var(--cdt-text-secondary, var(--cdt-text)); }
.cdt-hub-mini__licence { margin: 0 0 6px; font-size: 13px; color: var(--cdt-text-muted); }
.cdt-hub-mini .cdt-btn { align-self: flex-start; margin-top: auto; }

.cdt-hub__undercover {
    margin: 0 0 16px; padding: 16px 18px; border-radius: 14px;
    background: var(--cdt-bg-card); border: 1px solid var(--cdt-border); border-left: 4px solid var(--cdt-accent);
}
.cdt-hub__undercover strong { display: block; margin-bottom: 6px; font-size: 17px; color: var(--cdt-text-primary); }
.cdt-hub__undercover p { margin: 0; font-size: 15px; line-height: 1.65; color: var(--cdt-text-secondary, var(--cdt-text)); }

.cdt-hub__method { display: grid; grid-template-columns: 1fr; gap: 12px; }
.cdt-hub-method {
    padding: 16px; border-radius: 14px;
    background: var(--cdt-bg-card); border: 1px solid var(--cdt-border);
}
.cdt-hub-method__weight {
    display: inline-block; padding: 2px 10px; border-radius: 999px;
    font-size: 13px; font-weight: 700; color: #fff; background: var(--cdt-primary);
}
.cdt-hub-method h3 { margin: 10px 0 6px; font-size: 17px; color: var(--cdt-text-primary); }
.cdt-hub-method p { margin: 0; font-size: 14px; line-height: 1.6; color: var(--cdt-text-secondary, var(--cdt-text)); }

.cdt-hub__team { display: grid; grid-template-columns: 1fr; gap: 12px; }
.cdt-hub-person {
    display: grid; grid-template-columns: 56px 1fr; grid-template-rows: auto auto; column-gap: 12px; align-items: center;
    padding: 14px 16px; border-radius: 14px; text-decoration: none;
    background: var(--cdt-bg-card); border: 1px solid var(--cdt-border);
}
.cdt-hub-person:hover { border-color: var(--cdt-accent); }
.cdt-hub-person img { grid-row: 1 / 3; width: 56px; height: 56px; border-radius: 50%; object-fit: cover; }
.cdt-hub-person strong { color: var(--cdt-text-primary); align-self: end; }
.cdt-hub-person span { font-size: 13px; color: var(--cdt-text-muted); align-self: start; }

@media (min-width: 640px) {
    .cdt-hub__hero { padding: 28px; }
    .cdt-hub__title { font-size: 32px; }
    .cdt-hub__picks, .cdt-hub__more, .cdt-hub__team { grid-template-columns: repeat(2, 1fr); }
    .cdt-hub__method { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 1024px) {
    .cdt-hub__title { font-size: 38px; }
    .cdt-hub__picks { grid-template-columns: repeat(4, 1fr); }
    .cdt-hub__more, .cdt-hub__team { grid-template-columns: repeat(3, 1fr); }
    .cdt-hub__method { grid-template-columns: repeat(5, 1fr); }
    .cdt-hub__section > h2 { font-size: 26px; }
}