/* Refinement layer for the Gaming / Pop Culture cluster (v2).
   Scope per the reviewed handoff v2.1: behavior and additions only — the
   approved center, the black masthead, and the header design are untouched.
   This layer carries the sticky category menu with its compact wordmark,
   the vertical Cover Story rail unit, the article crumb / ink rule / share
   row, Coming soon pages, and the branded utility and author chrome. The
   palette is mirrored at the .layout- level so pages without the gaming
   body class context (author, 404) keep the sector colors. */
.layout-gaming-drop { --ink: #090909; --line: #cfcfcf; --muted: #666666; --warm: #f1f1f1; --accent: var(--sector-accent, #e08a00); color: var(--ink); }

/* Sticky menu (mandatory): the approved category menu stays pinned to the
   top of the screen while a compact wordmark appears beside it once the
   masthead has scrolled away. Colors, fonts, and composition of the header
   are unchanged. The pinned bar sits above content and below the search
   overlay and the mobile menu. */
.layout-gaming-drop .sector-nav[data-gaming-nav] { position: sticky; top: 0; z-index: 40; background: #fff; }
.layout-gaming-drop .gaming-nav-logo { display: none; align-items: center; padding-right: .9rem; margin-right: .35rem; border-right: 1px solid var(--line); text-decoration: none; }
.layout-gaming-drop .gaming-nav-logo strong { font: 800 .82rem var(--sector-head), sans-serif; text-transform: uppercase; letter-spacing: .02em; color: var(--ink); }
.gd-scrolled .layout-gaming-drop .gaming-nav-logo { display: inline-flex; }

/* Cover Story rail unit (the only homepage addition): the vertical magazine
   block lives in the right rail — portrait 3:4 cover of the freshest Cover
   Story, up to two text rows beneath it, and the rubric link; the Coming
   soon state publishes while the desk is empty. Vertical Cover Story art
   never enters a horizontal slot. */
.layout-gaming-drop .gd-cover-story { margin-top: 0; padding: 1.2rem 1.4rem 1.4rem; border-top: 3px solid var(--ink); }
.layout-gaming-drop .gd-cover-story h2 { margin: 0 0 .6rem; font: 600 .74rem var(--sector-ui), monospace; text-transform: uppercase; letter-spacing: .1em; color: var(--ink); }
.layout-gaming-drop .gd-cover-story > a { color: var(--ink); }
.layout-gaming-drop .gd-cs-feature { display: block; margin: 0 0 .8rem; text-decoration: none; }
.layout-gaming-drop .gd-cs-feature .sector-media { aspect-ratio: 3 / 4; }
.layout-gaming-drop .gd-cs-feature .sector-kicker { margin: .55rem .4rem .25rem 0; }
.layout-gaming-drop .gd-cs-feature strong { display: block; font: 800 1.02rem/1.15 var(--sector-head), sans-serif; text-transform: uppercase; color: var(--ink); }
.layout-gaming-drop .gd-cs-feature small { display: block; margin-top: .3rem; font: 600 .7rem var(--sector-ui), monospace; letter-spacing: .04em; text-transform: uppercase; color: var(--muted); }
.layout-gaming-drop .gd-cs-empty { margin: 0 0 .6rem; color: #4f4f4f; line-height: 1.5; }
.layout-gaming-drop .gd-cs-all { display: inline-block; padding: .5rem 0 .1rem; border-top: 1px solid var(--line); width: 100%; font: 600 .72rem var(--sector-ui), monospace; text-transform: uppercase; letter-spacing: .06em; color: var(--accent); text-decoration: none; }
.layout-gaming-drop .gd-cs-all:hover { color: var(--ink); }

/* Approved-but-empty rubrics publish a Coming soon page in the standard
   category layout until their first articles land. */
.layout-gaming-drop .gd-coming-soon .sector-kicker { margin-top: 0; }
.layout-gaming-drop .gd-coming-soon h2 { font-size: clamp(1.4rem, 4vw, 2.4rem); }
.layout-gaming-drop .gd-coming-soon p:last-child { max-width: 42rem; margin: .8rem auto 0; color: #4f4f4f; }

/* Article page: mono-caps crumb with the accent Home link, the ink rule
   under the byline, and the sector-voiced share row with canonical URLs.
   The approved article geometry and The Drop module are untouched. */
.layout-gaming-drop .sector-article .sector-crumb { display: block; margin-bottom: 1rem; font: 600 .72rem var(--sector-ui), monospace; letter-spacing: .08em; text-transform: uppercase; color: var(--muted); }
.layout-gaming-drop .sector-article .sector-crumb a { color: var(--accent); }
.layout-gaming-drop .sector-article .sector-article-meta { padding-bottom: .9rem; border-bottom: 3px solid var(--ink); }
.layout-gaming-drop .sector-share { display: flex; align-items: center; flex-wrap: wrap; gap: .5rem; margin: 1rem 0 1.4rem; }
.layout-gaming-drop .sector-share > span { font: 600 .7rem var(--sector-ui), monospace; letter-spacing: .1em; text-transform: uppercase; color: var(--muted); margin-right: .2rem; }
.layout-gaming-drop .sector-share a { border: 1px solid var(--line); padding: .45rem .7rem; font: 600 .68rem var(--sector-ui), monospace; letter-spacing: .06em; text-transform: uppercase; color: var(--ink); background: #fff; text-decoration: none; }
.layout-gaming-drop .sector-share a:hover { border-color: var(--accent); color: var(--accent); }

/* Author page in the sector voice: mono AUTHOR label, portrait photo tile,
   uppercase name over the ink rule, sector-card article grid. */
.layout-gaming-drop .sector-author-page { display: grid; grid-template-columns: 7.5rem minmax(0, 1fr); gap: 1.6rem; align-items: start; padding-bottom: 1.4rem; border-bottom: 3px solid var(--ink); }
.layout-gaming-drop .sector-author-page-photo { width: 7.5rem; height: 7.5rem; object-fit: cover; background: var(--warm); }
.layout-gaming-drop .sector-author-page .sector-kicker { display: inline-block; margin: 0 0 .5rem; background: var(--accent); }
.layout-gaming-drop .sector-author-page h1 { font: 800 clamp(1.8rem, 4.4vw, 3rem)/0.95 var(--sector-head), sans-serif; text-transform: uppercase; margin: .3rem 0 .7rem; }
.layout-gaming-drop .sector-author-bio { max-width: 44rem; color: #4f4f4f; line-height: 1.6; }
.layout-gaming-drop .sector-author-title, .layout-gaming-drop .sector-author-credentials { margin: .45rem 0 0; font: 600 .78rem var(--sector-ui), monospace; color: var(--muted); }
.layout-gaming-drop .sector-author-articles .sector-card h3 { font: 800 1.04rem/1.2 var(--sector-head), sans-serif; text-transform: uppercase; }

/* Utility pages wear the sector's editorial header: mono crumb, large
   uppercase Schibsted heading, ink rule; the About body reads as text. */
.layout-gaming-drop .sector-utility .sector-crumb { font: 600 .72rem var(--sector-ui), monospace; letter-spacing: .08em; text-transform: uppercase; color: var(--muted); }
.layout-gaming-drop .sector-utility .sector-crumb a { color: var(--accent); }
.layout-gaming-drop .sector-utility > h1 { font: 800 clamp(1.9rem, 5vw, 3.1rem)/0.98 var(--sector-head), sans-serif; text-transform: uppercase; margin: .55rem 0 0; padding-bottom: 1.1rem; border-bottom: 3px solid var(--ink); }
.layout-gaming-drop .sector-utility .sector-utility-intro { font-size: 1.12rem; line-height: 1.6; color: #4f4f4f; max-width: 44rem; }
.layout-gaming-drop .sector-utility--about .sector-about-body { max-width: 52rem; font-size: 1.08rem; line-height: 1.7; }
.layout-gaming-drop .sector-utility--about .sector-about-body p { margin: 0 0 1.4rem; }
.layout-gaming-drop .sector-utility--about .about-team, .layout-gaming-drop .sector-utility--about .about-network { margin-top: 3rem; padding-top: 1.5rem; border-top: 1px solid var(--line); }
.layout-gaming-drop .sector-utility--about .about-team h2, .layout-gaming-drop .sector-utility--about .about-network h2 { font-family: var(--sector-head), sans-serif; }
.layout-gaming-drop .sector-utility--about .team-member img { border-radius: 50%; background: var(--warm); }
.layout-gaming-drop .sector-utility--about .team-member .name { font-weight: 800; margin-top: .5rem; }
.layout-gaming-drop .sector-utility--about .team-member .title, .layout-gaming-drop .sector-utility--about .team-member .line { font-size: .85rem; color: var(--muted); }

/* Contact page wears the same header; its form speaks the sector language. */
.layout-gaming-drop .sector-utility #contact-page-title { font: 800 clamp(1.9rem, 5vw, 3.1rem)/0.98 var(--sector-head), sans-serif; text-transform: uppercase; margin: .55rem 0 0; padding-bottom: 1.1rem; border-bottom: 3px solid var(--ink); }
.layout-gaming-drop .vuga-contact-form label { font: 600 .74rem var(--sector-ui), monospace; letter-spacing: .06em; text-transform: uppercase; color: var(--muted); }
.layout-gaming-drop .vuga-contact-form input, .layout-gaming-drop .vuga-contact-form textarea { width: 100%; border: 1px solid var(--line); padding: .7rem .85rem; font: 500 .95rem var(--sector-body), sans-serif; background: #fff; }
.layout-gaming-drop .vuga-contact-form input:focus, .layout-gaming-drop .vuga-contact-form textarea:focus { outline: none; border-color: var(--accent); box-shadow: 0 0 0 2px color-mix(in srgb, var(--accent) 18%, transparent); }
.layout-gaming-drop .vuga-contact-form button[type="submit"] { border: 0; padding: .8rem 1.4rem; background: var(--ink); color: #fff; font: 600 .78rem var(--sector-ui), monospace; letter-spacing: .08em; text-transform: uppercase; cursor: pointer; }
.layout-gaming-drop .vuga-contact-form button[type="submit"]:hover { background: var(--accent); }

@media (max-width: 760px) {
  .layout-gaming-drop .sector-author-page { grid-template-columns: 1fr; }
  .layout-gaming-drop .sector-author-page-photo { width: 5.5rem; height: 5.5rem; }
}

/* ---- 2026-09-05 canon width gate (network-wide fix): lift the base
   sector-publication.css 760px squeeze so utility pages fill the shared
   1180px nav/footer container. Same fix as arts/bp/edu/ent. */
.layout-gaming-drop .sector-utility-wrap { width: min(1180px, 100%); margin: 0 auto; }
.layout-gaming-drop .sector-utility { width: 100%; max-width: none; margin: 0; }
.layout-gaming-drop .sector-utility--about > .sector-about-body,
.layout-gaming-drop .sector-utility--about > .about-team,
.layout-gaming-drop .sector-utility--about > .about-network { width: 100%; margin-inline: 0; }

/* ---- 2026-09-06 wave 3: no breadcrumb on author/about/data (removed in
   markup); author name, bio, about body and data title read smaller. */
.layout-gaming-drop .sector-author-page-content h1 { font-size: clamp(1.5rem, 3vw, 2rem) !important; }
.layout-gaming-drop .sector-author-bio { font-size: .92rem !important; }
.layout-gaming-drop .sector-about-body { font-size: .95rem !important; }
.layout-gaming-drop .sector-about-body h1, .layout-gaming-drop .sector-utility > h1 { font-size: clamp(1.6rem, 4vw, 2.2rem) !important; }
.layout-gaming-drop .data-main h1 { font-size: clamp(1.6rem, 4vw, 2.2rem) !important; }

/* Body links must read as links (owner directive 2026-09-07): the family
   inherited ink-on-ink with no underline, hiding sources and internal links. */
.layout-gaming-drop .sector-article-body a,
.layout-gaming-drop .sector-about-body a,
.layout-gaming-drop .sector-utility a:not(.sector-crumb a) {
  color: var(--accent, var(--sector-accent, #26863f));
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: .18em;
}
.layout-gaming-drop .sector-article-body a:hover,
.layout-gaming-drop .sector-about-body a:hover { color: var(--ink, #090909); }

/* Display titles are uppercase and huge; one long word ("ANNOUNCEMENTS:")
   used to overrun the rail. Cap the size to the column and let a word that
   still cannot fit break rather than escape the box. */
.layout-gaming-drop .sector-lead-main h2,
.layout-gaming-drop .sector-section-head h2,
.layout-gaming-drop .sector-article h1 {
  overflow-wrap: anywhere;
  hyphens: auto;
  min-width: 0;
}
.layout-gaming-drop .sector-lead-main h2 { font-size: clamp(2.2rem, 4.6vw, 4.6rem); }
.layout-gaming-drop .sector-article h1 { font-size: clamp(2rem, 4.2vw, 4.2rem); }

/* gd-header r6 (user, 2026-09-09): desktop drops the left burger and the
   masthead lens — the lens moves into the sticky nav row, flush right with
   the same 1.25rem edge gap as the first link on the left. Segment ribbon
   is dropped family-wide in the header partial; the brand tagline stays. */
.layout-gaming-drop .sector-nav[data-gaming-nav] > div { position: relative; }
.layout-gaming-drop .gaming-nav-search { position: absolute; right: .95rem; top: 50%; transform: translateY(-50%); display: inline-flex; align-items: center; }
.layout-gaming-drop .gaming-nav-search .sector-search-toggle { padding: .3rem; }
.layout-gaming-drop .gaming-nav-search .sector-search-toggle svg { width: 18px; height: 18px; }
/* visibility (not display:none): the burger and the actions column must keep
   their grid cells or the centered brand collapses into column one. */
@media(min-width:761px){
  .layout-gaming-drop .gaming-masthead-inner .sector-menu,
  .layout-gaming-drop .gaming-masthead-inner .sector-actions { visibility: hidden; }
  .layout-gaming-drop .sector-nav[data-gaming-nav] > div { padding-right: 3.2rem; }
}
@media(max-width:760px){
  .layout-gaming-drop .gaming-nav-search { display: none; }
  /* dark lens on the ink-black masthead was unreadable */
  .layout-gaming-drop .gaming-masthead-inner .sector-actions .sector-search-toggle { color: #fff; }
}

/* gd-front r7 (user, 2026-09-09): header keeps only the centered wordmark
   (tagline hidden, geometry untouched). Homepage rebuild — left column = three
   latest (big, big, text-only) at half the old lead title size; right column =
   two category-1 articles over the vertical Cover Story. Every homepage
   article reads: accent kicker line, title, excerpt, then author and date. */
/* tagline is back, painted with the site's own accent; the ink bar keeps a
   strip of air under it instead of cutting off right beneath the text */
.layout-gaming-drop .gaming-masthead-inner { padding-bottom: .9rem; }
.layout-gaming-drop .gaming-masthead-inner .sector-brand span { visibility: visible; color: var(--sector-accent, #e08a00); }
.layout-gaming-drop .gd-latest { min-width: 0; display: flex; flex-direction: column; }
.layout-gaming-drop .gd-latest .sector-section-head { margin: 0 0 1.4rem; }
.layout-gaming-drop .gd-latest-item { padding-bottom: 1.4rem; margin-bottom: 1.4rem; border-bottom: 1px solid var(--line); }
.layout-gaming-drop .gd-latest-item:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: 0; }
.layout-gaming-drop .gd-latest-media { display: block; margin: 0 0 .6rem; }
.layout-gaming-drop .gd-latest-title { margin: 0; font: 800 clamp(1.1rem, 2.3vw, 2.3rem)/1.12 var(--sector-head); letter-spacing: -.02em; text-transform: uppercase; }
.layout-gaming-drop .gd-latest-title a, .layout-gaming-drop .gd-rail-title a { color: var(--ink); }
.layout-gaming-drop .gd-rail-title { margin: 0; font: 800 1.06rem/1.25 var(--sector-head); text-transform: uppercase; }
.layout-gaming-drop .gaming-front .sector-kicker { display: block; margin: 0 0 .45rem; }
.layout-gaming-drop .gd-latest-excerpt { display: block; margin: .4rem 0 0; color: #4f4f4f; line-height: 1.5; }
.layout-gaming-drop .gd-meta { display: flex; flex-direction: column; gap: .18rem; margin-top: .55rem; font: 600 .72rem/1.3 var(--sector-ui); letter-spacing: .05em; text-transform: uppercase; }
.layout-gaming-drop .gd-meta-author { color: var(--ink); }
.layout-gaming-drop .gd-meta-date { color: var(--muted); }
.layout-gaming-drop .gd-cs-excerpt { display: block; }
/* rail rows hug their content; the leftover height of the lead row stays
   below the cover story instead of stretching every card apart */
.layout-gaming-drop .gd-front-rail { align-content: start; }

/* gd-front r8 (user, 2026-09-09): sector 2 = category-2 row of three cards;
   sector 3 = three vertical columns (categories 3-5), three articles each,
   first one carries the photo; sector 4 = Now Loading, four latest across. */
.layout-gaming-drop .gd-columns { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 2rem; }
.layout-gaming-drop .gd-column { min-width: 0; }
.layout-gaming-drop .gd-column .sector-section-head { margin: 0 0 1.2rem; }
.layout-gaming-drop .gd-col-item { padding-bottom: 1.1rem; margin-bottom: 1.1rem; border-bottom: 1px solid var(--line); }
.layout-gaming-drop .gd-col-item:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: 0; }
.layout-gaming-drop .gd-col-title { margin: 0; font: 800 1.02rem/1.25 var(--sector-head); text-transform: uppercase; }
.layout-gaming-drop .gd-col-title a { color: var(--ink); }
.layout-gaming-drop .gd-grid-4 { grid-template-columns: repeat(4, minmax(0,1fr)); }
@media(max-width:1100px) and (min-width:761px){
  .layout-gaming-drop .gd-grid-4 { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .layout-gaming-drop .gd-columns { grid-template-columns: repeat(2, minmax(0,1fr)); }
}

/* column heads sit inside narrow columns: keep them section-sized, not
   front-page sized */
.layout-gaming-drop .gd-columns > .sector-section-head h2 { font-size: clamp(1.25rem, 1.8vw, 1.7rem); }

/* gd-front r9 (user, 2026-09-09): air everywhere — no text or photo is allowed
   to touch a rule or a box edge. Right rail = two category-1 articles with
   photos plus one text-only. Sector-3 columns align their rows across the
   front (subgrid), so the divider rules read as one horizontal design. */
.layout-gaming-drop .sector-section-head { margin-bottom: 1.4rem; }
.layout-gaming-drop .sector-card { padding: 1.3rem 1.3rem 1.5rem; }
.layout-gaming-drop .sector-rail article { padding: 1.3rem 1.4rem 1.5rem; }
.layout-gaming-drop .gd-latest { padding: 1.3rem 1.4rem 0; }
.layout-gaming-drop .gd-latest-item { padding-top: 1.3rem; padding-bottom: 1.3rem; }
.layout-gaming-drop .gd-latest-item:first-child { padding-top: .1rem; }
.layout-gaming-drop .gd-latest-item:last-child { padding-bottom: 1.4rem; }

/* gd-front r9b: sector 3 as row-major grid — every row is its own 3-col grid,
   so dividers align across columns by construction (no subgrid). */
.layout-gaming-drop .gd-columns { column-gap: 2rem; }
.layout-gaming-drop .gd-columns > .sector-section-head { margin-bottom: 1.4rem; }
.layout-gaming-drop .gd-row { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); column-gap: 2rem; align-items: start; border-bottom: 1px solid var(--line); padding: 1.2rem 0 1.4rem; }
.layout-gaming-drop .gd-columns .gd-row { grid-column: 1 / -1; }
.layout-gaming-drop .gd-columns .gd-row:last-child { border-bottom: 0; padding-bottom: .2rem; }
.layout-gaming-drop .gd-col-item { padding: 0; margin: 0; border-bottom: 0; min-width: 0; }
.layout-gaming-drop .gd-col-cell--empty { display: none; }


/* gd-category r10 (user, 2026-09-09): the "Channel" kicker is gone, the
   category title is compact, the description runs one short sentence, stories
   sit in a 3×2 card grid with the house anatomy, and pagination is a Next
   button. */
.layout-gaming-drop .gaming-channel .sector-page-title { font-size: clamp(2rem, 3.5vw, 3.2rem); }
.layout-gaming-drop .gd-cat-desc { margin: .6rem 0 0; color: #4f4f4f; }
.layout-gaming-drop .gd-cat-page .sector-kicker { display: block; margin: 0 0 .45rem; }
.layout-gaming-drop .gd-cat-grid { margin-top: 0; }
.layout-gaming-drop .gd-cat-pages { margin-top: 2rem; }
.layout-gaming-drop .gd-cat-pages a { display: inline-block; border: 1px solid var(--line); background: #fff; padding: .7rem 1.1rem; font: 700 .78rem/1 var(--sector-ui); letter-spacing: .08em; text-transform: uppercase; color: var(--ink); text-decoration: none; }
.layout-gaming-drop .gd-cat-pages a:hover { border-color: var(--sector-accent); color: var(--accent); }

/* gd-article r11 (user, 2026-09-09): category on its own line above a calmer
   headline, FAQ/sources before the author, compact left-flush author card
   (avatar links to the profile), full-width More Like This row. */
.layout-gaming-drop .gd-art-cat { display: block; margin: 0 0 .6rem; }
.layout-gaming-drop .sector-article h1 { font-size: clamp(1.9rem, 3.4vw, 3.1rem); line-height: 1.12; letter-spacing: -.015em; }
.layout-gaming-drop .gd-author { display: flex; align-items: center; gap: .7rem; background: none; padding: 1.1rem 0 0; margin: 2.2rem 0 0; }
.layout-gaming-drop .gd-author-avatar { display: inline-flex; width: 40px; height: 40px; border-radius: 50%; overflow: hidden; background: var(--warm); flex: 0 0 auto; }
.layout-gaming-drop .gd-author-avatar img { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; }
.layout-gaming-drop .gd-author-fallback { display: inline-flex; align-items: center; justify-content: center; width: 100%; font: 700 .78rem var(--sector-ui); color: var(--ink); }
.layout-gaming-drop .gd-author-text { display: flex; flex-direction: column; gap: .12rem; }
.layout-gaming-drop .gd-author-name { font: 800 .86rem/1.2 var(--sector-ui); color: var(--ink); }
.layout-gaming-drop .gd-author-role { font: 600 .72rem/1.25 var(--sector-ui); letter-spacing: .03em; color: var(--muted); }
.layout-gaming-drop .gd-more { margin-top: 2.6rem; }
.layout-gaming-drop .gd-more-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 1.5rem; }
.layout-gaming-drop .gd-more-card { min-width: 0; }
@media(max-width:1100px) and (min-width:761px){
  .layout-gaming-drop .gd-more-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media(max-width:760px){
  .layout-gaming-drop .gd-more-grid { grid-template-columns: minmax(0,1fr); }
}

/* gd-author-page r12 (user, 2026-09-09): the role line is off, "Articles by"
   runs at section scale, every card keeps the house anatomy, six per page
   with a Next pager. */
.layout-gaming-drop .sector-author-articles .sector-section-head h2 { font-size: clamp(1.6rem, 2.6vw, 2.4rem); }
.layout-gaming-drop .sector-author-articles .sector-section-head { margin-bottom: 1.4rem; }
.layout-gaming-drop .gd-author-card .sector-kicker { display: block; margin: 0 0 .45rem; }
.layout-gaming-drop .gd-author-pages { margin-top: 2rem; }
.layout-gaming-drop .gd-author-pages a { display: inline-block; border: 1px solid var(--line); background: #fff; padding: .7rem 1.1rem; font: 700 .78rem/1 var(--sector-ui); letter-spacing: .08em; text-transform: uppercase; color: var(--ink); text-decoration: none; }
.layout-gaming-drop .gd-author-pages a:hover { border-color: var(--sector-accent); color: var(--accent); }

/* gd-front r9c (mobile): single column groups each rubric head with its own
   items — rows dissolve, items order column-major via their inline order. */
@media(max-width:760px){
  .layout-gaming-drop .gd-columns { grid-template-columns: minmax(0,1fr); }
  .layout-gaming-drop .gd-row { display: contents; }
  .layout-gaming-drop .gd-columns > .sector-section-head:nth-child(2) { order: 4; }
  .layout-gaming-drop .gd-columns > .sector-section-head:nth-child(3) { order: 8; }
  .layout-gaming-drop .gd-columns .gd-col-item { padding: 1rem 0; border-bottom: 1px solid var(--line); }
  .layout-gaming-drop .gd-columns .gd-col-item:nth-child(3n) { border-bottom: 0; }
}