/* Source hierarchy from production site_articles.php plus its style.css/rating.css rules. */
.legacy-public .page-top--content .legacy-articles-page-title{max-width:none;font-size:40px;line-height:45px}.legacy-articles-source{min-height:155px;padding:55px 0 45px;background:#fff}.legacy-articles-list{margin:0;padding:0;list-style:none}.legacy-articles-list li{margin:0 0 26px}.legacy-articles-list a{color:#000;text-decoration:none}.legacy-articles-list h2{margin:0;color:#000;font-family:'Code Pro Black','Arial Black',sans-serif;font-size:24px;font-weight:700;line-height:36px}.legacy-articles-list a:hover h2,.legacy-articles-list a:focus-visible h2{text-decoration:underline}.legacy-articles-empty{margin:0;color:#2f2e42;font-size:18px}.legacy-articles-pagination{display:flex;justify-content:center;gap:20px;margin-top:36px;color:#5a587e}.legacy-articles-pagination a{color:#2f2e42;text-decoration:none}.legacy-articles-pagination a:hover{text-decoration:underline}.legacy-article-source .games-game{position:relative;padding:30px 0;background:#fff}.legacy-article-source .game-component__logo{position:absolute;width:200px;height:200px;opacity:.05}.legacy-article-source .game-component__logo img{max-width:100%}.legacy-article-source__content{margin-bottom:20px;color:#444360;font-size:18px;line-height:normal}.legacy-article-source__content p{margin:0 0 10px}.legacy-article-source__content h2,.legacy-article-source__content h3{margin:0 0 20px;font-weight:700}.legacy-article-source__content h2{color:#000;font-size:24px}.legacy-article-source__content h3{font-size:20px}.legacy-article-source__content img{max-width:100%;height:auto}.legacy-article-source__content a{color:#000}@media(max-width:767px){.legacy-public .page-top--content .legacy-articles-page-title{font-size:34px;line-height:1}.legacy-articles-source{padding:35px 20px}.legacy-articles-list h2{font-size:20px}.legacy-article-source .games-game{padding:30px 20px}.legacy-article-source__content{font-size:16px}}

/* A full production render loads the legacy Code Pro display face for article
   page-top and list headings.  Keep body rich text under its source rules. */
.legacy-public .page-top--content .legacy-articles-page-title--list,.legacy-public .page-top--content .legacy-articles-page-title--detail,.legacy-articles-list h2{font-family:'Code Pro Black','Arial Black',sans-serif;font-weight:400}

/* `rating-stats > center-wrapper` already contributes the source 15px mobile
   inset.  Do not add a second 20px wrapper inset on the article list. */
@media(max-width:767px){.legacy-articles-source{padding:55px 0 45px}}

/* `inner.php` owns the ordinary article page-top at this breakpoint.  The
   source center-wrapper provides its 15px inset; the shell must not add one. */
@media(max-width:767px){.legacy-public:has(.legacy-articles-source) .page-top--content{padding-right:0;padding-left:0}.legacy-public:has(.legacy-articles-source) .page-top--content .legacy-articles-page-title{font-family:'Code-Pro-Black-LC',sans-serif;font-size:30px;font-weight:400;line-height:45px}}

/* Literal `inner.php`/style2.css banner geometry.  The shared shell's
 * fallback shorthand is deliberately overridden for the uploaded v1 photo. */
.legacy-public:has(.legacy-articles-source) .page-top--content,.legacy-public:has(.legacy-article-source) .page-top--content{background-position:50% 0;background-repeat:no-repeat;background-size:cover}

/* `site_articles.php` body text inherits the legacy Roboto document face. */
.legacy-article-source__content{font-family:Roboto,sans-serif}

/* `site_articles.php` leaves list headings to the global v1 `h2` face and
 * its inline 24px rule.  Preserve that margin on h2, not on the list item. */
.legacy-articles-list li{margin:0}.legacy-articles-list h2{margin:0 0 20px;font-family:'Code-Pro-Black-LC',sans-serif;font-size:24px;font-weight:700;line-height:36px}
@media(max-width:767px){.legacy-articles-list h2{font-size:24px}}

/* Detail follows the same `inner.php` mobile page-top.  Its `games-game`
 * owns only the vertical source padding; center-wrapper supplies the inset. */
@media(max-width:767px){.legacy-public:has(.legacy-article-source) .page-top--content .legacy-articles-page-title{font-family:'Code-Pro-Black-LC',sans-serif;font-size:30px;font-weight:400;line-height:45px}.legacy-article-source .games-game{padding:30px 0}.legacy-article-source__content{font-family:Roboto,sans-serif;font-size:18px;line-height:normal}}

/* Production Fotorama URLs are locally imported; this is its keyboard-safe replacement. */
.legacy-article-source__content .legacy-article-gallery{position:relative;max-width:760px;margin:30px auto 0;background:#2f2e42}.legacy-article-gallery__viewport{position:relative}.legacy-article-gallery__slide{position:relative;margin:0}.legacy-article-gallery__slide[hidden]{display:none}.legacy-article-gallery__slide img{display:block;width:100%;max-height:570px;object-fit:contain;background:#171622}.legacy-article-gallery__slide figcaption{position:absolute;bottom:10px;left:12px;margin:0;padding:4px 8px;color:#fff;background:rgb(0 0 0 / 65%);font:14px/1 Roboto,Arial,sans-serif}.legacy-article-gallery__controls{position:absolute;right:12px;bottom:10px;display:flex;gap:8px}.legacy-article-gallery__controls button{width:36px;height:32px;border:0;border-radius:2px;color:#fff;background:rgb(0 0 0 / 65%);font:28px/28px Arial,sans-serif;cursor:pointer}.legacy-article-gallery__controls button:hover,.legacy-article-gallery__controls button:focus-visible{background:#f9c600;color:#26233b;outline:2px solid #fff;outline-offset:2px}@media(max-width:767px){.legacy-article-source__content .legacy-article-gallery{margin-top:22px}.legacy-article-gallery__slide img{max-height:380px}.legacy-article-gallery__controls{right:8px;bottom:8px}.legacy-article-gallery__slide figcaption{bottom:8px;left:8px}}
.legacy-article-managed-cover{max-width:820px;margin:0 auto 28px}.legacy-article-managed-cover img{display:block;width:100%;max-height:520px;object-fit:cover;border-radius:12px}.legacy-article-managed-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;max-width:920px;margin:30px auto 0}.legacy-article-managed-gallery figure{margin:0}.legacy-article-managed-gallery img{display:block;width:100%;height:180px;object-fit:cover;border-radius:10px}

/* Public articles are CP-managed editorial material, not an unadorned list
 * of legacy links. Covers remain direct `/foto` renditions, avoiding a
 * per-card relation lookup; records without one get the same branded card. */
.legacy-articles-source{padding:58px 0 70px;background:#f4f2f6}.legacy-articles-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none}.legacy-articles-list li{min-width:0;margin:0}.legacy-article-card{height:100%;background:#fff;box-shadow:0 10px 25px rgba(31,29,49,.12)}.legacy-article-card__link{display:grid;grid-template-rows:auto 1fr;height:100%;color:#302f43;text-decoration:none}.legacy-article-card__media{position:relative;min-height:196px;overflow:hidden;background:linear-gradient(135deg,#e52016 0%,#ef5035 48%,#fcea1c 48%,#fcea1c 100%)}.legacy-article-card__media::after{position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(26,24,44,.38));content:""}.legacy-article-card__media img{display:block;width:100%;height:100%;min-height:196px;object-fit:cover;transition:transform .35s ease}.legacy-article-card__fallback{position:absolute;right:-14px;bottom:-50px;color:rgba(255,255,255,.2);font-family:'Code-Pro-Black-LC',Arial,sans-serif;font-size:220px;line-height:1}.legacy-article-card__media-label{position:absolute;z-index:1;bottom:13px;left:15px;color:#fff;font-size:11px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.legacy-article-card__body{display:flex;flex-direction:column;align-items:flex-start;min-height:202px;padding:22px 22px 20px}.legacy-article-card__body h2{margin:0;color:#302f43;font-family:'Code-Pro-Black-LC',Arial,sans-serif;font-size:25px;font-weight:400;line-height:1.06;overflow-wrap:anywhere}.legacy-article-card__body p{display:-webkit-box;overflow:hidden;margin:13px 0 20px;color:#656277;font-size:16px;line-height:1.42;-webkit-box-orient:vertical;-webkit-line-clamp:3}.legacy-article-card__cta{margin-top:auto;color:#e52016;font-size:13px;font-weight:800;text-transform:uppercase}.legacy-article-card__cta span{display:inline-block;margin-left:6px;transition:transform .2s ease}.legacy-article-card__link:hover,.legacy-article-card__link:focus-visible{outline:3px solid #fcea1c;outline-offset:3px}.legacy-article-card__link:hover{box-shadow:0 15px 30px rgba(31,29,49,.18)}.legacy-article-card__link:hover img{transform:scale(1.045)}.legacy-article-card__link:hover .legacy-article-card__cta span,.legacy-article-card__link:focus-visible .legacy-article-card__cta span{transform:translateX(4px)}.legacy-articles-list--single{grid-template-columns:1fr}.legacy-articles-list--single .legacy-article-card__link{grid-template-columns:minmax(340px,1.05fr) minmax(0,1fr);grid-template-rows:1fr;min-height:330px}.legacy-articles-list--single .legacy-article-card__media,.legacy-articles-list--single .legacy-article-card__media img{min-height:330px}.legacy-articles-list--single .legacy-article-card__body{min-height:330px;padding:38px}.legacy-articles-list--single .legacy-article-card__body h2{font-size:36px}.legacy-articles-list--single .legacy-article-card__body p{font-size:18px}.legacy-articles-empty{max-width:650px;margin:0 auto;padding:56px 42px;background:#302f43;color:#fff;box-shadow:0 14px 30px rgba(31,29,49,.16)}.legacy-articles-empty p{margin:0 0 7px;color:#fcea1c;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.legacy-articles-empty h2{margin:0 0 12px;color:#fff;font-family:'Code-Pro-Black-LC',Arial,sans-serif;font-size:32px;line-height:1;text-transform:uppercase}.legacy-articles-empty span{color:#dedde5;font-size:17px;line-height:1.45}.legacy-article-source__content{max-width:820px;margin-right:auto;margin-left:auto;font-size:18px;line-height:1.62}.legacy-article-source__content h2,.legacy-article-source__content h3{margin-top:1.65em;line-height:1.14}.legacy-article-source__content h2{font-family:'Code-Pro-Black-LC',Arial,sans-serif;font-size:30px}.legacy-article-source__content h3{color:#302f43;font-size:23px}.legacy-article-source__content ul,.legacy-article-source__content ol{margin:0 0 1.35em;padding-left:1.45em}.legacy-article-source__content li{margin:.45em 0}.legacy-article-source__content a{color:#d9281c;font-weight:700;text-decoration-thickness:2px;text-underline-offset:3px}.legacy-article-source__content a:hover,.legacy-article-source__content a:focus-visible{color:#302f43;outline:3px solid #fcea1c;outline-offset:3px}.legacy-article-source__content figure{max-width:100%;margin:28px 0}.legacy-article-source__content figcaption{margin-top:8px;color:#706d81;font-size:14px;line-height:1.35;text-align:center}.legacy-article-managed-gallery img{height:210px}.legacy-article-managed-gallery figure{overflow:hidden;background:#ecebf0}.legacy-article-managed-gallery img{transition:transform .25s ease}.legacy-article-managed-gallery figure:hover img{transform:scale(1.035)}@media(max-width:1000px){.legacy-articles-list{grid-template-columns:repeat(2,minmax(0,1fr))}.legacy-articles-list--single{grid-template-columns:1fr}}@media(max-width:640px){.legacy-articles-source{padding:38px 15px 46px}.legacy-articles-list{grid-template-columns:1fr;gap:18px}.legacy-article-card__media{min-height:190px}.legacy-article-card__body{min-height:0;padding:20px}.legacy-article-card__body h2{font-size:24px}.legacy-articles-list--single .legacy-article-card__link{grid-template-columns:1fr;grid-template-rows:auto 1fr;min-height:0}.legacy-articles-list--single .legacy-article-card__media,.legacy-articles-list--single .legacy-article-card__media img{min-height:190px}.legacy-articles-list--single .legacy-article-card__body{min-height:0;padding:20px}.legacy-articles-list--single .legacy-article-card__body h2{font-size:24px}.legacy-articles-list--single .legacy-article-card__body p{font-size:16px}.legacy-articles-empty{padding:38px 24px}.legacy-articles-empty h2{font-size:27px}.legacy-article-source__content{font-size:17px;line-height:1.58}.legacy-article-source__content h2{font-size:27px}.legacy-article-source__content h3{font-size:21px}.legacy-article-managed-cover{margin-bottom:20px}.legacy-article-managed-gallery{grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}.legacy-article-managed-gallery img{height:145px}}