.game-tags{margin:25px 0 31px}
.game-tags h2{font-size:18px;line-height:1.4;letter-spacing:0;margin:0 0 14px;font-weight:700}
.game-tags .tag-list{gap:8px;margin:0}
.game-tags .tag-list a{display:inline-flex;align-items:center;min-height:32px;padding:5px 12px;border:0;border-radius:6px;background:#1d2b3b;color:#d2d8e1;font-size:17px;line-height:1.5;transition:background .15s,color .15s}
.game-tags .tag-list a:hover,.game-tags .tag-list a:focus-visible{background:#2b4057;color:#fff}
.tags-directory{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.tag-directory-link{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 16px;min-height:54px;background:#1d2b3b;border:1px solid #2d3b4c;border-radius:7px;color:#d2d8e1;font-size:17px;transition:background .15s,border-color .15s,color .15s}
.tag-directory-link:hover,.tag-directory-link:focus-visible{background:#293d52;border-color:#456079;color:#fff}
.tag-directory-link>span:first-child{min-width:0;overflow-wrap:anywhere}
.tag-game-count{flex-shrink:0;border-radius:5px;background:#121c29;color:#a6b7cb;min-width:32px;padding:3px 7px;text-align:center;font-size:12px;font-variant-numeric:tabular-nums}
.tags-empty-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.tags-empty-actions .button{white-space:normal}
@media(max-width:1100px){.tags-directory{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.tags-directory{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tag-directory-link{padding:12px 13px;font-size:16px}.game-tags{margin:22px 0 27px}.game-tags h2{font-size:17px}.game-tags .tag-list a{font-size:16px;padding:5px 10px;min-height:31px}}
@media(max-width:480px){.tags-directory{gap:8px}.tag-directory-link{gap:7px;padding:11px 10px;font-size:14px;min-height:51px}.tag-game-count{min-width:26px;padding:3px 5px;font-size:10px}.game-tags .tag-list{gap:7px}.game-tags .tag-list a{font-size:16px;min-height:32px;padding:5px 10px}.game-tags h2{font-size:16px}}

/* Three-part tag header: breadcrumb, title and optional editorial introduction. */
body[data-page="tag-games"] .main-content{padding-top:10px}
.tag-games-page .catalog-intro{padding:0 0 24px;display:block}
.tag-games-page .catalog-intro h1{font-size:44px;line-height:1.18;max-width:none;margin:0;overflow-wrap:anywhere}
body[data-tag-theme="pink"] .tag-games-page .catalog-intro h1{color:var(--tag-pink)}
.tag-games-page .catalog-intro .tag-micro-description{margin:10px 0 0;padding:0;max-width:100%;font-size:14px;line-height:1.55;color:#b8b8c5;overflow-wrap:anywhere}
.tag-breadcrumbs{font-size:12px;line-height:1.5;color:#b8b8c5;margin:0 0 12px}
.tag-breadcrumbs ol{display:flex;flex-wrap:wrap;align-items:center;gap:8px;list-style:none;margin:0;padding:0}
.tag-breadcrumbs li{display:flex;align-items:center;gap:8px;min-width:0;overflow-wrap:anywhere}
.tag-breadcrumbs a{color:#c8bbff;text-decoration:underline;text-underline-offset:2px}
.tag-breadcrumbs a:hover{color:#eee9ff}
.tag-breadcrumb-arrow{font-size:16px;line-height:1;color:#9999ac}
@media(max-width:1180px){.tag-games-page .catalog-intro h1{font-size:35px}}
@media(max-width:760px){.tag-games-page .catalog-intro h1{font-size:33px}}
@media(max-width:480px){.tag-games-page .catalog-intro h1{font-size:31px}}

/* Separate editorial copy from the game catalogue on every tag page. */
.tag-games-page>.catalog-section+.surface{margin-top:28px}