/* RNP Game Hub — neutral, theme-friendly */
.rnp-game-card,
.rnp-game-hub,
.rnp-game-hub *{box-sizing:border-box}

.rnp-game-card{
    background:var(--rnp-surface, transparent);
    color:inherit;
    border:1px solid currentColor;
    border-color:color-mix(in srgb, currentColor 14%, transparent);
    border-radius:14px;
    overflow:hidden;
    margin:0 0 24px;
}
.rnp-game-card-cover{
    display:block;
    line-height:0;
    padding:16px 16px 0;
    text-align:center;
}
.rnp-game-card-cover img{
    display:block;
    width:min(100%, 190px);
    height:auto;
    aspect-ratio:2/3;
    object-fit:cover;
    margin:0 auto;
    border-radius:10px;
}
.rnp-game-card-body{padding:16px}
.rnp-game-card-kicker{font-size:11px;letter-spacing:.12em;font-weight:700;opacity:.55;margin-bottom:6px}
.rnp-game-card h3{margin:0 0 14px;font-size:22px;line-height:1.15;color:inherit}
.rnp-game-row{
    display:flex;flex-direction:column;gap:3px;
    padding:9px 0;
    border-top:1px solid currentColor;
    border-color:color-mix(in srgb, currentColor 12%, transparent);
    font-size:13px;line-height:1.4
}
.rnp-game-row strong{font-size:10px;text-transform:uppercase;letter-spacing:.05em;opacity:.58}
.rnp-game-row span{font-weight:500}
.rnp-game-summary{font-size:13px;line-height:1.55;opacity:.82}
.rnp-game-card-link{
    display:block;margin-top:12px;padding-top:12px;
    border-top:1px solid currentColor;
    border-color:color-mix(in srgb, currentColor 12%, transparent);
    font-weight:700;text-decoration:none;color:inherit
}

/* Dedicated Game Hub page */
.rnp-game-hub-template{width:100%}
.rnp-game-hub-shell{width:min(1180px, calc(100% - 32px));margin:32px auto 56px}

.rnp-gh-hero{
    display:grid;
    grid-template-columns:minmax(170px,260px) 1fr;
    gap:28px;
    align-items:center;
    padding:28px;
    border:1px solid currentColor;
    border-color:color-mix(in srgb, currentColor 12%, transparent);
    border-radius:20px;
    background:transparent;
    color:inherit;
    margin-bottom:36px;
}
.rnp-gh-cover{display:flex;align-items:center;justify-content:center}.rnp-gh-cover img{display:block;width:100%;max-width:320px;max-height:420px;height:auto;object-fit:contain;border-radius:12px}
.rnp-gh-kicker{font-size:11px;letter-spacing:.16em;font-weight:800;opacity:.5;margin-bottom:8px}
.rnp-gh-hero h1{font-size:clamp(30px,5vw,54px);line-height:1;margin:0 0 16px;color:inherit}
.rnp-gh-hero p{max-width:820px;opacity:.78;line-height:1.6;font-size:15px}
.rnp-gh-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px}
.rnp-gh-meta span{display:flex;flex-direction:column;gap:3px;font-size:13px}
.rnp-gh-meta b{font-size:10px;text-transform:uppercase;letter-spacing:.07em;opacity:.55}

.rnp-gh-section-title{
    display:flex;justify-content:space-between;align-items:end;
    border-bottom:1px solid currentColor;
    border-color:color-mix(in srgb, currentColor 12%, transparent);
    padding-bottom:10px;margin-bottom:26px
}
.rnp-gh-section-title span{font-size:13px;font-weight:800;letter-spacing:.1em}
.rnp-gh-section-title small{opacity:.55}
.rnp-gh-category{margin-bottom:38px}
.rnp-gh-category h2{font-size:24px;margin:0 0 16px;color:inherit}
.rnp-gh-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.rnp-gh-card{
    border:1px solid currentColor;
    border-color:color-mix(in srgb, currentColor 12%, transparent);
    border-radius:14px;overflow:hidden;background:transparent
}
.rnp-gh-card a{color:inherit;text-decoration:none}
.rnp-gh-thumb{line-height:0}
.rnp-gh-thumb img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.rnp-gh-card-body{padding:14px}
.rnp-gh-date{font-size:10px;text-transform:uppercase;letter-spacing:.07em;opacity:.52;margin-bottom:6px}
.rnp-gh-card h3{font-size:18px;line-height:1.2;margin:0 0 10px;color:inherit}
.rnp-gh-card-body span{font-size:12px;font-weight:700}

@media(max-width:800px){
 .rnp-game-hub-shell{width:min(100% - 20px, 1180px)}
 .rnp-gh-hero{grid-template-columns:110px 1fr;gap:18px;padding:18px}
 .rnp-gh-meta{grid-template-columns:1fr}
 .rnp-gh-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:520px){
 .rnp-gh-hero{grid-template-columns:1fr}
 .rnp-gh-cover img{max-width:180px}
 .rnp-gh-grid{grid-template-columns:1fr}
}

.rnp-gh-notice{
    padding:18px;
    border:1px solid currentColor;
    border-color:color-mix(in srgb, currentColor 18%, transparent);
    border-radius:12px;
    font-size:14px;
    line-height:1.5;
}

.rnp-review-code-note{
    margin-top:14px;
    padding-top:12px;
    border-top:1px solid currentColor;
    border-color:color-mix(in srgb, currentColor 12%, transparent);
    font-size:12px;
    line-height:1.45;
    font-style:italic;
    opacity:.72;
}


/* V2.7.0 — card style presets */
.rnp-game-card .rnp-game-row{display:flex;align-items:flex-start;gap:10px}
.rnp-game-row-content{display:flex;flex-direction:column;gap:3px;min-width:0}
.rnp-game-row-icon{flex:0 0 20px;width:20px;line-height:1.2;font-size:14px;margin-top:1px;opacity:.72}
.rnp-game-card-base_a .rnp-game-row-icon,.rnp-game-card-hero_a .rnp-game-row-icon{display:none}
.rnp-game-card-base_b .rnp-game-row,.rnp-game-card-hero_b .rnp-game-row{padding:10px 0}
.rnp-game-card-hero{display:block;position:relative;width:100%;height:190px;line-height:0;overflow:hidden}
.rnp-game-card-hero img{display:block;width:100%;height:100%;object-fit:cover}
.rnp-game-card-hero_a .rnp-game-card-body,.rnp-game-card-hero_b .rnp-game-card-body{position:relative;margin-top:-28px;padding-top:22px;border-radius:18px 18px 0 0;background:inherit}
@media(max-width:600px){.rnp-game-card-hero{height:160px}}

/* V2.7.2 card style presets */

/* Professional vector icons */
.rnp-game-row-icon{
    display:flex;
    align-items:center;
    justify-content:center;
    width:20px;
    height:20px;
    flex:0 0 20px;
    margin-top:1px;
    opacity:.62;
}
.rnp-game-row-icon svg{
    display:block;
    width:17px;
    height:17px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
}

/* BASE A — original V2.6 layout */
.rnp-game-card-base_a .rnp-game-row{
    display:flex;
    flex-direction:column;
    gap:3px;
    padding:9px 0;
    border-top:1px solid currentColor;
    border-color:color-mix(in srgb, currentColor 12%, transparent);
    font-size:13px;
    line-height:1.4;
}
.rnp-game-card-base_a .rnp-game-row-content{display:contents}
.rnp-game-card-base_a .rnp-game-row-icon{display:none!important}
.rnp-game-card-base_a .rnp-game-row strong{
    font-size:10px;
    text-transform:uppercase;
    letter-spacing:.05em;
    opacity:.58;
}
.rnp-game-card-base_a .rnp-game-row span{font-weight:500}

/* BASE B — same card, professional icons */
.rnp-game-card-base_b .rnp-game-row{
    display:grid;
    grid-template-columns:22px minmax(0,1fr);
    gap:10px;
    align-items:start;
    padding:10px 0;
    border-top:1px solid currentColor;
    border-color:color-mix(in srgb, currentColor 12%, transparent);
    font-size:13px;
    line-height:1.4;
}
.rnp-game-card-base_b .rnp-game-row-content{
    display:flex;
    flex-direction:column;
    gap:3px;
    min-width:0;
}
.rnp-game-card-base_b .rnp-game-row strong{
    font-size:10px;
    text-transform:uppercase;
    letter-spacing:.05em;
    opacity:.58;
}
.rnp-game-card-base_b .rnp-game-row span{font-weight:500}

/* HERO A/B — clean 16:9 image, no text overlap */
.rnp-game-card-hero_a,
.rnp-game-card-hero_b{
    overflow:hidden;
}
.rnp-game-card-hero{
    display:block;
    position:relative;
    width:100%;
    aspect-ratio:16/9;
    min-height:0;
    max-height:200px;
    line-height:0;
    overflow:hidden;
    background:color-mix(in srgb, currentColor 5%, transparent);
    border-bottom:1px solid currentColor;
    border-color:color-mix(in srgb, currentColor 10%, transparent);
}
.rnp-game-card-hero::after{
    content:"";
    position:absolute;
    left:0; right:0; bottom:0;
    height:28%;
    pointer-events:none;
    background:linear-gradient(to bottom, transparent, rgba(0,0,0,.10));
}
.rnp-game-card-hero img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
}
.rnp-game-card-hero_a .rnp-game-card-body,
.rnp-game-card-hero_b .rnp-game-card-body{
    position:relative;
    margin-top:0;
    padding-top:18px;
    border-radius:0;
    background:inherit;
}

/* HERO A — no icons */
.rnp-game-card-hero_a .rnp-game-row{
    display:flex;
    flex-direction:column;
    gap:3px;
    padding:9px 0;
    border-top:1px solid currentColor;
    border-color:color-mix(in srgb, currentColor 12%, transparent);
    font-size:13px;
    line-height:1.4;
}
.rnp-game-card-hero_a .rnp-game-row-content{display:contents}
.rnp-game-card-hero_a .rnp-game-row-icon{display:none!important}
.rnp-game-card-hero_a .rnp-game-row strong{
    font-size:10px;
    text-transform:uppercase;
    letter-spacing:.05em;
    opacity:.58;
}
.rnp-game-card-hero_a .rnp-game-row span{font-weight:500}

/* HERO B — professional icon column */
.rnp-game-card-hero_b .rnp-game-row{
    display:grid;
    grid-template-columns:22px minmax(0,1fr);
    gap:10px;
    align-items:start;
    padding:10px 0;
    border-top:1px solid currentColor;
    border-color:color-mix(in srgb, currentColor 12%, transparent);
    font-size:13px;
    line-height:1.4;
}
.rnp-game-card-hero_b .rnp-game-row-content{
    display:flex;
    flex-direction:column;
    gap:3px;
    min-width:0;
}
.rnp-game-card-hero_b .rnp-game-row strong{
    font-size:10px;
    text-transform:uppercase;
    letter-spacing:.05em;
    opacity:.58;
}
.rnp-game-card-hero_b .rnp-game-row span{font-weight:500}

@media(max-width:600px){
    .rnp-game-card-hero{max-height:175px}
}


/* V2.7.3 — selected card preset also styles the Game Hub */
.rnp-gh-meta-item{
    display:flex;
    align-items:flex-start;
    gap:10px;
    min-width:0;
}
.rnp-gh-meta-copy{
    display:flex;
    flex-direction:column;
    gap:3px;
    min-width:0;
}
.rnp-gh-meta-copy b{
    font-size:10px;
    text-transform:uppercase;
    letter-spacing:.07em;
    opacity:.55;
}
.rnp-gh-meta-copy > span{
    font-size:13px;
}
.rnp-gh-meta-icon{
    display:flex;
    align-items:center;
    justify-content:center;
    width:20px;
    height:20px;
    flex:0 0 20px;
    margin-top:1px;
    opacity:.66;
}
.rnp-gh-meta-icon svg{
    display:block;
    width:17px;
    height:17px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
}

/* Base A: current hub appearance, no icons */
.rnp-game-hub-base_a .rnp-gh-meta-icon{display:none!important}

/* Base B: same hub structure, with icons */
.rnp-game-hub-base_b .rnp-gh-meta{
    gap:14px 18px;
}

/* Hero presets: wide visual header */
.rnp-game-hub-hero_a .rnp-gh-hero,
.rnp-game-hub-hero_b .rnp-gh-hero{
    position:relative;
    display:block;
    min-height:420px;
    padding:0;
    overflow:hidden;
    border-radius:22px;
}
.rnp-game-hub-hero_a .rnp-gh-cover,
.rnp-game-hub-hero_b .rnp-gh-cover{
    position:absolute;
    inset:0;
    display:block;
}
.rnp-game-hub-hero_a .rnp-gh-cover::after,
.rnp-game-hub-hero_b .rnp-gh-cover::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(to top, rgba(0,0,0,.82) 0%, rgba(0,0,0,.48) 42%, rgba(0,0,0,.08) 75%);
    pointer-events:none;
}
.rnp-game-hub-hero_a .rnp-gh-cover img,
.rnp-game-hub-hero_b .rnp-gh-cover img{
    width:100%;
    max-width:none;
    height:100%;
    max-height:none;
    object-fit:cover;
    border-radius:0;
}
.rnp-game-hub-hero_a .rnp-gh-hero-content,
.rnp-game-hub-hero_b .rnp-gh-hero-content{
    position:relative;
    z-index:2;
    min-height:420px;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    padding:34px;
    color:#fff;
}
.rnp-game-hub-hero_a .rnp-gh-hero h1,
.rnp-game-hub-hero_b .rnp-gh-hero h1{
    color:#fff;
}
.rnp-game-hub-hero_a .rnp-gh-hero p,
.rnp-game-hub-hero_b .rnp-gh-hero p{
    max-width:760px;
    color:inherit;
}
.rnp-game-hub-hero_a .rnp-gh-meta,
.rnp-game-hub-hero_b .rnp-gh-meta{
    max-width:900px;
}
.rnp-game-hub-hero_a .rnp-gh-meta-icon{display:none!important}

/* Hero B keeps the same SVG icons */
.rnp-game-hub-hero_b .rnp-gh-meta-icon{
    color:inherit;
    opacity:.82;
}

@media(max-width:800px){
    .rnp-game-hub-hero_a .rnp-gh-hero,
    .rnp-game-hub-hero_b .rnp-gh-hero,
    .rnp-game-hub-hero_a .rnp-gh-hero-content,
    .rnp-game-hub-hero_b .rnp-gh-hero-content{
        min-height:360px;
    }

    .rnp-game-hub-hero_a .rnp-gh-hero-content,
    .rnp-game-hub-hero_b .rnp-gh-hero-content{
        padding:24px;
    }
}

@media(max-width:520px){
    .rnp-game-hub-hero_a .rnp-gh-hero,
    .rnp-game-hub-hero_b .rnp-gh-hero,
    .rnp-game-hub-hero_a .rnp-gh-hero-content,
    .rnp-game-hub-hero_b .rnp-gh-hero-content{
        min-height:420px;
    }

    .rnp-game-hub-hero_a .rnp-gh-meta,
    .rnp-game-hub-hero_b .rnp-gh-meta{
        grid-template-columns:1fr;
    }
}


/* V2.7.4 — Game Hub metadata: icon inline beside its label */
.rnp-game-hub .rnp-gh-meta > .rnp-gh-meta-item{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:4px !important;
    min-width:0;
}
.rnp-game-hub .rnp-gh-meta-label{
    display:inline-flex !important;
    flex-direction:row !important;
    align-items:center !important;
    gap:7px !important;
    line-height:1.2;
}
.rnp-game-hub .rnp-gh-meta-label b{
    display:inline !important;
    font-size:10px;
    text-transform:uppercase;
    letter-spacing:.07em;
    opacity:.58;
}
.rnp-game-hub .rnp-gh-meta-value{
    display:block !important;
    font-size:13px;
    line-height:1.45;
    font-weight:500;
}
.rnp-game-hub .rnp-gh-meta-icon{
    display:inline-flex !important;
    flex-direction:row !important;
    align-items:center;
    justify-content:center;
    width:15px;
    height:15px;
    flex:0 0 15px;
    margin:0;
    opacity:.70;
}
.rnp-game-hub .rnp-gh-meta-icon svg{
    width:14px;
    height:14px;
}

/* No icons in the non-icon presets */
.rnp-game-hub-base_a .rnp-gh-meta-icon,
.rnp-game-hub-hero_a .rnp-gh-meta-icon{
    display:none !important;
}


/* V2.8.0 — optional Game Family module. No effect when disabled. */
.rnp-gh-family-parent{margin:0 0 14px;font-size:13px;opacity:.72}.rnp-gh-family-parent a{color:inherit;font-weight:700;text-decoration:none}.rnp-gh-family{margin:0 0 40px}.rnp-gh-family-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.rnp-gh-family-card{overflow:hidden;border:1px solid currentColor;border-color:color-mix(in srgb,currentColor 12%,transparent);border-radius:14px;background:transparent}.rnp-gh-family-card a{display:block;height:100%;color:inherit;text-decoration:none}.rnp-gh-family-cover{aspect-ratio:16/10;overflow:hidden;background:color-mix(in srgb,currentColor 5%,transparent)}.rnp-gh-family-cover img{display:block;width:100%;height:100%;object-fit:cover}.rnp-gh-family-body{padding:13px}.rnp-gh-family-type{font-size:9px;font-weight:800;letter-spacing:.10em;opacity:.55;margin-bottom:5px}.rnp-gh-family-card h3{font-size:16px;line-height:1.2;margin:0 0 9px;color:inherit}.rnp-gh-family-count{font-size:11px;opacity:.62}.rnp-gh-family-base_b .rnp-gh-family-type:before,.rnp-gh-family-hero_b .rnp-gh-family-type:before{content:'◇';display:inline-block;margin-right:6px;font-size:10px}.rnp-gh-family-hero_a .rnp-gh-family-card,.rnp-gh-family-hero_b .rnp-gh-family-card{border-radius:16px}.rnp-gh-family-hero_a .rnp-gh-family-cover,.rnp-gh-family-hero_b .rnp-gh-family-cover{aspect-ratio:16/9}
@media(max-width:900px){.rnp-gh-family-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.rnp-gh-family-grid{grid-template-columns:1fr}}


/* V2.8.1 — Family Hub visibility fixes */
.rnp-game-hub-family-active .rnp-gh-family{
    display:block;
    width:100%;
}
.rnp-game-hub-family-active .rnp-gh-family-parent{
    display:flex;
    align-items:center;
    gap:6px;
    margin:0 0 16px;
    padding:9px 12px;
    border:1px solid currentColor;
    border-color:color-mix(in srgb,currentColor 12%,transparent);
    border-radius:10px;
    font-size:12px;
    line-height:1.4;
}
.rnp-game-hub-family-active .rnp-gh-family-parent a{
    font-weight:800;
    text-decoration:none;
}
.rnp-game-hub-hero_a .rnp-gh-family-parent,
.rnp-game-hub-hero_b .rnp-gh-family-parent{
    margin-bottom:18px;
}


/* V2.9.0 — Family mode is a pure main-Hub aggregator */
.rnp-game-hub .rnp-gh-family{
    margin:20px 0 36px;
    padding:20px;
    border:1px solid currentColor;
    border-color:color-mix(in srgb,currentColor 12%,transparent);
    border-radius:16px;
}
.rnp-game-hub .rnp-gh-family .rnp-gh-section-title{
    margin-bottom:16px;
}
.rnp-game-hub .rnp-gh-family-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px;
}
.rnp-game-hub .rnp-gh-family-card{
    overflow:hidden;
    border:1px solid currentColor;
    border-color:color-mix(in srgb,currentColor 12%,transparent);
    border-radius:12px;
    background:transparent;
}
.rnp-game-hub .rnp-gh-family-card a{
    color:inherit;
    text-decoration:none;
}
.rnp-game-hub .rnp-gh-family-cover{
    line-height:0;
}
.rnp-game-hub .rnp-gh-family-cover img{
    display:block;
    width:100%;
    aspect-ratio:16/10;
    object-fit:cover;
}
.rnp-game-hub .rnp-gh-family-body{
    padding:12px;
}
.rnp-game-hub .rnp-gh-family-type{
    margin-bottom:5px;
    font-size:10px;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
    opacity:.55;
}
.rnp-game-hub .rnp-gh-family-card h3{
    margin:0 0 7px;
    font-size:15px;
    line-height:1.2;
    color:inherit;
}
.rnp-game-hub .rnp-gh-family-count{
    font-size:11px;
    opacity:.64;
}
@media(max-width:900px){
    .rnp-game-hub .rnp-gh-family-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:520px){
    .rnp-game-hub .rnp-gh-family{padding:14px}
    .rnp-game-hub .rnp-gh-family-grid{grid-template-columns:1fr}
}


/* V2.10.2 — Return to parent Game Hub */
.rnp-gh-parent-return{
    display:flex;
    align-items:center;
    gap:12px;
    width:100%;
    margin:0 0 14px;
    padding:12px 14px;
    color:inherit;
    text-decoration:none;
    border:1px solid currentColor;
    border-color:color-mix(in srgb,currentColor 12%,transparent);
    border-radius:12px;
    background:transparent;
    transition:transform .18s ease,border-color .18s ease,background .18s ease;
}
.rnp-gh-parent-return:hover{
    transform:translateY(-1px);
    border-color:color-mix(in srgb,currentColor 24%,transparent);
    background:color-mix(in srgb,currentColor 3%,transparent);
    color:inherit;
}
.rnp-gh-parent-return-icon{
    display:flex;
    align-items:center;
    justify-content:center;
    width:34px;
    height:34px;
    flex:0 0 34px;
    border:1px solid currentColor;
    border-color:color-mix(in srgb,currentColor 12%,transparent);
    border-radius:10px;
}
.rnp-gh-parent-return-icon svg{
    width:17px;
    height:17px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.rnp-gh-parent-return-copy{
    display:flex;
    flex-direction:column;
    gap:2px;
}
.rnp-gh-parent-return-copy small{
    font-size:9px;
    line-height:1.2;
    letter-spacing:.09em;
    font-weight:800;
    opacity:.52;
}
.rnp-gh-parent-return-copy strong{
    font-size:14px;
    line-height:1.25;
}
.rnp-gh-parent-return-base_b .rnp-gh-parent-return-icon,
.rnp-gh-parent-return-hero_b .rnp-gh-parent-return-icon{
    background:color-mix(in srgb,currentColor 4%,transparent);
}


/* V2.12 — articles inside connected content */
.rnp-gh-family-cover-link{display:block}
.rnp-gh-family-title-link{color:inherit;text-decoration:none}
.rnp-gh-family-title-link:hover{text-decoration:underline;text-underline-offset:2px}
.rnp-gh-family-articles{
    display:flex;
    flex-direction:column;
    gap:7px;
    margin-top:12px;
    padding-top:10px;
    border-top:1px solid currentColor;
    border-color:color-mix(in srgb,currentColor 10%,transparent);
}
.rnp-gh-family-article-link{
    display:flex;
    flex-direction:column;
    gap:2px;
    padding:8px 9px;
    border-radius:8px;
    background:color-mix(in srgb,currentColor 3%,transparent);
    color:inherit;
    text-decoration:none;
}
.rnp-gh-family-article-link:hover{
    background:color-mix(in srgb,currentColor 6%,transparent);
}
.rnp-gh-family-article-link span{
    font-size:12px;
    line-height:1.3;
    font-weight:700;
}
.rnp-gh-family-article-link small{
    font-size:10px;
    opacity:.56;
}


/* V2.13.4 — Connected content cards layout fix */
.rnp-game-hub .rnp-gh-family{
    height:auto !important;
    min-height:0 !important;
}
.rnp-game-hub .rnp-gh-family-grid{
    align-items:start !important;
    grid-auto-rows:auto !important;
}
.rnp-game-hub .rnp-gh-family-card{
    display:flex !important;
    flex-direction:column !important;
    align-self:start !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    overflow:hidden !important;
}
.rnp-game-hub .rnp-gh-family-card > a,
.rnp-game-hub .rnp-gh-family-cover-link{
    display:block !important;
    height:auto !important;
    min-height:0 !important;
}
.rnp-game-hub .rnp-gh-family-cover{
    display:block !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    aspect-ratio:16/9 !important;
    overflow:hidden !important;
}
.rnp-game-hub .rnp-gh-family-cover img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    max-height:none !important;
    aspect-ratio:auto !important;
    object-fit:cover !important;
}
.rnp-game-hub .rnp-gh-family-body{
    display:block !important;
    flex:0 0 auto !important;
    height:auto !important;
    min-height:0 !important;
    padding:14px !important;
}
.rnp-game-hub .rnp-gh-family-body h3{
    margin:4px 0 7px !important;
    font-size:16px !important;
    line-height:1.25 !important;
}
.rnp-game-hub .rnp-gh-family-count{
    margin:0 !important;
    font-size:11px !important;
    line-height:1.4 !important;
}
.rnp-game-hub .rnp-gh-family-articles{
    height:auto !important;
    min-height:0 !important;
}

/* With a single connected item, keep a sensible card width instead of stretching */
.rnp-game-hub .rnp-gh-family-grid:has(> .rnp-gh-family-card:only-child){
    grid-template-columns:minmax(240px, 320px) !important;
}
@media(max-width:520px){
    .rnp-game-hub .rnp-gh-family-grid:has(> .rnp-gh-family-card:only-child){
        grid-template-columns:1fr !important;
    }
}


/* V2.13.5 — connected cards stop at content title + article count */
.rnp-game-hub .rnp-gh-family-card .rnp-gh-family-articles{
    display:none !important;
}