/* =======================================================
   POCG.NET — CUSTOM CSS
   ======================================================= */


/* -------------------------------------------------------
   1. DESIGN TOKENS
   ------------------------------------------------------- */
:root {
  --pocg-bg:              #0E0E0E;
  --pocg-surface:         #181818;
  --pocg-surface-alt:     #121212;
  --pocg-surface-mid:     #202020;
  --pocg-surface-raised:  #1E1E1E;
  --pocg-header-bg:       #090909;
  --pocg-teal:            #00BFA8;
  --pocg-teal-dark:       #008A76;
  --pocg-teal-dim:        #006658;
  --pocg-teal-border:     rgba(0, 191, 168, 0.28);
  --pocg-teal-glow:       rgba(0, 191, 168, 0.08);
  --pocg-blue:            #1E72CC;
  --pocg-blue-dark:       #154F8F;
  --pocg-blue-dim:        #0E3A6A;
  --pocg-blue-border:     rgba(30, 114, 204, 0.32);
  --pocg-orange:          #E8821E;
  --pocg-orange-dark:     #A85A0E;
  --pocg-orange-dim:      #5A2A00;
  --pocg-orange-border:   rgba(232, 130, 30, 0.28);
  --pocg-gold:            #C4A44C;
  --pocg-gold-dim:        #4A3800;
  --pocg-gold-border:     rgba(196, 164, 76, 0.28);
  --pocg-gold-glow:       rgba(196, 164, 76, 0.07);
  --pocg-text:            #DFF0ED;
  --pocg-text-heading:    #EDFAF7;
  --pocg-text-soft:       #7AA09A;
  --pocg-text-muted:      #4A6560;
  --pocg-divider:         #1E1E1E;
  --pocg-silver:          #9B9FA8;
  --pocg-silver-dark:     #6A6E76;
  --pocg-silver-border:   rgba(155, 159, 168, 0.28);
  --pocg-border-subtle:   #232323;
  --pocg-font-ui:         Arial, Helvetica, sans-serif;
  --pocg-font-body:       Georgia, 'Times New Roman', serif;
  --pocg-font-mono:       'Courier New', Courier, monospace;
  --pocg-max-width:       1200px;
  --pocg-content-width:   760px;
  --pocg-space-xs:        4px;
  --pocg-space-sm:        8px;
  --pocg-space-md:        16px;
  --pocg-space-lg:        24px;
  --pocg-space-xl:        32px;
  --pocg-space-2xl:       48px;
}


/* -------------------------------------------------------
   2. BASE
   ------------------------------------------------------- */
html {
  overflow-y: scroll;
}

body {
  background-color: var(--pocg-bg);
  color: var(--pocg-text);
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

.site {
  background-color: var(--pocg-bg);
}

*,
*::before,
*::after {
  border-radius: 0 !important;
}

a {
  color: var(--pocg-teal);
  text-decoration: none;
}

a:hover {
  color: var(--pocg-teal);
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
  font-family: Arial, Helvetica, sans-serif;
  color: var(--pocg-text-heading);
  text-transform: uppercase;
  letter-spacing: 0.06em !important;
  font-weight: 900;
  line-height: 1.05;
}

p {
  color: var(--pocg-text);
  line-height: 1.7;
}


/* -------------------------------------------------------
   3. GLOBAL FONT ASSIGNMENTS
   ------------------------------------------------------- */
body,
.elementor-widget,
.main-navigation,
.site-header,
.widget,
button,
input,
select,
textarea {
  font-family: Arial, Helvetica, sans-serif !important;
}

.pocg-review-body p,
.pocg_review .entry-content p,
.pocg-final-summary p,
.pocg-htp-option p,
.pocg-score-verdict-copy,
.pocg-editor-note p {
  font-family: Georgia, 'Times New Roman', serif !important;
}

.pocg-review-score,
.pocg-score-number,
.pocg-score-mini-num,
.pocg-story-num,
.score,
.stat-value {
  font-family: 'Courier New', Courier, monospace !important;
}


/* -------------------------------------------------------
   4. HEADER
   ------------------------------------------------------- */

/* Hide default GP branding — header injected via Elementor */
.site-branding,
.site-logo,
.site-title,
.site-description {
  display: none !important;
}

.site-header,
#site-header {
  background-color: #090909 !important;
  border-bottom: none !important;
  box-shadow: inset 0 0 0 9999px #090909 !important;
  padding: 0 !important;
  position: relative;
  overflow: hidden;
}

.site-header .inside-header,
.generate-header-element,
.generate-header-element .inside-generate-header-element,
.grid-container,
.inside-header,
.pocg-header-left,
.pocg-header-right,
.pocg-header-wrap {
  background: transparent !important;
}

/* scanlines */
.site-header::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image: repeating-linear-gradient(
    to bottom,
    rgba(255,255,255,0.025) 0px,
    rgba(255,255,255,0.025) 1px,
    transparent 2px,
    transparent 4px
  );
  z-index: 1;
}

.site-header > * {
  position: relative;
  z-index: 2;
}

.site-header .inside-header {
  max-width: var(--pocg-max-width) !important;
  margin: 0 auto !important;
  padding: 0 !important;
  display: block !important;
}

.pocg-header-wrap {
  max-width: var(--pocg-max-width) !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 16px 20px 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 24px !important;
}

.pocg-header-left {
  min-width: 0;
  display: flex;
  flex-direction: column;
}

.pocg-header-right {
  display: flex;
  align-items: center;
}

.pocg-since-badge {
  display: inline-block !important;
  align-self: flex-start !important;
  width: auto !important;
  margin: 0 0 12px 0 !important;
  padding: 4px 12px !important;
  background: var(--pocg-blue-dim) !important;
  border: 1px solid var(--pocg-blue) !important;
  color: #8cb6f0 !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.28em !important;
  text-transform: uppercase !important;
}

.pocg-header-title {
  display: block !important;
  margin: 0 0 8px 0 !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: clamp(2.6rem, 5vw, 5rem) !important;
  line-height: 0.9 !important;
  letter-spacing: 0.08em !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  color: var(--pocg-text-heading) !important;
  text-decoration: none !important;
}

.pocg-header-title:hover {
  color: var(--pocg-text-heading) !important;
}

.pocg-dot {
  color: var(--pocg-teal) !important;
}

.pocg-header-full-name {
  margin: 0 0 8px 0 !important;
  font-size: 11px !important;
  color: var(--pocg-text-muted) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.22em !important;
  line-height: 1.2 !important;
}

.pocg-header-tagline {
  margin: 0 !important;
  max-width: 760px !important;
  padding-left: 14px !important;
  border-left: 2px solid var(--pocg-teal-dim) !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
  color: var(--pocg-text-soft) !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

/* search panel */
.pocg-search-box {
  min-width: 320px !important;
  padding: 12px !important;
  background: #101010 !important;
  border: 2px solid var(--pocg-blue) !important;
  box-shadow: 4px 4px 0 var(--pocg-blue-dim) !important;
}

.pocg-search-label {
  margin: 0 0 8px 0 !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: 0.28em !important;
  text-transform: uppercase !important;
  color: var(--pocg-blue) !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

.pocg-search-box .search-form {
  display: flex !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

.pocg-search-box .search-form label {
  flex: 1 1 auto !important;
  margin: 0 !important;
}

.pocg-search-box .search-form input[type="search"] {
  width: 100% !important;
  height: 38px !important;
  padding: 0 12px !important;
  border: 1px solid var(--pocg-border-subtle) !important;
  background: #090909 !important;
  color: var(--pocg-text) !important;
  font-size: 12px !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

.pocg-search-box .search-form input[type="search"]::placeholder {
  color: var(--pocg-text-muted) !important;
}

.pocg-search-box .search-form button,
.pocg-search-box .search-submit,
.pocg-search-box button[type="submit"] {
  min-width: 64px !important;
  height: 38px !important;
  padding: 0 16px !important;
  border: 2px solid var(--pocg-blue) !important;
  background: var(--pocg-blue) !important;
  color: #ffffff !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  box-shadow: none !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

.pocg-search-box .search-submit .gp-icon,
.pocg-search-box button[type="submit"] .gp-icon,
.pocg-search-box button svg {
  display: none !important;
}

.pocg-search-box .search-submit {
  font-size: 0 !important;
}

.pocg-search-box .search-submit::after {
  content: "GO";
  font-size: 11px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 900;
  letter-spacing: 0.16em;
}


/* -------------------------------------------------------
   5. NAV
   ------------------------------------------------------- */
.nav-below-header,
.nav-below-header .inside-navigation,
.main-navigation,
.main-navigation .main-nav,
.nav-primary,
.nav-primary .main-nav,
#site-navigation {
  background-color: #090909 !important;
}

.nav-below-header {
  margin: 0 !important;
  padding: 0 !important;
  border-top: none !important;
  border-bottom: 3px solid var(--pocg-teal) !important;
}

.nav-below-header > * {
  position: relative;
  z-index: 2;
}

.nav-below-header .inside-navigation {
  max-width: var(--pocg-max-width) !important;
  margin: 0 auto !important;
  padding: 0 20px !important;
  background: transparent !important;
}

.main-navigation,
.nav-primary,
#site-navigation {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border-top: none !important;
  background: transparent !important;
}

.main-navigation .main-nav,
.nav-primary .main-nav {
  width: 100% !important;
  background: transparent !important;
}

.main-navigation ul,
.nav-primary ul {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 0 !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

.main-navigation li,
.nav-primary li {
  background: transparent !important;
  margin: 0 !important;
  padding: 0 !important;
}

.main-navigation ul li a,
.nav-primary ul li a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 74px !important;
  padding: 0 14px !important;
  margin: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-top: 1px solid var(--pocg-border-subtle) !important;
  border-bottom: 1px solid var(--pocg-border-subtle) !important;
  border-left: 1px solid var(--pocg-border-subtle) !important;
  border-right: none !important;
  color: var(--pocg-text-soft) !important;
  text-align: center !important;
  text-transform: uppercase !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.18em !important;
  line-height: 1 !important;
  text-decoration: none !important;
  font-family: Arial, Helvetica, sans-serif !important;
  transition: background 0.15s, color 0.15s, border-color 0.15s !important;
}

.main-navigation ul li:last-child a,
.nav-primary ul li:last-child a {
  border-right: 1px solid var(--pocg-border-subtle) !important;
}

.main-navigation ul li a:hover,
.main-navigation ul li.current-menu-item > a,
.main-navigation ul li.current_page_item > a,
.nav-primary ul li a:hover,
.nav-primary ul li.current-menu-item > a,
.nav-primary ul li.current_page_item > a {
  background: rgba(0, 191, 168, 0.08) !important;
  background-color: rgba(0, 191, 168, 0.08) !important;
  color: var(--pocg-text-heading) !important;
  border-top-color: var(--pocg-teal) !important;
  border-bottom-color: var(--pocg-teal) !important;
}

/* prevent older GP height/padding from leaking in */
.main-navigation .main-nav > ul > li > a,
.nav-primary .main-nav > ul > li > a {
  height: auto !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* dropdowns */
.main-navigation ul ul,
.nav-primary ul ul {
  display: grid !important;
  grid-template-columns: 1fr !important;
  min-width: 200px !important;
  position: absolute !important;
  z-index: 100 !important;
  background: var(--pocg-surface) !important;
  border: 2px solid var(--pocg-teal-border) !important;
  border-top: 2px solid var(--pocg-teal) !important;
}

.main-navigation ul ul li a,
.nav-primary ul ul li a {
  min-height: auto !important;
  justify-content: flex-start !important;
  text-align: left !important;
  border: none !important;
  border-bottom: 1px solid var(--pocg-divider) !important;
  background: var(--pocg-surface) !important;
  padding: 12px 14px !important;
}

/* Elementor nav menu widget */
.elementor-nav-menu--main .elementor-nav-menu > li > a {
  border-left: 1px solid #232323 !important;
  border-top: 1px solid #232323 !important;
  border-bottom: 1px solid #232323 !important;
  border-right: none !important;
  min-height: 44px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.elementor-nav-menu--main .elementor-nav-menu > li:last-child > a {
  border-right: 1px solid #232323 !important;
}

.elementor-nav-menu--main .elementor-nav-menu > li > a:hover,
.elementor-nav-menu--main .elementor-nav-menu > li.current-menu-item > a {
  border-top-color: var(--pocg-teal) !important;
  border-bottom-color: var(--pocg-teal) !important;
}

/* custom Elementor nav widget (if used instead of GP nav) */
.pocg-nav {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
}

.pocg-nav-inner {
  max-width: 1200px !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 14px 20px 0 !important;
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 5px !important;
}

.pocg-nav-item {
  display: block !important;
  background: #181818 !important;
  border: 1px solid #232323 !important;
  color: #7AA09A !important;
  padding: 10px 8px !important;
  text-align: center !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  font-family: Arial, Helvetica, sans-serif !important;
  transition: all 0.15s !important;
}

.pocg-nav-item:hover,
.pocg-nav-item.current {
  background: var(--pocg-teal) !important;
  color: #090909 !important;
  border-color: var(--pocg-teal) !important;
}


/* -------------------------------------------------------
   6. CONTENT LAYOUT
   ------------------------------------------------------- */
.content-area,
#primary {
  background: transparent !important;
}

.site-content .inside-site-content,
.content-sidebar-wrap {
  max-width: var(--pocg-max-width) !important;
  margin: 0 auto !important;
  padding: var(--pocg-space-lg) 20px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.9fr) minmax(220px, 0.6fr) !important;
  gap: 28px !important;
  align-items: start !important;
}

.full-width .content-sidebar-wrap,
.no-sidebar .content-sidebar-wrap {
  grid-template-columns: 1fr !important;
}

/* GeneratePress resets */
.gp-site-container,
.site-content,
.inside-article,
.inside-right-sidebar,
.inside-left-sidebar {
  background: transparent !important;
}

.inside-article {
  padding: 0 !important;
}

.nav-float-right .main-navigation {
  float: none !important;
}

.entry-header {
  padding: 0 !important;
  margin-bottom: 0 !important;
}

.widget-area {
  background: transparent !important;
}

.entry-meta,
.entry-footer {
  font-size: 11px !important;
  color: var(--pocg-text-muted) !important;
  font-family: var(--pocg-font-ui) !important;
}

.entry-meta a,
.entry-footer a {
  color: var(--pocg-text-muted) !important;
}

.entry-meta a:hover,
.entry-footer a:hover {
  color: var(--pocg-teal) !important;
}


/* -------------------------------------------------------
   7. BREADCRUMBS
   ------------------------------------------------------- */
.pocg-breadcrumb-wrap,
.breadcrumb-trail,
#breadcrumbs,
.rank-math-breadcrumb {
  font-size: 11px !important;
  color: var(--pocg-text-muted) !important;
  letter-spacing: 0.08em !important;
  padding: 12px 0 16px !important;
  margin-bottom: 18px !important;
  display: flex !important;
  gap: 6px !important;
  align-items: center !important;
  flex-wrap: wrap !important;
}

.pocg-breadcrumb-wrap a,
.breadcrumb-trail a,
#breadcrumbs a,
.rank-math-breadcrumb a {
  color: var(--pocg-text-muted) !important;
  text-decoration: none !important;
}

.pocg-breadcrumb-wrap a:hover,
.breadcrumb-trail a:hover,
#breadcrumbs a:hover,
.rank-math-breadcrumb a:hover {
  color: var(--pocg-teal) !important;
}

.pocg-breadcrumb-wrap .bc-sep,
.breadcrumb-trail .separator,
.rank-math-breadcrumb .separator {
  color: var(--pocg-text-muted) !important;
  font-size: 10px !important;
}

.pocg-breadcrumb-wrap .bc-current {
  color: var(--pocg-text-soft) !important;
}

/* Breadcrumb NavXT plugin */
.pocg-breadcrumb-wrap .bcn-breadcrumb {
  display: flex !important;
  gap: 6px !important;
  flex-wrap: wrap !important;
}

.pocg-breadcrumb-wrap .bcn-breadcrumb a {
  color: var(--pocg-text-muted) !important;
}

.pocg-breadcrumb-wrap .bcn-breadcrumb a:hover {
  color: var(--pocg-teal) !important;
}


/* -------------------------------------------------------
   8. REVIEW PAGE — HEADER & SCORE
   ------------------------------------------------------- */
.pocg-review-header {
  border: 2px solid var(--pocg-teal-border);
  background: var(--pocg-surface);
  margin-bottom: 0;
}

.pocg-review-header-top {
  padding: 20px 24px 0;
}

.pocg-meta-row {
  display: flex;
  gap: 8px;
  align-items: center;
  margin-bottom: 12px;
  flex-wrap: wrap;
}

.pocg-badge {
  display: inline-block;
  padding: 3px 9px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  font-family: var(--pocg-font-ui);
}

.pocg-badge-era {
  background: var(--pocg-blue-dim);
  border: 1px solid var(--pocg-blue-border);
  color: #A8C8F0;
}

.pocg-badge-platform {
  background: var(--pocg-teal-dim);
  border: 1px solid var(--pocg-teal-border);
  color: #A0EFE4;
}

.pocg-badge-genre {
  border: 1px solid var(--pocg-border-subtle);
  color: var(--pocg-text-muted);
}

.pocg-review-title,
.pocg_review .entry-title {
  font-size: clamp(2rem, 4vw, 3.4rem) !important;
  line-height: 0.95 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  color: var(--pocg-text-heading) !important;
  font-weight: 900 !important;
  margin-bottom: 10px !important;
}

.pocg-review-tagline {
  font-size: 1rem;
  color: var(--pocg-teal);
  font-style: italic;
  letter-spacing: 0.04em;
  margin-bottom: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--pocg-divider);
}

.pocg-byline {
  display: flex;
  gap: 16px;
  align-items: center;
  padding: 0 24px 16px;
  font-size: 11px;
  color: var(--pocg-text-muted);
  letter-spacing: 0.08em;
  flex-wrap: wrap;
  font-family: var(--pocg-font-ui);
}

.pocg-byline-author {
  color: var(--pocg-text-soft);
  font-weight: 700;
}

.pocg-byline-sep {
  color: var(--pocg-border-subtle);
}

.pocg-score-box {
  display: grid;
  grid-template-columns: auto 1fr;
  border-top: 2px solid var(--pocg-teal);
}

.pocg-score-number-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 20px 28px;
  background: var(--pocg-teal-dark);
  border-right: 2px solid var(--pocg-teal);
  min-width: 120px;
}

.pocg-score-number {
  font-size: 3.2rem;
  font-weight: 900;
  color: var(--pocg-text-heading);
  font-family: var(--pocg-font-mono);
  line-height: 1;
}

.pocg-score-outof {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.45);
  font-family: var(--pocg-font-mono);
  margin-top: 2px;
}

.pocg-score-tier,
.pocg-score-mini-tier {
  display: inline-block !important;
  width: auto !important;
  align-self: center !important;
  margin-top: 8px;
  padding: 3px 10px;
  background: var(--pocg-orange);
  color: #0E0E0E;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  font-family: var(--pocg-font-ui);
}

/* tier colors — parent class set on review card or body */
.tier-essential .pocg-score-tier,
.tier-essential .pocg-score-mini-tier  { background: var(--pocg-teal) !important;       color: #0E0E0E !important; }
.tier-excellent .pocg-score-tier,
.tier-excellent .pocg-score-mini-tier  { background: var(--pocg-orange) !important;     color: #0E0E0E !important; }
.tier-good .pocg-score-tier,
.tier-good .pocg-score-mini-tier       { background: var(--pocg-blue) !important;       color: #ffffff !important; }
.tier-average .pocg-score-tier,
.tier-average .pocg-score-mini-tier    { background: var(--pocg-text-muted) !important; color: #0E0E0E !important; }
.tier-poor .pocg-score-tier,
.tier-poor .pocg-score-mini-tier       { background: #5A2020 !important;                color: #FFAAAA !important; }
.tier-broken .pocg-score-tier,
.tier-broken .pocg-score-mini-tier     { background: #2A0E0E !important;                color: #FF6666 !important; }

/* tier colors via capitalized class on review card */
.Good .pocg-review-tier-label     { color: var(--pocg-blue) !important; }
.Excellent .pocg-review-tier-label { color: var(--pocg-orange) !important; }
.Essential .pocg-review-tier-label { color: var(--pocg-teal) !important; }
.Average .pocg-review-tier-label  { color: var(--pocg-text-muted) !important; }
.Poor .pocg-review-tier-label     { color: #FFAAAA !important; }
.Broken .pocg-review-tier-label   { color: #FF6666 !important; }

.Good .pocg-review-score      { color: var(--pocg-blue) !important; }
.Excellent .pocg-review-score  { color: var(--pocg-orange) !important; }
.Essential .pocg-review-score  { color: var(--pocg-teal) !important; }
.Average .pocg-review-score   { color: var(--pocg-text-muted) !important; }

.pocg-score-verdict-block {
  padding: 18px 22px;
  background: var(--pocg-surface-alt);
}

.pocg-score-verdict-head {
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  color: var(--pocg-text-muted);
  margin-bottom: 8px;
  font-family: var(--pocg-font-ui);
}

.pocg-score-verdict-title {
  font-size: 1.2rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--pocg-text-heading);
  font-weight: 900;
  margin-bottom: 10px;
  font-family: var(--pocg-font-ui);
}

.pocg-score-verdict-copy {
  font-size: 13px;
  color: var(--pocg-text-soft);
  line-height: 1.65;
}


/* -------------------------------------------------------
   9. REVIEW PAGE — BODY, SUMMARY & EDITOR NOTE
   ------------------------------------------------------- */
.pocg-review-body,
.pocg_review .entry-content {
  padding: 26px 24px !important;
  border: 2px solid var(--pocg-teal-border) !important;
  border-top: 0 !important;
  background: var(--pocg-surface) !important;
}

.pocg-review-body p,
.pocg_review .entry-content p {
  font-size: 16px !important;
  color: var(--pocg-text) !important;
  line-height: 1.9 !important;
  margin-bottom: 18px !important;
}

.pocg-review-body p:last-child,
.pocg_review .entry-content p:last-child {
  margin-bottom: 0 !important;
}

.pocg-review-body .wp-caption-text,
.pocg_review .entry-content .wp-caption-text {
  font-size: 11px !important;
  color: var(--pocg-text-muted) !important;
  text-align: center !important;
  margin-top: 6px !important;
  font-style: italic !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

.pocg-review-body img,
.pocg_review .entry-content img {
  border: 1px solid var(--pocg-teal-border) !important;
  display: block !important;
  max-width: 100% !important;
  margin-bottom: 20px !important;
}

.pocg-final-summary {
  border: 2px solid var(--pocg-teal-border);
  border-top: 0;
  background: var(--pocg-surface-alt);
  padding: 22px 24px;
}

.pocg-final-summary-head {
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: var(--pocg-teal);
  margin-bottom: 10px;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--pocg-divider);
  font-family: var(--pocg-font-ui);
}

.pocg-final-summary p,
.pocg-final-summary .elementor-widget-text-editor p {
  font-size: 14px !important;
  color: var(--pocg-text-soft) !important;
  line-height: 1.8 !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  font-weight: 400 !important;
}

.pocg-editor-note {
  border: 2px solid var(--pocg-blue-border);
  border-top: 0;
  background: var(--pocg-blue-dim);
  padding: 14px 24px;
  display: flex;
  gap: 12px;
  align-items: baseline;
}

.pocg-editor-note-label {
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--pocg-blue);
  flex-shrink: 0;
  font-family: var(--pocg-font-ui);
}

.pocg-editor-note p {
  font-size: 12px !important;
  color: #A8C8F0 !important;
  line-height: 1.6 !important;
  font-family: var(--pocg-font-ui) !important;
  margin: 0 !important;
}


/* -------------------------------------------------------
   10. HOW TO PLAY TODAY
   ------------------------------------------------------- */
.pocg-htp {
  margin-top: 24px;
  border: 2px solid var(--pocg-orange-border);
  background: var(--pocg-surface);
}

.pocg-htp-header {
  padding: 10px 18px;
  border-bottom: 2px solid var(--pocg-orange);
  background: var(--pocg-orange-dark);
}

.pocg-htp-title {
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: #FFD4A0;
  font-family: var(--pocg-font-ui);
}

.pocg-htp-subtitle {
  font-size: 12px;
  color: rgba(255, 212, 160, 0.65);
  margin-top: 2px;
  font-style: italic;
}

.pocg-htp-body {
  padding: 20px 22px;
  display: grid;
  gap: 18px;
}

.pocg-htp-option {
  border-left: 3px solid;
  padding-left: 14px;
}

.pocg-htp-option.original { border-color: var(--pocg-teal); }
.pocg-htp-option.modern   { border-color: var(--pocg-blue); }
.pocg-htp-option.pc       { border-color: var(--pocg-orange); }
.pocg-htp-option.other    { border-color: var(--pocg-border-subtle); }

.pocg-htp-option-head {
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  margin-bottom: 5px;
  font-family: var(--pocg-font-ui);
}

.pocg-htp-option.original .pocg-htp-option-head { color: var(--pocg-teal); }
.pocg-htp-option.modern   .pocg-htp-option-head { color: var(--pocg-blue); }
.pocg-htp-option.pc       .pocg-htp-option-head { color: var(--pocg-orange); }
.pocg-htp-option.other    .pocg-htp-option-head { color: var(--pocg-text-muted); }

.pocg-htp-option p {
  font-size: 14px !important;
  color: var(--pocg-text-soft) !important;
  line-height: 1.75 !important;
  margin: 0 !important;
}


/* -------------------------------------------------------
   11. SIDEBAR — WIDGETS & BOXES
   ------------------------------------------------------- */
.widget,
.sidebar .widget {
  border: 2px solid var(--pocg-teal-border) !important;
  background: var(--pocg-surface) !important;
  margin-bottom: 18px !important;
  padding: 0 !important;
}

.widget-title,
.widgettitle {
  padding: 8px 14px !important;
  border-bottom: 2px solid var(--pocg-teal) !important;
  background: var(--pocg-teal-dark) !important;
  color: #E0FBF7 !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: 0.26em !important;
  text-transform: uppercase !important;
  font-family: var(--pocg-font-ui) !important;
  margin: 0 !important;
}

.widget .widget-content,
.widget > *:not(.widget-title):not(.widgettitle) {
  padding: 14px !important;
}

.widget-blue .widget-title,
.widget-blue .widgettitle {
  border-color: var(--pocg-blue) !important;
  background: var(--pocg-blue-dark) !important;
  color: #D6E8FF !important;
}

.widget-blue {
  border-color: var(--pocg-blue-border) !important;
}

.widget-muted .widget-title,
.widget-muted .widgettitle {
  border-color: var(--pocg-border-subtle) !important;
  background: var(--pocg-surface-mid) !important;
  color: var(--pocg-text-soft) !important;
}

.widget-muted {
  border-color: var(--pocg-divider) !important;
}

.widget ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.widget ul li {
  display: flex !important;
  justify-content: space-between !important;
  align-items: baseline !important;
  gap: 8px !important;
  padding: 8px 0 !important;
  border-bottom: 1px solid var(--pocg-divider) !important;
  font-size: 12px !important;
}

.widget ul li:last-child {
  border-bottom: none !important;
}

.widget ul li a {
  color: var(--pocg-text-soft) !important;
  line-height: 1.4 !important;
}

.widget ul li a:hover {
  color: var(--pocg-teal) !important;
  text-decoration: none !important;
}

/* sidebar box variants */
.pocg-review-sidebar .sb-head,
.sidebar-box .sb-head {
  padding: 7px 12px;
  border-bottom: 2px solid;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.24em;
  text-transform: uppercase;
}

.sidebar-box.teal .sb-head  { background: var(--pocg-teal-dark);   border-color: var(--pocg-teal);  color: #E0FBF7; }
.sidebar-box.blue .sb-head  { background: var(--pocg-blue-dark);   border-color: var(--pocg-blue);  color: #D6E8FF; }
.sidebar-box.muted .sb-head { background: var(--pocg-surface-mid); border-color: #252525;           color: var(--pocg-text-soft); }

.related-item {
  display: flex !important;
  justify-content: space-between !important;
  align-items: baseline !important;
  gap: 8px !important;
  padding: 7px 0 !important;
  border-bottom: 1px solid var(--pocg-divider) !important;
}

.related-item:last-child {
  border-bottom: none !important;
}

.related-item a {
  color: var(--pocg-text-soft) !important;
  font-size: 11px !important;
}

.related-item a:hover {
  color: var(--pocg-teal) !important;
}

.related-score {
  color: var(--pocg-orange) !important;
  font-family: 'Share Tech Mono', monospace !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  flex-shrink: 0 !important;
}

/* Elementor posts widget — numbered news list */
.sidebar-box.news .elementor-posts {
  counter-reset: story-counter;
}

.sidebar-box.news .elementor-post {
  counter-increment: story-counter;
  position: relative;
  padding-left: 28px !important;
  margin-bottom: 9px !important;
  padding-bottom: 9px !important;
  border-bottom: 1px solid #1E1E1E !important;
}

.sidebar-box.news .elementor-post:last-child {
  border-bottom: none !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.sidebar-box.news .elementor-post::before {
  content: counter(story-counter, decimal-leading-zero);
  position: absolute;
  left: 0;
  top: 0;
  color: #E8821E;
  font-family: 'Courier New', Courier, monospace;
  font-size: 10px;
  font-weight: 900;
  line-height: 1.6;
}

.sidebar-box.news .elementor-post__title a {
  color: #7AA09A !important;
  font-size: 12px !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  text-decoration: none !important;
}

.sidebar-box.news .elementor-post__title a:hover {
  color: #00BFA8 !important;
}

.sidebar-box.picks .elementor-post__title a {
  color: #EDFAF7 !important;
  text-decoration: none !important;
}

.sidebar-box.picks .elementor-post__title a:hover {
  color: #00BFA8 !important;
}

.sidebar-box.picks .elementor-post {
  border-bottom: 1px solid #2A2A2A !important;
}

.sidebar-box.picks .elementor-post:last-child {
  border-bottom: none !important;
}

.sidebar-box.letter .elementor-button {
  box-shadow: none !important;
}


/* -------------------------------------------------------
   12. SCORE MINI (sidebar widget)
   ------------------------------------------------------- */
.pocg-score-mini {
  text-align: center;
  padding: 16px 14px;
  border-bottom: 1px solid var(--pocg-divider);
}

.pocg-score-mini-num {
  font-size: 2.4rem;
  font-weight: 900;
  color: var(--pocg-teal);
  font-family: var(--pocg-font-mono);
  line-height: 1;
}


/* -------------------------------------------------------
   13. GAME INFO TABLE
   ------------------------------------------------------- */
.pocg-game-info-table {
  width: 100%;
  border-collapse: collapse;
}

.pocg-game-info-table tr {
  border-bottom: 1px solid var(--pocg-divider);
}

.pocg-game-info-table tr:last-child {
  border-bottom: none;
}

.pocg-game-info-table td,
.sidebar-box .elementor-widget-text-editor {
  padding: 7px 4px;
  font-size: 12px !important;
  vertical-align: top;
  font-family: var(--pocg-font-ui);
}

.pocg-game-info-table td:first-child {
  color: var(--pocg-text-muted);
  font-weight: 700;
  letter-spacing: 0.06em !important;
  text-transform: uppercase;
  font-size: 10px;
  width: 40%;
  padding-top: 9px;
}

.pocg-game-info-table td:last-child {
  color: var(--pocg-text-soft);
}


/* -------------------------------------------------------
   14. NEWSLETTER
   ------------------------------------------------------- */
.pocg-newsletter-copy {
  font-size: 12px;
  color: var(--pocg-text-soft);
  line-height: 1.6;
  margin-bottom: 2px;
}

.widget input[type="email"],
.pocg-newsletter input[type="email"] {
  width: 100% !important;
  border: 1px solid var(--pocg-border-subtle) !important;
  background: var(--pocg-header-bg) !important;
  color: var(--pocg-text) !important;
  padding: 10px 12px !important;
  font-size: 12px !important;
  margin-top: 10px !important;
  font-family: var(--pocg-font-ui) !important;
}

.widget input[type="email"]:focus,
.pocg-newsletter input[type="email"]:focus {
  outline: none !important;
  border-color: var(--pocg-blue) !important;
}

.pocg-subscribe-btn {
  display: block !important;
  width: 100% !important;
  margin-top: 8px !important;
  border: 2px solid var(--pocg-teal) !important;
  background: var(--pocg-teal) !important;
  color: #090909 !important;
  padding: 10px !important;
  font-weight: 900 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  font-size: 11px !important;
  cursor: pointer !important;
  font-family: var(--pocg-font-ui) !important;
  white-space: nowrap !important;
  overflow: visible !important;
}


/* -------------------------------------------------------
   15. CARDS
   ------------------------------------------------------- */
.pocg-hero-card {
  background: var(--pocg-surface);
  border: 2px solid var(--pocg-teal-border);
  box-shadow: 6px 6px 0 var(--pocg-orange-dark);
  margin-bottom: 0;
}

.pocg-card-header {
  padding: 8px 14px;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  font-family: var(--pocg-font-ui);
}

.pocg-card-header-teal   { border-bottom: 2px solid var(--pocg-teal);   background: var(--pocg-teal-dark);   color: #E0FBF7; }
.pocg-card-header-blue   { border-bottom: 2px solid var(--pocg-blue);   background: var(--pocg-blue-dark);   color: #D6E8FF; }
.pocg-card-header-orange { border-bottom: 2px solid var(--pocg-orange); background: var(--pocg-orange-dark); color: #FFE8CC; }
.pocg-card-header-muted  { border-bottom: 1px solid var(--pocg-border-subtle); background: var(--pocg-surface-mid); color: var(--pocg-text-soft); }

.pocg-feature-tag {
  display: inline-block;
  padding: 4px 10px;
  background: var(--pocg-orange);
  color: #0E0E0E;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  font-family: var(--pocg-font-ui);
}

/* review card grid */
.pocg-reviews-section {
  background: #181818 !important;
  border: 2px solid var(--pocg-teal-border);
}

.pocg-review-grid {
  background: transparent !important;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  padding: 14px;
}

.pocg-review-card {
  background: #121212 !important;
  border: 1px solid var(--pocg-border-subtle);
  padding: 14px;
  transition: border-color 0.15s;
}

.pocg-review-card:hover {
  border-color: var(--pocg-teal-border);
}

.pocg-review-card-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 9px;
  flex-wrap: nowrap;
  gap: 6px;
}

.pocg-platform-tag {
  display: inline-block;
  padding: 3px 7px;
  background: var(--pocg-blue-dim);
  border: 1px solid var(--pocg-blue-border);
  color: #A8C8F0;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  font-family: var(--pocg-font-ui);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}

.pocg-review-score {
  display: inline-flex;
  align-items: baseline;
  gap: 1px;
  font-size: 1.05rem;
  font-weight: 900;
  color: var(--pocg-orange);
  font-family: var(--pocg-font-mono);
  letter-spacing: 0.05em;
  white-space: nowrap;
  flex-shrink: 0;
}

.pocg-review-score::after {
  content: "/5";
  font-size: 0.75em;
  opacity: 0.6;
  margin-left: 1px;
}

.pocg-review-card h4 {
  font-size: 0.95rem !important;
  text-transform: uppercase !important;
  margin-bottom: 3px !important;
  color: var(--pocg-text-heading) !important;
  letter-spacing: 0.04em !important;
  line-height: 1.3 !important;
}

.pocg-review-tier-label {
  color: var(--pocg-teal);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  margin-bottom: 8px;
  font-family: var(--pocg-font-ui);
}

.pocg-review-card p {
  color: var(--pocg-text-soft) !important;
  font-size: 12px !important;
  line-height: 1.55 !important;
}

.pocg-review-btn {
  margin-top: 12px !important;
  border: 1px solid var(--pocg-teal-border) !important;
  background: transparent !important;
  color: var(--pocg-teal) !important;
  padding: 6px 10px !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  font-family: var(--pocg-font-ui) !important;
  display: inline-block !important;
  transition: all 0.15s !important;
}

.pocg-review-btn:hover {
  background: var(--pocg-teal) !important;
  color: #090909 !important;
  border-color: var(--pocg-teal) !important;
  text-decoration: none !important;
}


/* -------------------------------------------------------
   16. EDITORIAL PANELS
   ------------------------------------------------------- */
.pocg-ed-panel {
  border: 2px solid;
  background: var(--pocg-surface);
}

.pocg-ed-panel.blue   { border-color: var(--pocg-blue-border); }
.pocg-ed-panel.teal   { border-color: var(--pocg-teal-border); }
.pocg-ed-panel.orange { border-color: var(--pocg-orange-border); }
.pocg-ed-panel.gold   { border-color: rgba(196, 164, 76, 0.28); }

.pocg-ed-series-label {
  display: inline-block;
  padding: 3px 8px;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-family: var(--pocg-font-ui);
}

.pocg-ed-panel.blue   .pocg-ed-series-label { background: var(--pocg-blue-dim);   color: #A8C8F0; border: 1px solid var(--pocg-blue-border); }
.pocg-ed-panel.teal   .pocg-ed-series-label { background: var(--pocg-teal-dim);   color: #A0EFE4; border: 1px solid var(--pocg-teal-border); }
.pocg-ed-panel.orange .pocg-ed-series-label { background: var(--pocg-orange-dark); color: #FFD4A0; border: 1px solid var(--pocg-orange-border); }
.pocg-ed-panel.gold   .pocg-ed-series-label { background: #5C3D00; color: #F3E0C7; border: 1px solid rgba(196,164,76,0.28); }

.pocg-ed-panel-tagline {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.1em;
  margin-bottom: 10px;
  font-family: var(--pocg-font-ui);
}

.pocg-ed-panel.blue   .pocg-ed-panel-tagline { color: var(--pocg-blue); }
.pocg-ed-panel.teal   .pocg-ed-panel-tagline { color: var(--pocg-teal); }
.pocg-ed-panel.orange .pocg-ed-panel-tagline { color: var(--pocg-orange); }
.pocg-ed-panel.gold   .pocg-ed-panel-tagline { color: #C4A44C; }

.pocg-ed-panel p {
  color: var(--pocg-text-soft) !important;
  font-size: 12px !important;
  line-height: 1.6 !important;
}

.pocg-ed-tag-row {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 12px;
}

.pocg-ed-tag {
  padding: 4px 8px;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  border: 1px solid;
  color: var(--pocg-text-soft);
  font-family: var(--pocg-font-ui);
}

.pocg-ed-panel.blue   .pocg-ed-tag { border-color: var(--pocg-blue-border); }
.pocg-ed-panel.teal   .pocg-ed-tag { border-color: var(--pocg-teal-border); }
.pocg-ed-panel.orange .pocg-ed-tag { border-color: var(--pocg-orange-border); }


/* -------------------------------------------------------
   17. SECTION CHROME
   ------------------------------------------------------- */
.pocg-section-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 11px 14px;
  border-bottom: 2px solid var(--pocg-teal);
  background: var(--pocg-surface-alt);
}

.pocg-section-title {
  font-size: 1.25rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.14em !important;
  color: var(--pocg-text-heading) !important;
  font-family: var(--pocg-font-ui) !important;
  margin: 0 !important;
}

.pocg-section-meta {
  color: var(--pocg-teal);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  font-family: var(--pocg-font-ui);
}

.pocg-section-divider {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 24px 0 16px;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: var(--pocg-text-muted);
  font-family: var(--pocg-font-ui);
}

.pocg-section-divider::after {
  content: "";
  flex: 1;
  height: 1px;
  background: var(--pocg-divider);
}

.pocg-palette-bar {
  display: flex;
  height: 4px;
}

.pocg-palette-bar span {
  flex: 1;
}


/* -------------------------------------------------------
   18. BUTTONS
   ------------------------------------------------------- */
.pocg-btn-primary,
.wp-block-button__link {
  border: 2px solid var(--pocg-teal) !important;
  background: var(--pocg-teal) !important;
  color: #090909 !important;
  padding: 12px 20px !important;
  font-weight: 900 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  font-size: 11px !important;
  cursor: pointer !important;
  font-family: var(--pocg-font-ui) !important;
  box-shadow: 3px 3px 0 var(--pocg-teal-dim) !important;
  transition: none !important;
}

.pocg-btn-primary:hover,
.wp-block-button__link:hover {
  background: var(--pocg-teal-dark) !important;
  border-color: var(--pocg-teal-dark) !important;
  text-decoration: none !important;
}

.pocg-btn-secondary {
  border: 2px solid var(--pocg-blue-border) !important;
  background: transparent !important;
  color: var(--pocg-blue) !important;
  padding: 12px 20px !important;
  font-weight: 900 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  font-size: 11px !important;
  cursor: pointer !important;
  font-family: var(--pocg-font-ui) !important;
}

.pocg-btn-secondary:hover {
  border-color: var(--pocg-blue) !important;
  color: var(--pocg-blue) !important;
  text-decoration: none !important;
}


/* -------------------------------------------------------
   19. FOOTER
   ------------------------------------------------------- */
.site-footer,
#site-footer {
  border-top: 3px solid var(--pocg-teal) !important;
  background: var(--pocg-header-bg) !important;
  margin-top: 0 !important;
}

.site-footer .inside-footer {
  max-width: var(--pocg-max-width) !important;
  margin: 0 auto !important;
  padding: 28px 20px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr) minmax(200px, 0.7fr) !important;
  gap: 32px !important;
  align-items: start !important;
}

.footer-widgets {
  background: #090909 !important;
  padding-bottom: 0 !important;
}

.footer-widgets .widget-area {
  background: #090909 !important;
}

/* footer widgets — no borders, transparent bg */
.footer-widget-area .widget,
.site-footer .widget,
.footer-widget-1 .widget,
.footer-widget-2 .widget,
.footer-widget-3 .widget {
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.footer-widget-area .widget > *:not(.widget-title):not(.widgettitle),
.footer-widget-1 .inner-padding,
.footer-widget-2 .inner-padding,
.footer-widget-3 .inner-padding {
  padding: 0 !important;
  background: transparent !important;
}

.footer-widget-area .widget-title,
.footer-widget-area .widgettitle,
.footer-widget-1 .widget-title,
.footer-widget-2 .widget-title,
.footer-widget-3 .widget-title {
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: 0.28em !important;
  text-transform: uppercase !important;
  color: var(--pocg-text-soft) !important;
  margin-bottom: 10px !important;
  padding: 0 0 8px 0 !important;
  border-bottom: 1px solid var(--pocg-divider) !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  background: transparent !important;
}

.footer-widget-1,
.footer-widget-2,
.footer-widget-3 {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

.pocg-footer-brand {
  font-size: 1.5rem;
  font-weight: 900;
  text-transform: uppercase;
  color: var(--pocg-teal);
  letter-spacing: 0.13em;
  margin-bottom: 4px;
  font-family: var(--pocg-font-ui);
}

.pocg-footer-tagline {
  font-size: 11px;
  color: var(--pocg-orange);
  font-weight: 700;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-family: var(--pocg-font-ui);
}

.pocg-footer-col-head {
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: 0.28em !important;
  text-transform: uppercase !important;
  color: var(--pocg-text-soft) !important;
  margin-bottom: 10px !important;
  padding-bottom: 8px !important;
  border-bottom: 1px solid var(--pocg-divider) !important;
}

.site-footer p,
.site-footer .footer-copy {
  font-size: 12px !important;
  color: var(--pocg-text-muted) !important;
  line-height: 1.7 !important;
}

.site-footer a {
  color: var(--pocg-text-muted) !important;
}

.site-footer a:hover {
  color: var(--pocg-teal) !important;
  text-decoration: none !important;
}

.footer-series a,
.footer-widget-2 .menu-footer-navigation-container a {
  display: block;
  padding: 6px 0;
  font-size: 12px;
  color: var(--pocg-text-muted);
  border-bottom: 1px solid #161616;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration: none;
}

.footer-series a:hover,
.footer-widget-2 .menu-footer-navigation-container a:hover {
  color: var(--pocg-teal);
}

.footer-widget-2 .menu-footer-navigation-container ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.footer-widget-2 .menu-footer-navigation-container li {
  border: none !important;
  padding: 0 !important;
}

.pocg-footer-bottom {
  max-width: var(--pocg-max-width);
  margin: 0 auto;
  padding: 10px 20px 14px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid var(--pocg-divider);
  font-size: 11px;
  color: var(--pocg-text-muted);
  font-family: var(--pocg-font-ui);
}

.footer-bar {
  border-top: 1px solid #1E1E1E !important;
  background: #090909 !important;
  padding: 10px 20px !important;
}

.footer-bar .inside-footer-bar {
  font-size: 11px !important;
  color: var(--pocg-text-muted) !important;
}


/* -------------------------------------------------------
   20. STORY LIST
   ------------------------------------------------------- */
.pocg-story-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.pocg-story-list li {
  display: flex !important;
  gap: 9px !important;
  padding-bottom: 9px !important;
  margin-bottom: 9px !important;
  border-bottom: 1px solid var(--pocg-divider) !important;
  align-items: baseline !important;
}

.pocg-story-list li:last-child {
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.pocg-story-num {
  color: var(--pocg-orange);
  font-weight: 900;
  font-family: var(--pocg-font-mono);
  font-size: 10px;
  min-width: 16px;
  flex-shrink: 0;
}

.pocg-story-list a {
  color: var(--pocg-text-soft) !important;
  line-height: 1.4 !important;
  font-size: 12px !important;
}

.pocg-story-list a:hover {
  color: var(--pocg-teal) !important;
  text-decoration: none !important;
}


/* -------------------------------------------------------
   21. PLATFORM GRID
   ------------------------------------------------------- */
.pocg-platform-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4px;
}

.pocg-platform-grid a {
  display: block;
  border: 1px solid #1E1E1E;
  background: #121212;
  padding: 8px 6px;
  text-align: center;
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.13em;
  color: var(--pocg-text-muted);
  font-family: Arial, Helvetica, sans-serif;
  transition: all 0.15s;
}

.pocg-platform-grid a:hover {
  background: var(--pocg-orange);
  color: #090909;
  border-color: var(--pocg-orange);
  text-decoration: none;
}


/* -------------------------------------------------------
   22. ARCHIVE & FEATURE PAGE HEADERS
   ------------------------------------------------------- */
.pocg-archive-header {
  border: 2px solid var(--pocg-teal-border) !important;
  background: #181818 !important;
  margin-bottom: 0 !important;
}

.pocg-archive-header h1 {
  font-size: clamp(1.5rem, 3vw, 2.2rem) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  color: var(--pocg-text-heading) !important;
  margin: 0 0 6px 0 !important;
  padding: 0 !important;
}

.pocg-archive-header p {
  font-size: 13px !important;
  color: var(--pocg-text-soft) !important;
  margin: 0 !important;
}

.pocg-feature-header {
  border: 2px solid var(--pocg-teal-border) !important;
  background: #181818 !important;
  margin-bottom: 0 !important;
}

.pocg-feature-title {
  font-size: clamp(1.8rem, 3.5vw, 3rem) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  color: var(--pocg-text-heading) !important;
  line-height: 0.95 !important;
  font-weight: 900 !important;
  margin-bottom: 10px !important;
}

.pocg-feature-image img {
  width: 100% !important;
  display: block !important;
  max-height: 480px !important;
  object-fit: cover !important;
}

.pocg-search-count {
  font-size: 13px !important;
  color: var(--pocg-text-soft) !important;
  margin: 8px 0 0 0 !important;
}

.pocg-search-count strong {
  color: var(--pocg-teal) !important;
  font-weight: 700 !important;
}


/* -------------------------------------------------------
   23. THE BEIGE YEARS — SERIES STYLES
   ------------------------------------------------------- */
.pocg-beige-banner {
  border-bottom: 1px solid #C4A44C !important;
}

.pocg-beige-hero img {
  width: 100% !important;
  height: 320px !important;
  object-fit: cover !important;
  display: block !important;
}

.pocg-beige-hero-caption {
  background: rgba(14,14,14,0.85) !important;
  padding: 8px 24px !important;
  font-family: 'Courier New', monospace !important;
  font-size: 11px !important;
  color: #888 !important;
  letter-spacing: 1px !important;
  border-bottom: 2px solid #C4A44C !important;
}

.pocg-beige-article,
.pocg-beige-article p,
.pocg-beige-article div,
.pocg-beige-article span {
  font-family: Georgia, 'Times New Roman', serif !important;
  font-size: 15px !important;
  line-height: 1.8 !important;
  color: #D4C9B8 !important;
}

.pocg-beige-article h1,
.pocg-beige-article h2,
.pocg-beige-article h3 {
  font-family: Arial, Helvetica, sans-serif !important;
  color: #C4A44C !important;
  letter-spacing: 3px !important;
  text-transform: uppercase !important;
}

.pocg-beige-article .entry-content h2,
.pocg-beige-article .elementor-widget-post-content h2 {
  font-size: 16px !important;
  font-weight: 700 !important;
  margin: 32px 0 12px !important;
  padding-bottom: 6px !important;
  border-bottom: 0.5px solid #2a2a2a !important;
}

.pocg-beige-article .entry-content blockquote,
.pocg-beige-article .elementor-widget-post-content blockquote {
  border-left: 3px solid #C4A44C !important;
  padding: 16px 20px !important;
  margin: 28px 0 !important;
  background: #141414 !important;
}

.pocg-beige-article blockquote p,
.pocg-beige-article .entry-content blockquote p,
.pocg-beige-article .elementor-widget-post-content blockquote p {
  font-family: Georgia, serif !important;
  font-size: 18px !important;
  font-style: italic !important;
  color: #F3E0C7 !important;
  line-height: 1.6 !important;
  margin: 0 !important;
}

.pocg-beige-article .entry-content img,
.pocg-beige-article .elementor-widget-post-content img {
  width: 100% !important;
  border: 0.5px solid #2a2a2a !important;
  margin: 28px 0 8px !important;
  display: block !important;
}

.pocg-beige-article .entry-content figcaption,
.pocg-beige-article .elementor-widget-post-content figcaption {
  font-family: 'Courier New', monospace !important;
  font-size: 11px !important;
  color: #666 !important;
  letter-spacing: 1px !important;
  padding-top: 6px !important;
  border-top: 0.5px solid #2a2a2a !important;
  margin-bottom: 24px !important;
}

.pocg-beige-meta,
.pocg-beige-meta * {
  font-family: 'Courier New', Courier, monospace !important;
  font-size: 11px !important;
  color: #666 !important;
  letter-spacing: 1px !important;
}

.pocg-beige-banner,
.pocg-beige-banner * {
  font-family: 'Courier New', Courier, monospace !important;
}

.pocg-beige-sidebar,
.pocg-beige-sidebar .sidebar-label,
.pocg-beige-sidebar .series-nav-num {
  font-family: 'Courier New', Courier, monospace !important;
  letter-spacing: 2px !important;
}


/* -------------------------------------------------------
   24. REVIEW CARD — SCORE STAMP ON THUMBNAIL
   ------------------------------------------------------- */

/* container wrapping featured image + score stamp */
.pocg-thumb-wrap {
  position: relative !important;
  overflow: hidden;
  padding: 0 !important;
  line-height: 0;
}

.pocg-thumb-wrap.e-con > .e-con-inner {
  padding: 0 !important;
}

/* image fills the wrap */
.pocg-thumb-wrap .elementor-widget-featured-image,
.pocg-thumb-wrap .elementor-widget-image {
  width: 100%;
  line-height: 0;
  display: block;
}

.pocg-thumb-wrap .elementor-widget-featured-image img,
.pocg-thumb-wrap .elementor-widget-image img {
  width: 100%;
  display: block;
  object-fit: cover;
}

/* score stamp — pulled out of flex flow, pinned to corner */
.pocg-score-stamp {
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  z-index: 3;
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
  line-height: 1;
}

.pocg-score-stamp .elementor-widget-container {
  padding: 0 !important;
}

.pocg-score-stamp .elementor-heading-title,
.pocg-score-stamp div {
  background: var(--pocg-orange);
  color: #0E0E0E !important;
  font-family: var(--pocg-font-mono) !important;
  font-size: 1.6rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: 0.02em !important;
  text-transform: none !important;
  padding: 8px 14px !important;
  margin: 0 !important;
  display: block;
}


/* -------------------------------------------------------
   25. SCORE TICKER
   ------------------------------------------------------- */
.pocg-ticker {
  display: flex;
  align-items: stretch;
  height: 44px;
  background: #0A0A0A;
  border-top: 2px solid var(--pocg-teal);
  border-bottom: 1px solid var(--pocg-divider);
  overflow: hidden;
}

.pocg-ticker-label {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  padding: 0 16px;
  background: var(--pocg-teal);
  color: #0E0E0E;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  white-space: nowrap;
  font-family: var(--pocg-font-ui);
  z-index: 2;
}

.pocg-ticker-overflow {
  flex: 1;
  overflow: hidden;
  position: relative;
}

/* fade right edge */
.pocg-ticker-overflow::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 80px;
  background: linear-gradient(to right, transparent, #0A0A0A);
  z-index: 1;
  pointer-events: none;
}

.pocg-ticker-track {
  display: flex;
  align-items: center;
  height: 100%;
  white-space: nowrap;
  animation: pocg-ticker-scroll 30s linear infinite;
  will-change: transform;
}

.pocg-ticker-track:hover {
  animation-play-state: paused;
}

@keyframes pocg-ticker-scroll {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

.pocg-ticker-item {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 0 20px;
  border-right: 1px solid var(--pocg-divider);
  height: 100%;
  flex-shrink: 0;
}

.pocg-ticker-platform {
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--pocg-text-muted);
  font-family: var(--pocg-font-ui);
  flex-shrink: 0;
}

.pocg-ticker-title {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.06em !important;
  text-transform: uppercase;
  color: var(--pocg-text-soft);
  font-family: var(--pocg-font-ui);
}

.pocg-ticker-score {
  font-size: 11px;
  font-weight: 900;
  font-family: var(--pocg-font-mono);
  padding: 2px 7px;
  flex-shrink: 0;
  background: var(--pocg-text-muted);
  color: #0E0E0E;
}

.pocg-ticker-item.tier-essential .pocg-ticker-score { background: var(--pocg-teal);       color: #0E0E0E; }
.pocg-ticker-item.tier-excellent .pocg-ticker-score { background: var(--pocg-orange);     color: #0E0E0E; }
.pocg-ticker-item.tier-good      .pocg-ticker-score { background: var(--pocg-blue);       color: #ffffff; }
.pocg-ticker-item.tier-average   .pocg-ticker-score { background: var(--pocg-text-muted); color: #0E0E0E; }
.pocg-ticker-item.tier-poor      .pocg-ticker-score { background: #5A2020;                color: #FFAAAA; }
.pocg-ticker-item.tier-broken    .pocg-ticker-score { background: #2A0E0E;                color: #FF6666; }


/* -------------------------------------------------------
   26. SECTION HEADERS (shared)
   ------------------------------------------------------- */
.pocg-section-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  border-bottom: 2px solid var(--pocg-teal-border);
  padding-bottom: 12px;
  margin-bottom: 20px;
}

.pocg-section-title {
  font-family: var(--pocg-font-ui);
  font-size: 1.4rem;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--pocg-text-heading);
  margin: 0;
}

.pocg-section-title-accent { color: var(--pocg-teal); }

.pocg-section-more {
  font-family: var(--pocg-font-ui);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.18em !important;
  text-transform: uppercase;
  color: var(--pocg-text-muted);
  text-decoration: none;
  transition: color 0.15s;
}

.pocg-section-more:hover { color: var(--pocg-teal); text-decoration: none; }


/* -------------------------------------------------------
   27. LATEST REVIEWS GRID
   ------------------------------------------------------- */
.pocg-reviews-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2px;
}

.pocg-review-card {
  background: var(--pocg-surface);
  border: 1px solid var(--pocg-border-subtle);
  display: flex;
  flex-direction: column;
  color: inherit;
  position: relative;
  transition: border-color 0.2s;
}

.pocg-review-card:hover {
  border-color: var(--pocg-teal-border);
}

.pocg-card-thumb {
  aspect-ratio: 16 / 9;
  position: relative;
  overflow: hidden;
}

.pocg-card-art {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: opacity 0.2s;
}

.pocg-review-card:hover .pocg-card-art {
  opacity: 0.75;
}

.pocg-card-art-placeholder {
  width: 100%;
  height: 100%;
  background: var(--pocg-surface-mid);
}

.pocg-card-badge {
  position: absolute;
  bottom: 8px;
  right: 8px;
  background: rgba(6, 10, 8, 0.92);
  border: 1px solid var(--pocg-border-subtle);
  padding: 5px 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  line-height: 1;
}

.pocg-card-badge-num {
  font-family: var(--pocg-font-mono);
  font-size: 1.25rem;
  font-weight: 700;
}

.pocg-card-badge-label {
  font-size: 7px;
  font-weight: 700;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  margin-top: 3px;
}

.pocg-card-badge.tier-essential { color: var(--pocg-gold);      border-color: var(--pocg-gold-border); }
.pocg-card-badge.tier-excellent { color: var(--pocg-teal);      border-color: var(--pocg-teal-border); }
.pocg-card-badge.tier-good      { color: var(--pocg-blue);      border-color: var(--pocg-blue-border); }
.pocg-card-badge.tier-average   { color: var(--pocg-text-soft); border-color: var(--pocg-border-subtle); }
.pocg-card-badge.tier-poor      { color: #FFAAAA;               border-color: #5A2020; }
.pocg-card-badge.tier-broken    { color: #FF6666;               border-color: #2A0E0E; }

.pocg-card-body {
  padding: 10px 0 16px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  flex: 1;
}

.pocg-card-platform-badge {
  display: inline-block !important;
  background: var(--pocg-blue-dim) !important;
  border: 1px solid var(--pocg-blue-border) !important;
  color: #B8D8FF !important;
  font-family: var(--pocg-font-mono) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  padding: 6px 10px !important;
  line-height: 1.5 !important;
}

/* Individual platform term links inside the badge */
.pocg-card-badge-link {
  color: #B8D8FF !important;
  text-decoration: none !important;
  position: relative;
  z-index: 2;
}

.pocg-card-badge-link:hover {
  color: #fff !important;
  text-decoration: none !important;
}

/* Developer · Year row — below the badge, inside card body */
.pocg-card-devyear {
  font-family: var(--pocg-font-mono);
  font-size: 10px;
  color: var(--pocg-text-soft);
  letter-spacing: 0.06em !important;
}

/* Stretch-link: title link covers the whole card */
.pocg-card-title-link {
  display: block;
  text-decoration: none;
  color: inherit;
}

.pocg-card-title-link::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 1;
}

.pocg-card-title {
  font-family: var(--pocg-font-ui);
  font-size: 19px;
  font-weight: 900;
  line-height: 1.15;
  color: var(--pocg-text-heading);
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.pocg-card-tier {
  font-family: var(--pocg-font-ui);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.pocg-card-tier.tier-essential { color: var(--pocg-gold); }
.pocg-card-tier.tier-excellent { color: var(--pocg-teal); }
.pocg-card-tier.tier-good      { color: var(--pocg-blue); }
.pocg-card-tier.tier-average   { color: var(--pocg-text-muted); }
.pocg-card-tier.tier-poor      { color: #CC4444; }
.pocg-card-tier.tier-broken    { color: #882222; }

.pocg-card-blurb {
  font-family: var(--pocg-font-body);
  font-size: 13px;
  color: var(--pocg-text-soft);
  line-height: 1.6;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}


/* -------------------------------------------------------
   27. HERO — LEAD STORY
   ------------------------------------------------------- */
.pocg-hero-outer {
  background: var(--pocg-header-bg);
  border-bottom: 1px solid var(--pocg-border-subtle);
}

.pocg-hero {
  display: grid;
  grid-template-columns: 1fr 300px;
  max-width: var(--pocg-max-width);
  margin: 0 auto;
}

.pocg-hero-main {
  position: relative;
  min-height: 480px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 36px 32px;
  overflow: hidden;
  border-right: 1px solid var(--pocg-border-subtle);
}

.pocg-hero-art {
  position: absolute;
  inset: 0;
  background-color: #061208;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.pocg-hero-art::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image: repeating-linear-gradient(
    0deg, transparent, transparent 3px,
    rgba(0,0,0,0.18) 3px, rgba(0,0,0,0.18) 4px
  );
  pointer-events: none;
}

.pocg-hero-art::after {
  content: '';
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(0,191,168,0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0,191,168,0.04) 1px, transparent 1px);
  background-size: 60px 60px;
  pointer-events: none;
}

.pocg-hero-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to top,
    rgba(6,18,10,0.96) 0%,
    rgba(6,18,10,0.70) 40%,
    rgba(6,18,10,0.15) 100%
  );
}

.pocg-hero-content {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.pocg-hero-badges {
  display: flex;
  align-items: center;
  gap: 10px;
}

.pocg-hero-badge {
  display: inline-block;
  padding: 3px 10px;
  font-family: var(--pocg-font-ui);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.28em;
  text-transform: uppercase;
}

.pocg-hero-badge-review {
  background: var(--pocg-teal);
  color: #000;
}

.pocg-hero-badge-platform {
  background: var(--pocg-blue-dim);
  border: 1px solid var(--pocg-blue-border);
  color: #B8D8FF;
  font-family: var(--pocg-font-mono);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.12em;
  padding: 5px 10px;
}

.pocg-hero-title {
  font-family: var(--pocg-font-ui);
  font-size: clamp(2.6rem, 4.5vw, 4.4rem);
  font-weight: 900;
  letter-spacing: 0.04em;
  line-height: 0.92;
  color: #fff;
  text-shadow: 0 2px 24px rgba(0,0,0,0.8);
  text-transform: uppercase;
  margin: 0;
}

.pocg-hero-pullquote {
  font-family: var(--pocg-font-body);
  font-style: italic;
  font-size: 17px;
  color: rgba(223,240,237,0.80);
  line-height: 1.6;
  max-width: 540px;
  padding-left: 14px;
  border-left: 2px solid var(--pocg-teal-border);
  margin: 0;
}

.pocg-hero-score-row {
  display: flex;
  align-items: center;
  gap: 12px;
}

.pocg-hero-score-num {
  font-family: var(--pocg-font-ui);
  font-size: 4.2rem;
  font-weight: 900;
  color: var(--pocg-teal);
  line-height: 1;
  letter-spacing: -0.02em;
}

.pocg-hero-score-sep {
  font-family: var(--pocg-font-ui);
  font-size: 1.4rem;
  font-weight: 300;
  color: var(--pocg-text-muted);
}

.pocg-hero-score-label {
  font-family: var(--pocg-font-ui);
  font-size: 1.9rem;
  font-weight: 900;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--pocg-teal);
  line-height: 1;
}

.pocg-hero-cta {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.pocg-btn {
  display: inline-block;
  font-family: var(--pocg-font-ui);
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 0.18em !important;
  text-transform: uppercase;
  padding: 12px 26px;
  cursor: pointer;
  text-decoration: none;
  transition: all 0.15s;
}

.pocg-btn-primary { background: var(--pocg-teal); color: #000; }
.pocg-btn-primary:hover { background: #00d4bb; color: #000; text-decoration: none; }
.pocg-btn-ghost { background: transparent; border: 1px solid var(--pocg-border-subtle); color: var(--pocg-text-soft); }
.pocg-btn-ghost:hover { border-color: var(--pocg-text-muted); color: var(--pocg-text); text-decoration: none; }

/* Sidebar */
.pocg-hero-sidebar {
  display: flex;
  flex-direction: column;
  background: var(--pocg-surface-alt);
}

.pocg-hero-sidebar-head {
  padding: 12px 18px;
  font-family: var(--pocg-font-ui);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: var(--pocg-text-muted);
  border-bottom: 1px solid var(--pocg-border-subtle);
}

.pocg-hero-sidebar-item {
  padding: 16px 18px;
  border-bottom: 1px solid var(--pocg-border-subtle);
  display: flex;
  flex-direction: column;
  gap: 6px;
  transition: background 0.15s;
  text-decoration: none;
  color: inherit;
}

.pocg-hero-sidebar-item:last-child { border-bottom: none; }
.pocg-hero-sidebar-item:hover { background: var(--pocg-surface); text-decoration: none; color: inherit; }

.pocg-hero-sidebar-badge {
  display: inline-block;
  padding: 3px 10px;
  font-family: var(--pocg-font-ui);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  width: fit-content;
}

.pocg-hero-sidebar-badge.review   { background: var(--pocg-teal-dim);   border: 1px solid var(--pocg-teal-border);   color: #A0EFE4; }
.pocg-hero-sidebar-badge.editorial{ background: var(--pocg-blue-dim);   border: 1px solid var(--pocg-blue-border);   color: #9ac0f0; }
.pocg-hero-sidebar-badge.news     { background: var(--pocg-orange-dim); border: 1px solid var(--pocg-orange-border); color: #e8b88a; }

.pocg-hero-sidebar-title {
  font-family: var(--pocg-font-ui);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
  color: var(--pocg-text-heading);
}

.pocg-hero-sidebar-meta {
  font-family: var(--pocg-font-mono);
  font-size: 11px;
  color: var(--pocg-text-muted);
}

.pocg-hero-sidebar-score               { font-family: var(--pocg-font-mono); font-size: 13px; font-weight: 700; }
.pocg-hero-sidebar-score.teal          { color: var(--pocg-teal); }
.pocg-hero-sidebar-score.gold          { color: var(--pocg-gold); }
.pocg-hero-sidebar-score.blue          { color: var(--pocg-blue); }
.pocg-hero-sidebar-score.muted         { color: var(--pocg-text-muted); }

@media (max-width: 768px) {
  .pocg-hero { grid-template-columns: 1fr; }
  .pocg-hero-sidebar { display: none; }
  .pocg-hero-main { min-height: 360px; padding: 24px 20px; }
}


/* -------------------------------------------------------
   28. NEWS SECTION
   ------------------------------------------------------- */

/* Solid background so nothing bleeds through from behind */
.pocg-news-section {
  width: 100%;
  background-color: var(--pocg-bg) !important;
  background-image: none !important;
  isolation: isolate;
}

.pocg-news-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  border-bottom: 2px solid var(--pocg-orange-border);
  padding-bottom: 12px;
  margin-bottom: 0;
}

.pocg-news-title {
  font-family: var(--pocg-font-ui);
  font-size: 1.4rem;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--pocg-text-heading);
  margin: 0;
}

.pocg-news-title-accent { color: var(--pocg-orange); }

.pocg-news-more {
  font-family: var(--pocg-font-ui);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.18em !important;
  text-transform: uppercase;
  color: var(--pocg-text-muted);
  text-decoration: none;
  transition: color 0.15s;
}

.pocg-news-more:hover { color: var(--pocg-orange); text-decoration: none; }

.pocg-news-list {
  display: flex;
  flex-direction: column;
  padding-left: 12px;
}

.pocg-news-item {
  display: grid;
  grid-template-columns: 72px 1fr;
  gap: 18px;
  padding: 18px 0;
  border-bottom: 1px solid var(--pocg-border-subtle);
  text-decoration: none;
  color: inherit;
  transition: background 0.15s;
}

.pocg-news-item:last-child { border-bottom: none; }

.pocg-news-item:hover {
  background: var(--pocg-orange-glow, rgba(232,130,30,0.05));
  margin: 0 -12px;
  padding: 18px 12px;
  text-decoration: none;
  color: inherit;
}

.pocg-news-date {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding-top: 3px;
}

.pocg-news-date-day {
  font-family: var(--pocg-font-mono);
  font-size: 11px;
  color: var(--pocg-text-muted);
  line-height: 1.4;
}

.pocg-news-date-year {
  font-family: var(--pocg-font-mono);
  font-size: 11px;
  color: var(--pocg-text-muted);
  line-height: 1.4;
}

.pocg-news-body {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.pocg-news-tag {
  display: inline-block;
  padding: 2px 8px;
  font-family: var(--pocg-font-ui);
  font-size: 8px;
  font-weight: 700;
  letter-spacing: 0.2em !important;
  text-transform: uppercase;
  width: fit-content;
}

.pocg-news-tag.preservation { background: var(--pocg-orange-dim); border: 1px solid var(--pocg-orange-border); color: #e8b88a; }
.pocg-news-tag.release      { background: var(--pocg-teal-dim);   border: 1px solid var(--pocg-teal-border);   color: #A0EFE4; }
.pocg-news-tag.industry     { background: var(--pocg-blue-dim);   border: 1px solid var(--pocg-blue-border);   color: #9ac0f0; }
.pocg-news-tag.hardware     { background: var(--pocg-gold-dim);   border: 1px solid var(--pocg-gold-border);   color: #d4b86a; }

.pocg-news-headline {
  font-family: var(--pocg-font-ui);
  font-size: 15px;
  font-weight: 700;
  line-height: 1.35;
  color: var(--pocg-text-heading);
  transition: color 0.15s;
}

.pocg-news-item:hover .pocg-news-headline { color: var(--pocg-orange); }

.pocg-news-blurb {
  font-family: var(--pocg-font-body);
  font-size: 12px;
  color: var(--pocg-text-soft);
  line-height: 1.6;
}

@media (max-width: 600px) {
  .pocg-news-item { grid-template-columns: 1fr; gap: 8px; }
  .pocg-news-date { flex-direction: row; gap: 6px; }
}


/* -------------------------------------------------------
   29. VAULT WIDGET
   ------------------------------------------------------- */

.pocg-vault-widget {
  background: var(--pocg-surface);
  border: 1px solid var(--pocg-border-subtle);
  border-top: 3px solid var(--pocg-gold);
  padding: 28px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.pocg-vault-eyebrow {
  font-family: var(--pocg-font-ui);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  color: var(--pocg-gold);
}

.pocg-vault-heading {
  font-family: var(--pocg-font-ui);
  font-size: 2.2rem;
  font-weight: 900;
  letter-spacing: 0.06em !important;
  text-transform: uppercase;
  line-height: 1;
  color: var(--pocg-text-heading);
}

.pocg-vault-tagline {
  font-family: var(--pocg-font-body);
  font-style: italic;
  font-size: 12px;
  color: var(--pocg-text-soft);
  line-height: 1.65;
}

.pocg-vault-stats {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2px;
}

.pocg-vault-stat {
  background: var(--pocg-surface-mid);
  padding: 12px 14px;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.pocg-vault-stat-num {
  font-family: var(--pocg-font-mono);
  font-size: 1.6rem;
  color: var(--pocg-gold);
  line-height: 1;
}

.pocg-vault-stat-label {
  font-family: var(--pocg-font-ui);
  font-size: 8px;
  font-weight: 700;
  letter-spacing: 0.18em !important;
  text-transform: uppercase;
  color: var(--pocg-text-muted);
}

.pocg-vault-search {
  display: flex;
  align-items: center;
  gap: 10px;
  background: var(--pocg-surface-alt);
  border: 1px solid var(--pocg-border-subtle);
  padding: 9px 14px;
  font-family: var(--pocg-font-mono);
  font-size: 11px;
  color: var(--pocg-text-muted);
  text-decoration: none;
  transition: border-color 0.15s;
}

.pocg-vault-search:hover { border-color: var(--pocg-gold-border); color: var(--pocg-text-muted); }

.pocg-vault-search span { flex: 1; }

.pocg-vault-search kbd {
  background: var(--pocg-surface);
  border: 1px solid var(--pocg-border-subtle);
  padding: 2px 6px;
  font-size: 9px;
  font-family: var(--pocg-font-mono);
  color: var(--pocg-text-muted);
}

.pocg-vault-btn {
  display: block;
  background: var(--pocg-gold);
  color: #000;
  font-family: var(--pocg-font-ui);
  font-weight: 700;
  font-size: 11px;
  letter-spacing: 0.18em !important;
  text-transform: uppercase;
  padding: 11px 22px;
  text-align: center;
  text-decoration: none;
  transition: background 0.15s;
}

.pocg-vault-btn:hover { background: #d4b45c; color: #000; text-decoration: none; }


/* -------------------------------------------------------
   30. SCORE DISTRIBUTION STRIP
   ------------------------------------------------------- */

.pocg-numbers-outer {
  background: var(--pocg-surface-alt);
  border-top: 1px solid var(--pocg-border-subtle);
  border-bottom: 1px solid var(--pocg-border-subtle);
}

.pocg-numbers-inner {
  max-width: var(--pocg-max-width);
  margin: 0 auto;
  padding: 24px 20px;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 40px;
  align-items: center;
}

.pocg-numbers-kicker {
  font-family: var(--pocg-font-ui);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: var(--pocg-text-muted);
  line-height: 1.8;
}

.pocg-numbers-tiers {
  display: flex;
  align-items: flex-end;
  gap: 32px;
  flex-wrap: wrap;
}

.pocg-numbers-tier {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.pocg-numbers-bar {
  height: 2px;
  margin-bottom: 4px;
  min-width: 4px;
}

.pocg-numbers-count {
  font-family: var(--pocg-font-mono);
  font-size: 1.5rem;
  line-height: 1;
}

.pocg-numbers-label {
  font-family: var(--pocg-font-ui);
  font-size: 8px;
  font-weight: 700;
  letter-spacing: 0.18em !important;
  text-transform: uppercase;
  color: var(--pocg-text-muted);
}

/* Tier colours */
.nt-masterpiece .pocg-numbers-bar   { background: var(--pocg-gold);       }
.nt-masterpiece .pocg-numbers-count { color:       var(--pocg-gold);       }
.nt-excellent   .pocg-numbers-bar   { background: var(--pocg-teal);       }
.nt-excellent   .pocg-numbers-count { color:       var(--pocg-teal);       }
.nt-good        .pocg-numbers-bar   { background: #6A8A5A;                }
.nt-good        .pocg-numbers-count { color:       #6A8A5A;               }
.nt-average     .pocg-numbers-bar   { background: var(--pocg-text-muted); }
.nt-average     .pocg-numbers-count { color:       var(--pocg-text-muted); }
.nt-poor        .pocg-numbers-bar   { background: #5A2020;                }
.nt-poor        .pocg-numbers-count { color:       #CC4444;               }
.nt-broken      .pocg-numbers-bar   { background: #2A0E0E;                }
.nt-broken      .pocg-numbers-count { color:       #882222;               }

.pocg-numbers-sep {
  width: 1px;
  height: 44px;
  background: var(--pocg-border-subtle);
  align-self: center;
}

.pocg-numbers-total-col {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.pocg-numbers-total-big {
  font-family: var(--pocg-font-mono);
  font-size: 2rem;
  color: var(--pocg-text-heading);
  line-height: 1;
}

.pocg-numbers-total-label {
  font-family: var(--pocg-font-ui);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.18em !important;
  text-transform: uppercase;
  color: var(--pocg-text-muted);
  line-height: 1.5;
}

.pocg-numbers-total-sub {
  font-family: var(--pocg-font-mono);
  font-size: 10px;
  color: var(--pocg-text-muted);
}


/* -------------------------------------------------------
   31. THIS MONTH IN GAMING HISTORY
   ------------------------------------------------------- */

.pocg-history-outer {
  background: var(--pocg-gold-glow);
  border-top: 2px solid var(--pocg-gold-border);
  border-bottom: 2px solid var(--pocg-gold-border);
}

.pocg-history-inner {
  max-width: var(--pocg-max-width);
  margin: 0 auto;
  padding: 22px 20px;
  display: grid;
  grid-template-columns: 100px 1px 1fr auto;
  gap: 28px;
  align-items: center;
}

.pocg-history-year-col { text-align: center; }

.pocg-history-year {
  font-family: var(--pocg-font-mono);
  font-size: 2.4rem;
  color: var(--pocg-gold);
  line-height: 1;
}

.pocg-history-year-label {
  font-family: var(--pocg-font-ui);
  font-size: 8px;
  font-weight: 700;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--pocg-text-muted);
  margin-top: 4px;
}

.pocg-history-divider {
  background: var(--pocg-gold-border);
  height: 100%;
  min-height: 48px;
  width: 1px;
}

.pocg-history-content {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.pocg-history-kicker {
  font-family: var(--pocg-font-ui);
  font-size: 8px;
  font-weight: 700;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: var(--pocg-gold);
}

.pocg-history-headline {
  font-family: var(--pocg-font-ui);
  font-size: 1.05rem;
  font-weight: 700;
  color: var(--pocg-text-heading);
  line-height: 1.2;
}

.pocg-history-body {
  font-family: var(--pocg-font-body);
  font-size: 12px;
  color: var(--pocg-text-soft);
  line-height: 1.6;
}

.pocg-history-link {
  font-family: var(--pocg-font-ui);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.18em !important;
  text-transform: uppercase;
  color: var(--pocg-gold);
  white-space: nowrap;
  text-decoration: none;
}

.pocg-history-link:hover { text-decoration: underline; color: var(--pocg-gold); }


/* -------------------------------------------------------
   31b. LATEST EDITORIAL STRIP  [pocg_latest_editorial]
   ------------------------------------------------------- */

.pocg-le-outer {
  background: rgba(155, 159, 168, 0.04);
  border-top: 1px solid var(--pocg-silver-border);
  border-bottom: 1px solid var(--pocg-silver-border);
}

.pocg-le-inner {
  max-width: var(--pocg-max-width);
  margin: 0 auto;
  padding: 22px 20px;
  display: grid;
  grid-template-columns: 100px 1px 1fr auto;
  gap: 28px;
  align-items: center;
}

.pocg-le-date-col {
  text-align: center;
}

.pocg-le-month {
  font-family: var(--pocg-font-mono);
  font-size: 2.4rem;
  color: var(--pocg-silver);
  line-height: 1;
}

.pocg-le-year {
  font-family: var(--pocg-font-ui);
  font-size: 8px;
  font-weight: 700;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--pocg-text-muted);
  margin-top: 4px;
}

.pocg-le-divider {
  background: var(--pocg-silver-border);
  height: 100%;
  min-height: 48px;
  width: 1px;
}

.pocg-le-content {
  display: flex;
  flex-direction: column;
  gap: 5px;
  min-width: 0;
}

.pocg-le-kicker {
  font-family: var(--pocg-font-ui);
  font-size: 8px;
  font-weight: 700;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: var(--pocg-silver);
}

.pocg-le-headline {
  font-family: var(--pocg-font-ui);
  font-size: 1.05rem;
  font-weight: 700;
  line-height: 1.2;
}

.pocg-le-headline-link {
  color: var(--pocg-text-heading);
  text-decoration: none;
}

.pocg-le-headline-link:hover {
  color: var(--pocg-silver);
}

.pocg-le-tagline {
  font-family: var(--pocg-font-body);
  font-size: 12px;
  font-style: italic;
  color: var(--pocg-text-soft);
  line-height: 1.5;
}

.pocg-le-body {
  font-family: var(--pocg-font-body);
  font-size: 12px;
  color: var(--pocg-text-soft);
  line-height: 1.6;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.pocg-le-link {
  font-family: var(--pocg-font-ui);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--pocg-silver);
  white-space: nowrap;
  text-decoration: none;
}

.pocg-le-link:hover {
  text-decoration: underline;
}

@media (max-width: 640px) {
  .pocg-le-inner {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .pocg-le-date-col,
  .pocg-le-divider {
    display: none;
  }
}


/* -------------------------------------------------------
   32. FROM THE SERIES — EDITORIAL PANEL
   ------------------------------------------------------- */

.pocg-series-section {
  background-color: var(--pocg-bg);
}

.pocg-series-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  border-bottom: 2px solid var(--pocg-blue-border);
  padding-bottom: 12px;
  margin-bottom: 20px;
}

.pocg-series-title {
  font-family: var(--pocg-font-ui);
  font-size: 1.4rem;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--pocg-text-heading);
  margin: 0;
}

.pocg-series-title-accent { color: var(--pocg-blue); }

.pocg-series-layout {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2px;
}

/* ── Featured card ── */
.pocg-series-featured {
  background: var(--pocg-surface);
  border: 1px solid var(--pocg-border-subtle);
  border-top: 3px solid var(--pocg-teal);
  display: flex;
  flex-direction: column;
}

.pocg-series-featured--blue   { border-top-color: var(--pocg-blue);   }
.pocg-series-featured--gold   { border-top-color: var(--pocg-gold);   }
.pocg-series-featured--orange { border-top-color: var(--pocg-orange); }

.pocg-series-featured-thumb {
  aspect-ratio: 21 / 9;
  position: relative;
  overflow: hidden;
  background: linear-gradient(145deg, #001410 0%, #003828 50%, #001a14 100%);
}

.pocg-series-featured-thumb::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, transparent 30%, rgba(6,24,18,0.9) 100%);
}

.pocg-series-featured-body {
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex: 1;
}

/* ── Series name label (shared teal/blue/gold/orange variants) ── */
.pocg-series-name {
  font-family: var(--pocg-font-ui);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.3em;
  text-transform: uppercase;
}

.pocg-series-name.teal   { color: var(--pocg-teal);   }
.pocg-series-name.blue   { color: var(--pocg-blue);   }
.pocg-series-name.gold   { color: var(--pocg-gold);   }
.pocg-series-name.orange { color: var(--pocg-orange); }

.pocg-series-entry-num {
  font-family: var(--pocg-font-mono);
  font-size: 10px;
  color: var(--pocg-text-muted);
  margin-top: -4px;
}

.pocg-series-featured-title {
  font-family: var(--pocg-font-ui);
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1.1;
  text-transform: uppercase;
  color: var(--pocg-text-heading);
  margin: 0;
}

.pocg-series-featured-title a {
  color: inherit;
  text-decoration: none;
}

.pocg-series-featured-title a:hover { color: var(--pocg-blue); }

.pocg-series-featured-tagline {
  font-family: var(--pocg-font-body);
  font-style: italic;
  font-size: 13px;
  color: var(--pocg-text-soft);
  line-height: 1.6;
  padding-left: 12px;
  border-left: 2px solid var(--pocg-teal-dim);
  margin: 0;
}

.pocg-series-featured-excerpt {
  font-family: var(--pocg-font-body);
  font-size: 12px;
  color: var(--pocg-text-soft);
  line-height: 1.7;
  margin: 0;
}

.pocg-series-read-link {
  font-family: var(--pocg-font-ui);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.18em !important;
  text-transform: uppercase;
  color: var(--pocg-teal);
  text-decoration: none;
  margin-top: auto;
}

.pocg-series-read-link:hover { text-decoration: underline; color: var(--pocg-teal); }

/* ── Mini cards ── */
.pocg-series-stack {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.pocg-series-mini {
  background: var(--pocg-surface);
  border: 1px solid var(--pocg-border-subtle);
  padding: 18px;
  display: grid;
  grid-template-columns: 64px 1fr;
  gap: 16px;
  align-items: center;
  text-decoration: none;
  color: inherit;
  flex: 1;
  transition: background 0.15s, border-color 0.15s;
}

.pocg-series-mini:hover { color: inherit; text-decoration: none; }

.pocg-series-mini.blue   { border-left: 3px solid var(--pocg-blue);   }
.pocg-series-mini.gold   { border-left: 3px solid var(--pocg-gold);   }
.pocg-series-mini.orange { border-left: 3px solid var(--pocg-orange); }
.pocg-series-mini.teal   { border-left: 3px solid var(--pocg-teal);   }

.pocg-series-mini.blue:hover   { background: rgba(30,114,204,0.07); }
.pocg-series-mini.gold:hover   { background: var(--pocg-gold-glow);  }
.pocg-series-mini.orange:hover { background: rgba(232,130,30,0.07);  }
.pocg-series-mini.teal:hover   { background: var(--pocg-teal-glow);  }

.pocg-series-mini-thumb {
  width: 64px;
  height: 64px;
  flex-shrink: 0;
  background: var(--pocg-surface-mid);
  overflow: hidden;
}

.pocg-series-mini-content {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

.pocg-series-mini-title {
  font-family: var(--pocg-font-ui);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.25;
  color: var(--pocg-text-heading);
}

.pocg-series-mini:hover .pocg-series-mini-title { color: var(--pocg-blue); }

.pocg-series-mini-meta {
  font-family: var(--pocg-font-mono);
  font-size: 9px;
  color: var(--pocg-text-muted);
}


/* -------------------------------------------------------
   34. VAULT HUB PAGE
   ------------------------------------------------------- */

.pocg-vault-hub {
  display: flex;
  flex-direction: column;
  gap: 0;
}

/* ── Hub: shared section bar ── */
.pocg-vh-section-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 11px 14px;
  border-bottom: 2px solid var(--pocg-border-subtle);
  background: var(--pocg-surface-alt);
}

.pocg-vh-section-bar--teal  { border-bottom-color: var(--pocg-teal); }
.pocg-vh-section-bar--blue  { border-bottom-color: var(--pocg-blue); }
.pocg-vh-section-bar--orange { border-bottom-color: var(--pocg-orange); }

.pocg-vh-section-title {
  font-family: var(--pocg-font-ui);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  color: var(--pocg-text-heading);
  margin: 0;
}

.pocg-vh-section-sub {
  font-family: var(--pocg-font-ui);
  font-size: 10px;
  color: var(--pocg-text-muted);
  letter-spacing: 0.1em;
}

.pocg-vh-section-link {
  font-family: var(--pocg-font-ui);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--pocg-teal);
  text-decoration: none;
}
.pocg-vh-section-link:hover { text-decoration: underline; }

/* ── Hero ── */
.pocg-vh-hero {
  border: 2px solid var(--pocg-teal-border);
  background: var(--pocg-surface);
  margin-bottom: 18px;
}

.pocg-vh-hero-grid {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 24px;
  padding: 22px 24px 18px;
}

.pocg-vh-hero-left {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.pocg-vh-eyebrow {
  display: inline-block;
  background: var(--pocg-blue-dim);
  border: 1px solid var(--pocg-blue-border);
  color: #A8C8F0;
  font-family: var(--pocg-font-ui);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  padding: 3px 10px;
  align-self: flex-start;
}

.pocg-vh-title {
  font-family: var(--pocg-font-ui) !important;
  font-size: clamp(2.6rem, 5vw, 4.4rem) !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  color: var(--pocg-text-heading) !important;
  margin: 0 !important;
  line-height: 0.95 !important;
}

.pocg-vh-dot { color: var(--pocg-teal); }

.pocg-vh-desc {
  font-family: var(--pocg-font-body);
  font-style: italic;
  font-size: 13px;
  color: var(--pocg-text-soft);
  line-height: 1.65;
  border-left: 2px solid var(--pocg-teal-dim);
  padding-left: 12px;
  margin: 0;
}

.pocg-vh-hero-right {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 280px;
  justify-content: center;
}

.pocg-vh-search-label {
  font-family: var(--pocg-font-ui);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: var(--pocg-blue);
}

.pocg-vh-search-form {
  display: flex;
  gap: 0;
}

.pocg-vh-search-input {
  flex: 1;
  padding: 8px 12px;
  border: 1px solid var(--pocg-border-subtle);
  background: var(--pocg-header-bg);
  color: var(--pocg-text);
  font-family: var(--pocg-font-ui);
  font-size: 12px;
}

.pocg-vh-search-btn {
  padding: 8px 16px;
  background: var(--pocg-blue);
  border: none;
  color: #fff;
  font-family: var(--pocg-font-ui);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.06em !important;
  text-transform: uppercase;
  cursor: pointer;
  white-space: nowrap;
  overflow: visible;
  flex-shrink: 0;
}

.pocg-vh-stats-bar {
  display: flex;
  border-top: 2px solid var(--pocg-teal);
  background: var(--pocg-surface-alt);
}

.pocg-vh-stat {
  flex: 1;
  padding: 12px 16px;
  border-right: 1px solid var(--pocg-divider);
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.pocg-vh-stat:last-child { border-right: none; }

.pocg-vh-stat-num {
  font-family: var(--pocg-font-mono);
  font-size: 1.4rem;
  color: var(--pocg-teal);
  line-height: 1;
}

.pocg-vh-stat-label {
  font-family: var(--pocg-font-ui);
  font-size: 8px;
  font-weight: 700;
  letter-spacing: 0.18em !important;
  text-transform: uppercase;
  color: var(--pocg-text-muted);
}

/* ── A–Z ── */
.pocg-vh-az {
  border: 2px solid var(--pocg-border-subtle);
  background: var(--pocg-surface);
  margin-bottom: 18px;
}

.pocg-vh-az-inner {
  padding: 16px 20px;
}

.pocg-vh-az-tiles {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-bottom: 10px;
}

.pocg-vh-az-tile {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  font-family: var(--pocg-font-mono);
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
  border: 1px solid var(--pocg-border-subtle);
  background: var(--pocg-surface-alt);
  color: var(--pocg-text-muted);
}

.pocg-vh-az-tile.has-entries {
  background: var(--pocg-surface-mid);
  border-color: var(--pocg-teal-border);
  color: var(--pocg-teal);
}

.pocg-vh-az-tile.has-entries:hover {
  background: var(--pocg-teal);
  color: #0E0E0E;
  text-decoration: none;
  border-color: var(--pocg-teal);
}

.pocg-vh-az-tile.disabled {
  opacity: 0.35;
  cursor: default;
}

.pocg-vh-az-note {
  font-family: var(--pocg-font-ui);
  font-size: 10px;
  color: var(--pocg-text-muted);
  font-style: italic;
}

/* ── Series ── */
.pocg-vh-series {
  border: 2px solid var(--pocg-teal-border);
  background: var(--pocg-surface);
  margin-bottom: 18px;
}

.pocg-vh-series-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2px;
  padding: 2px;
}

.pocg-vh-series-card {
  background: var(--pocg-surface-alt);
  border: 1px solid var(--pocg-border-subtle);
  display: flex;
  flex-direction: column;
  text-decoration: none;
  color: inherit;
  transition: border-color 0.15s, background 0.15s;
  cursor: pointer;
}
.pocg-vh-series-card:hover {
  border-color: var(--pocg-teal);
  background: var(--pocg-surface-mid);
  text-decoration: none;
  color: inherit;
}

.pocg-vh-series-thumb {
  height: 100px;
  position: relative;
  background: var(--pocg-surface-mid);
  background-size: cover;
  background-position: center;
}

.pocg-vh-series-pips {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 3px;
  padding: 5px 8px;
  background: linear-gradient(to top, rgba(14,14,14,0.9) 0%, transparent 100%);
}

.pocg-vh-plat-pip {
  font-family: var(--pocg-font-ui);
  font-size: 8px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.65);
  background: rgba(0,0,0,0.5);
  padding: 2px 5px;
}

.pocg-vh-series-body {
  padding: 12px 14px;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.pocg-vh-series-dev {
  font-family: var(--pocg-font-ui);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--pocg-text-muted);
}

.pocg-vh-series-name {
  font-family: var(--pocg-font-ui);
  font-size: 13px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.06em !important;
  color: var(--pocg-text-heading);
}

.pocg-vh-series-desc {
  font-family: var(--pocg-font-body);
  font-size: 11px;
  color: var(--pocg-text-soft);
  line-height: 1.55;
}

.pocg-vh-series-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 14px;
  border-top: 1px solid var(--pocg-divider);
  font-family: var(--pocg-font-ui);
  font-size: 9px;
  color: var(--pocg-text-muted);
}

.pocg-vh-series-score {
  font-family: var(--pocg-font-mono);
  font-size: 11px;
  font-weight: 700;
}
.pocg-vh-score-essential { color: var(--pocg-gold); }
.pocg-vh-score-excellent { color: var(--pocg-orange); }
.pocg-vh-score-good      { color: var(--pocg-blue); }
.pocg-vh-score-muted     { color: var(--pocg-text-muted); }

/* ── Recently Added ── */
.pocg-vh-recent {
  border: 2px solid var(--pocg-orange-border);
  background: var(--pocg-surface);
  margin-bottom: 18px;
}

.pocg-vh-recent-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2px;
  padding: 2px;
}

.pocg-vh-card {
  background: var(--pocg-surface-alt);
  border: 1px solid var(--pocg-border-subtle);
  display: flex;
  flex-direction: column;
  text-decoration: none;
  color: inherit;
  transition: border-color 0.15s;
}
.pocg-vh-card:hover { border-color: var(--pocg-teal-border); text-decoration: none; color: inherit; }

.pocg-vh-card-thumb {
  position: relative;
  aspect-ratio: 16/9;
  overflow: hidden;
  background: var(--pocg-surface-mid);
}

.pocg-vh-card-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.pocg-vh-card-img-placeholder {
  width: 100%;
  height: 100%;
}

.pocg-vh-card-score-badge {
  position: absolute;
  top: 6px;
  right: 6px;
  padding: 4px 7px;
  font-family: var(--pocg-font-mono);
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  background: rgba(6,10,8,0.92);
  border: 1px solid var(--pocg-border-subtle);
}
.pocg-vh-card-score-badge.tier-essential { color: var(--pocg-gold);   border-color: var(--pocg-gold-border); }
.pocg-vh-card-score-badge.tier-excellent { color: var(--pocg-teal);   border-color: var(--pocg-teal-border); }
.pocg-vh-card-score-badge.tier-good      { color: var(--pocg-blue);   border-color: var(--pocg-blue-border); }
.pocg-vh-card-score-badge.tier-average   { color: var(--pocg-text-soft); border-color: var(--pocg-border-subtle); }

.pocg-vh-card-body {
  padding: 10px 12px;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.pocg-vh-card-plat {
  font-family: var(--pocg-font-mono);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--pocg-text-muted);
}

.pocg-vh-card-title {
  font-family: var(--pocg-font-ui);
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--pocg-text-heading);
  line-height: 1.2;
}

.pocg-vh-card-meta {
  font-family: var(--pocg-font-mono);
  font-size: 10px;
  color: var(--pocg-text-muted);
}

.pocg-vh-card-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 6px 12px;
  border-top: 1px solid var(--pocg-divider);
  font-family: var(--pocg-font-mono);
  font-size: 10px;
  color: var(--pocg-text-muted);
}

.pocg-vh-reviewed-badge {
  background: var(--pocg-teal-dim);
  border: 1px solid var(--pocg-teal-border);
  color: #A0EFE4;
  font-family: var(--pocg-font-ui);
  font-size: 8px;
  font-weight: 700;
  letter-spacing: 0.18em !important;
  text-transform: uppercase;
  padding: 2px 6px;
}

.pocg-vh-tracked-badge {
  border: 1px solid var(--pocg-border-subtle);
  color: var(--pocg-text-muted);
  font-family: var(--pocg-font-ui);
  font-size: 8px;
  font-weight: 700;
  letter-spacing: 0.18em !important;
  text-transform: uppercase;
  padding: 2px 6px;
}

/* ── Genre ── */
.pocg-vh-genre {
  border: 2px solid var(--pocg-blue-border);
  background: var(--pocg-surface);
  margin-bottom: 18px;
}

.pocg-vh-genre-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2px;
  padding: 2px;
}

.pocg-vh-genre-tile {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  padding: 16px 10px;
  background: var(--pocg-surface-alt);
  border: 1px solid var(--pocg-border-subtle);
  text-decoration: none;
  color: inherit;
  text-align: center;
  transition: background 0.15s, border-color 0.15s;
}
.pocg-vh-genre-tile:hover {
  background: var(--pocg-blue-dim);
  border-color: var(--pocg-blue-border);
  text-decoration: none;
  color: inherit;
}

.pocg-vh-genre-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--pocg-teal);
  opacity: 0.8;
  line-height: 1;
}
.pocg-vh-genre-icon svg {
  display: block;
}

.pocg-vh-genre-name {
  font-family: var(--pocg-font-ui);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--pocg-text-soft);
}

.pocg-vh-genre-count {
  font-family: var(--pocg-font-mono);
  font-size: 9px;
  color: var(--pocg-text-muted);
}

/* ── Platform ── */
.pocg-vh-platform {
  border: 2px solid var(--pocg-border-subtle);
  background: var(--pocg-surface);
  margin-bottom: 18px;
}

.pocg-vh-plat-grid {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 2px;
  padding: 2px;
}

.pocg-vh-plat-tile {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3px;
  padding: 10px 8px;
  background: var(--pocg-surface-alt);
  border: 1px solid var(--pocg-border-subtle);
  text-decoration: none;
  text-align: center;
  font-family: var(--pocg-font-ui);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--pocg-text-muted);
  transition: background 0.15s;
}
.pocg-vh-plat-tile:hover {
  background: var(--pocg-teal-glow);
  border-color: var(--pocg-teal-border);
  color: var(--pocg-teal);
  text-decoration: none;
}

.pocg-vh-plat-count {
  font-family: var(--pocg-font-mono);
  font-size: 9px;
  color: var(--pocg-text-muted);
}

/* ── Developer ── */
.pocg-vh-devs {
  border: 2px solid var(--pocg-border-subtle);
  background: var(--pocg-surface);
  margin-bottom: 18px;
}

.pocg-vh-dev-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1px;
  padding: 2px;
  background: var(--pocg-divider);
}

.pocg-vh-dev-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 14px;
  background: var(--pocg-surface-alt);
  text-decoration: none;
  color: inherit;
  transition: background 0.15s;
}
.pocg-vh-dev-row:hover {
  background: var(--pocg-surface-mid);
  text-decoration: none;
  color: inherit;
}

.pocg-vh-dev-name {
  font-family: var(--pocg-font-ui);
  font-size: 12px;
  font-weight: 700;
  color: var(--pocg-text-soft);
}

.pocg-vh-dev-count {
  font-family: var(--pocg-font-mono);
  font-size: 10px;
  color: var(--pocg-text-muted);
}

/* Developer filter page */
.pocg-vh-dev-filter-header {
  padding: 32px 0 24px;
  border-bottom: 2px solid var(--pocg-teal);
  margin-bottom: 24px;
}
.pocg-vh-back-link {
  font-family: var(--pocg-font-ui);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.06em !important;
  text-transform: uppercase;
  color: var(--pocg-teal);
  text-decoration: none;
  display: inline-block;
  margin-bottom: 16px;
}
.pocg-vh-back-link:hover { text-decoration: underline; }
.pocg-vh-filter-title {
  font-family: var(--pocg-font-ui);
  font-size: 32px;
  font-weight: 900;
  color: var(--pocg-text);
  margin: 0 0 6px;
  text-transform: uppercase;
}
.pocg-vh-filter-title span { color: var(--pocg-teal); }
.pocg-vh-filter-count {
  font-family: var(--pocg-font-ui);
  font-size: 12px;
  color: var(--pocg-text-muted);
  margin: 0;
}
.pocg-vh-dev-game-list {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.pocg-vh-dev-game-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px 16px;
  background: var(--pocg-surface-alt);
  text-decoration: none;
  color: inherit;
  border-left: 3px solid transparent;
  transition: all 0.15s;
}
.pocg-vh-dev-game-row:hover {
  background: var(--pocg-surface-mid);
  border-left-color: var(--pocg-teal);
  text-decoration: none;
  color: inherit;
}
.pocg-vh-dev-game-title {
  font-family: var(--pocg-font-ui);
  font-size: 14px;
  font-weight: 700;
  color: var(--pocg-text);
}
.pocg-vh-dev-game-meta {
  font-family: var(--pocg-font-ui);
  font-size: 11px;
  color: var(--pocg-text-muted);
  flex: 1;
}
.pocg-vh-dev-game-score {
  font-family: var(--pocg-font-mono);
  font-size: 13px;
  font-weight: 700;
  color: var(--pocg-teal);
  flex-shrink: 0;
}


/* -------------------------------------------------------
   35. GAME PAGE
   ------------------------------------------------------- */

.pocg-gp-outer {
  display: flex;
  flex-direction: column;
  gap: 0;
}

/* ── Breadcrumb ── */
.pocg-gp-breadcrumb {
  font-family: var(--pocg-font-ui);
  font-size: 11px;
  color: var(--pocg-text-muted);
  letter-spacing: 0.08em;
  padding: 10px 0 14px;
  display: flex;
  gap: 6px;
  align-items: center;
  flex-wrap: wrap;
}

.pocg-gp-breadcrumb a {
  color: var(--pocg-text-muted);
  text-decoration: none;
}
.pocg-gp-breadcrumb a:hover { color: var(--pocg-teal); }

.pocg-gp-bc-sep { color: var(--pocg-text-muted); font-size: 10px; }
.pocg-gp-bc-current { color: var(--pocg-text-soft); }

/* ── Hero ── */
.pocg-gp-hero {
  border: 2px solid var(--pocg-teal-border);
  background: var(--pocg-surface);
  margin-bottom: 0;
}

.pocg-gp-hero-grid {
  display: grid;
  grid-template-columns: 200px 1fr;
}

.pocg-gp-cover {
  min-height: 260px;
  border-right: 2px solid var(--pocg-teal-border);
  overflow: hidden;
  display: flex;
  align-items: stretch;
}

.pocg-gp-cover-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.pocg-gp-cover-placeholder {
  width: 100%;
  min-height: 260px;
  background: var(--pocg-surface-mid);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--pocg-font-mono);
  font-size: 10px;
  color: var(--pocg-text-muted);
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.pocg-gp-hero-body {
  padding: 22px 26px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* ── Badges ── */
.pocg-gp-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.pocg-gp-badge {
  display: inline-block;
  padding: 3px 9px;
  font-family: var(--pocg-font-ui);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.22em;
  text-transform: uppercase;
}

.pocg-gp-badge-orange { background: var(--pocg-orange-dim); border: 1px solid var(--pocg-orange-border); color: #FFD4A0; }
.pocg-gp-badge-blue   { background: var(--pocg-blue-dim);   border: 1px solid var(--pocg-blue-border);   color: #A8C8F0; }
.pocg-gp-badge-teal   { background: var(--pocg-teal-dim);   border: 1px solid var(--pocg-teal-border);   color: #A0EFE4; }
.pocg-gp-badge-muted  { border: 1px solid var(--pocg-border-subtle); color: var(--pocg-text-muted); }

/* ── Title ── */
.pocg-gp-title {
  font-family: var(--pocg-font-ui) !important;
  font-size: clamp(1.8rem, 3.5vw, 3rem) !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  color: var(--pocg-text-heading) !important;
  line-height: 0.95 !important;
  margin: 0 !important;
}

/* ── Dev/pub ── */
.pocg-gp-devpub {
  font-family: var(--pocg-font-ui);
  font-size: 12px;
  color: var(--pocg-text-muted);
}
.pocg-gp-devpub a { color: var(--pocg-text-soft); text-decoration: none; }
.pocg-gp-devpub a:hover { color: var(--pocg-teal); }

/* ── Tagline ── */
.pocg-gp-tagline {
  font-family: var(--pocg-font-body);
  font-style: italic;
  font-size: 15px;
  color: var(--pocg-teal);
  border-left: 2px solid var(--pocg-teal-dim);
  padding-left: 12px;
  line-height: 1.55;
}

/* ── Quick tags ── */
.pocg-gp-quick-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.pocg-gp-quick-tag {
  display: inline-block;
  padding: 3px 8px;
  border: 1px solid var(--pocg-border-subtle);
  background: var(--pocg-surface-mid);
  font-family: var(--pocg-font-ui);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--pocg-text-muted);
}

/* ── Score banner ── */
.pocg-gp-score-banner {
  display: grid;
  grid-template-columns: auto 1fr auto;
  border-top: 2px solid var(--pocg-teal);
}

.pocg-gp-score-left {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 20px 26px;
  background: var(--pocg-teal-dark);
  border-right: 2px solid var(--pocg-teal);
  min-width: 120px;
}

.pocg-gp-score-num {
  font-family: var(--pocg-font-mono);
  font-size: 3rem;
  font-weight: 900;
  color: var(--pocg-text-heading);
  line-height: 1;
}

.pocg-gp-score-unreviewed {
  font-size: 2rem !important;
  color: var(--pocg-text-muted) !important;
}

.pocg-gp-score-outof {
  font-family: var(--pocg-font-ui);
  font-size: 10px;
  color: rgba(255,255,255,0.5);
  letter-spacing: 0.1em;
  margin-top: 3px;
}

.pocg-gp-score-tier-badge {
  display: inline-block;
  padding: 3px 10px;
  font-family: var(--pocg-font-ui);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  margin-top: 8px;
}

.pocg-gp-score-mid {
  padding: 18px 22px;
  background: var(--pocg-surface-alt);
  display: flex;
  flex-direction: column;
  gap: 6px;
  justify-content: center;
}

.pocg-gp-score-verdict-label {
  font-family: var(--pocg-font-ui);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: var(--pocg-text-muted);
}

.pocg-gp-score-verdict-title {
  font-family: var(--pocg-font-ui);
  font-size: 1.1rem;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.06em !important;
  color: var(--pocg-text-heading);
}

.pocg-gp-score-verdict-copy {
  font-family: var(--pocg-font-body);
  font-size: 13px;
  color: var(--pocg-text-soft);
  line-height: 1.6;
}

.pocg-gp-score-right {
  display: flex;
  flex-direction: column;
  gap: 8px;
  justify-content: center;
  padding: 18px 22px;
  border-left: 1px solid var(--pocg-divider);
}

.pocg-gp-score-banner--unreviewed .pocg-gp-score-right { display: none; }
.pocg-gp-score-banner--unreviewed .pocg-gp-score-mid   { display: none; }

/* ── Buttons ── */
.pocg-gp-btn-primary {
  display: inline-block;
  padding: 10px 18px;
  background: var(--pocg-teal);
  border: 2px solid var(--pocg-teal);
  color: #090909;
  font-family: var(--pocg-font-ui);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.18em !important;
  text-transform: uppercase;
  text-decoration: none;
  box-shadow: 3px 3px 0 var(--pocg-teal-dim);
  transition: none;
  white-space: nowrap;
}
.pocg-gp-btn-primary:hover { background: var(--pocg-teal-dark); border-color: var(--pocg-teal-dark); text-decoration: none; color: #fff; }

.pocg-gp-btn-secondary {
  display: inline-block;
  padding: 10px 18px;
  background: transparent;
  border: 2px solid var(--pocg-blue-border);
  color: var(--pocg-blue);
  font-family: var(--pocg-font-ui);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.18em !important;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
}
.pocg-gp-btn-secondary:hover { border-color: var(--pocg-blue); color: var(--pocg-blue); text-decoration: none; }

/* ── Content grid ── */
.pocg-gp-content-grid {
  display: grid;
  grid-template-columns: 1.9fr 0.6fr;
  gap: 24px;
  margin-top: 24px;
  align-items: start;
}

.pocg-gp-main-col,
.pocg-gp-sidebar-col {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

/* ── Content blocks ── */
.pocg-gp-block {
  border: 2px solid var(--pocg-teal-border);
  background: var(--pocg-surface);
}

.pocg-gp-block--teal   { border-color: var(--pocg-teal-border); }
.pocg-gp-block--blue   { border-color: var(--pocg-blue-border); }
.pocg-gp-block--gold   { border-color: var(--pocg-gold-border); }
.pocg-gp-block--orange { border-color: var(--pocg-orange-border); }

.pocg-gp-block-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 9px 16px;
  font-family: var(--pocg-font-ui);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.26em;
  text-transform: uppercase;
}

.pocg-gp-block-header--teal   { background: var(--pocg-teal-dark);   border-bottom: 2px solid var(--pocg-teal);   color: #E0FBF7; }
.pocg-gp-block-header--blue   { background: var(--pocg-blue-dark);   border-bottom: 2px solid var(--pocg-blue);   color: #D6E8FF; }
.pocg-gp-block-header--gold   { background: var(--pocg-gold-dim);    border-bottom: 2px solid var(--pocg-gold);   color: #F3E0C7; }
.pocg-gp-block-header--orange { background: var(--pocg-orange-dark); border-bottom: 2px solid var(--pocg-orange); color: #FFE8CC; }

.pocg-gp-block-meta {
  font-family: var(--pocg-font-mono);
  font-size: 9px;
  font-weight: 400;
  letter-spacing: 0.06em !important;
  text-transform: none;
  opacity: 0.7;
}

.pocg-gp-block-body {
  padding: 18px 20px;
}

.pocg-gp-block-body p {
  font-family: var(--pocg-font-body);
  font-size: 15px;
  color: var(--pocg-text);
  line-height: 1.85;
  margin-bottom: 14px;
}
.pocg-gp-block-body p:last-child { margin-bottom: 0; }

/* ── Review inner ── */
.pocg-gp-review-inner {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0;
  border: 1px solid var(--pocg-teal-border);
  margin-bottom: 14px;
}

.pocg-gp-review-score-col {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 18px 20px;
  background: var(--pocg-teal-dark);
  border-right: 2px solid var(--pocg-teal);
  min-width: 90px;
}

.pocg-gp-review-score-num {
  font-family: var(--pocg-font-mono);
  font-size: 2.4rem;
  font-weight: 900;
  color: var(--pocg-text-heading);
  line-height: 1;
}

.pocg-gp-review-tier-badge {
  display: inline-block;
  padding: 3px 8px;
  font-family: var(--pocg-font-ui);
  font-size: 8px;
  font-weight: 900;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  margin-top: 8px;
}

.pocg-gp-review-text-col {
  padding: 14px 18px;
  background: var(--pocg-surface-alt);
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.pocg-gp-review-verdict-label {
  font-family: var(--pocg-font-ui);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.26em;
  text-transform: uppercase;
  color: var(--pocg-text-muted);
}

.pocg-gp-review-title {
  font-family: var(--pocg-font-ui);
  font-size: 1rem;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.06em !important;
  color: var(--pocg-text-heading);
}

.pocg-gp-review-excerpt {
  font-family: var(--pocg-font-body);
  font-size: 13px;
  color: var(--pocg-text-soft);
  line-height: 1.6;
}

.pocg-gp-review-footer {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  padding-top: 10px;
  border-top: 1px solid var(--pocg-divider);
  font-family: var(--pocg-font-ui);
  font-size: 10px;
  color: var(--pocg-text-muted);
}

/* ── News items ── */
.pocg-gp-news-item {
  display: grid;
  grid-template-columns: 60px 1fr;
  gap: 14px;
  padding: 12px 0;
  border-bottom: 1px solid var(--pocg-divider);
}
.pocg-gp-news-item:last-child { border-bottom: none; }

.pocg-gp-news-date {
  display: flex;
  flex-direction: column;
  gap: 2px;
  font-family: var(--pocg-font-mono);
  font-size: 10px;
  color: var(--pocg-text-muted);
  padding-top: 2px;
}

.pocg-gp-news-body {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.pocg-gp-news-title {
  font-family: var(--pocg-font-ui);
  font-size: 13px;
  font-weight: 700;
  color: var(--pocg-text-soft);
  text-decoration: none;
}
.pocg-gp-news-title:hover { color: var(--pocg-blue); }

.pocg-gp-news-exc {
  font-family: var(--pocg-font-body);
  font-size: 11px;
  color: var(--pocg-text-muted);
  line-height: 1.55;
}

.pocg-gp-news-tag {
  display: inline-block;
  padding: 2px 7px;
  font-family: var(--pocg-font-ui);
  font-size: 8px;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  width: fit-content;
}

.pocg-gp-news-tag-preservation { background: var(--pocg-orange-dim); border: 1px solid var(--pocg-orange-border); color: #e8b88a; }
.pocg-gp-news-tag-release      { background: var(--pocg-teal-dim);   border: 1px solid var(--pocg-teal-border);   color: #A0EFE4; }
.pocg-gp-news-tag-industry     { background: var(--pocg-blue-dim);   border: 1px solid var(--pocg-blue-border);   color: #9ac0f0; }
.pocg-gp-news-tag-hardware     { background: var(--pocg-gold-dim);   border: 1px solid var(--pocg-gold-border);   color: #d4b86a; }

/* ── Editorial items ── */
.pocg-gp-ed-item {
  display: flex;
  gap: 12px;
  padding: 12px 0;
  border-bottom: 1px solid var(--pocg-divider);
}
.pocg-gp-ed-item:last-child { border-bottom: none; }

.pocg-gp-ed-pip {
  width: 4px;
  flex-shrink: 0;
  align-self: stretch;
}

.pocg-gp-ed-body {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.pocg-gp-ed-title {
  font-family: var(--pocg-font-ui);
  font-size: 13px;
  font-weight: 700;
  color: var(--pocg-text-soft);
  text-decoration: none;
}
.pocg-gp-ed-title:hover { color: var(--pocg-gold); }

.pocg-gp-ed-exc {
  font-family: var(--pocg-font-body);
  font-size: 11px;
  color: var(--pocg-text-muted);
  line-height: 1.55;
}

.pocg-gp-ed-meta {
  font-family: var(--pocg-font-mono);
  font-size: 9px;
  color: var(--pocg-text-muted);
}

/* ── HTP block ── */
.pocg-gp-htp-body {
  display: grid;
  gap: 16px;
}

.pocg-gp-htp-subtitle {
  font-family: var(--pocg-font-body);
  font-style: italic;
  font-size: 11px;
  color: rgba(255,212,160,0.65);
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
}

.pocg-gp-htp-option {
  border-left: 3px solid;
  padding-left: 14px;
}

.pocg-gp-htp-original  { border-color: var(--pocg-teal); }
.pocg-gp-htp-modern    { border-color: var(--pocg-blue); }
.pocg-gp-htp-emulation { border-color: var(--pocg-orange); }

.pocg-gp-htp-option-head {
  font-family: var(--pocg-font-ui);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  margin-bottom: 5px;
}
.pocg-gp-htp-original  .pocg-gp-htp-option-head { color: var(--pocg-teal); }
.pocg-gp-htp-modern    .pocg-gp-htp-option-head { color: var(--pocg-blue); }
.pocg-gp-htp-emulation .pocg-gp-htp-option-head { color: var(--pocg-orange); }

.pocg-gp-htp-option-body {
  font-family: var(--pocg-font-body);
  font-size: 14px;
  color: var(--pocg-text-soft);
  line-height: 1.7;
}

/* ── Sidebar blocks ── */
.pocg-gp-sb-block {
  border: 2px solid var(--pocg-teal-border);
  background: var(--pocg-surface);
}

.pocg-gp-sb-block--teal  { border-color: var(--pocg-teal-border); }
.pocg-gp-sb-block--muted { border-color: var(--pocg-divider); }

.pocg-gp-sb-header {
  padding: 8px 14px;
  font-family: var(--pocg-font-ui);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.26em;
  text-transform: uppercase;
}

.pocg-gp-sb-header--teal  { background: var(--pocg-teal-dark);   border-bottom: 2px solid var(--pocg-teal);   color: #E0FBF7; }
.pocg-gp-sb-header--muted { background: var(--pocg-surface-mid); border-bottom: 1px solid var(--pocg-border-subtle); color: var(--pocg-text-soft); }

.pocg-gp-sb-body {
  padding: 12px 14px;
}

.pocg-gp-sb-score-num {
  font-family: var(--pocg-font-mono);
  font-size: 2.8rem;
  font-weight: 900;
  color: var(--pocg-teal);
  line-height: 1;
}
.pocg-gp-sb-score-num.tier-essential { color: var(--pocg-gold); }
.pocg-gp-sb-score-num.tier-excellent { color: var(--pocg-orange); }
.pocg-gp-sb-score-num.tier-good      { color: var(--pocg-blue); }
.pocg-gp-sb-score-num.tier-average   { color: var(--pocg-text-muted); }
.pocg-gp-sb-score-num.tier-poor      { color: #CC4444; }
.pocg-gp-sb-score-num.tier-broken    { color: #882222; }

/* ── Game info table ── */
.pocg-gp-info-table {
  width: 100%;
  border-collapse: collapse;
}

.pocg-gp-info-table tr {
  border-bottom: 1px solid var(--pocg-divider);
}
.pocg-gp-info-table tr:last-child { border-bottom: none; }

.pocg-gp-info-table td {
  padding: 7px 4px;
  font-size: 12px;
  vertical-align: top;
  font-family: var(--pocg-font-ui);
}

.pocg-gp-info-table td:first-child {
  color: var(--pocg-text-muted);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  width: 40%;
  padding-top: 9px;
}

.pocg-gp-info-table td:last-child {
  color: var(--pocg-text-soft);
}
.pocg-gp-info-table td:last-child a {
  color: var(--pocg-text-soft);
  text-decoration: none;
}
.pocg-gp-info-table td:last-child a:hover { color: var(--pocg-teal); }

/* ── Series widget ── */
.pocg-gp-series-row {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 8px 10px;
  border-bottom: 1px solid var(--pocg-divider);
  position: relative;
}
.pocg-gp-series-row:last-child { border-bottom: none; }

.pocg-gp-series-title {
  font-family: var(--pocg-font-ui);
  font-size: 12px;
  font-weight: 700;
  color: var(--pocg-text-soft);
  text-decoration: none;
}
.pocg-gp-series-title:hover { color: var(--pocg-teal); }

.pocg-gp-series-plat {
  font-family: var(--pocg-font-mono);
  font-size: 9px;
  color: var(--pocg-text-muted);
}

.pocg-gp-series-score {
  font-family: var(--pocg-font-mono);
  font-size: 10px;
  font-weight: 700;
}
.pocg-gp-score-excellent { color: var(--pocg-orange); }
.pocg-gp-score-good      { color: var(--pocg-blue); }
.pocg-gp-score-muted     { color: var(--pocg-text-muted); }

.pocg-gp-series-this {
  position: absolute;
  top: 8px;
  right: 8px;
  padding: 2px 6px;
  background: var(--pocg-teal);
  color: #0E0E0E;
  font-family: var(--pocg-font-ui);
  font-size: 8px;
  font-weight: 900;
  letter-spacing: 0.18em !important;
  text-transform: uppercase;
}

/* ── Related reviews ── */
.pocg-gp-rr-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  padding: 7px 0;
  border-bottom: 1px solid var(--pocg-divider);
}
.pocg-gp-rr-item:last-child { border-bottom: none; }

.pocg-gp-rr-item a {
  font-family: var(--pocg-font-ui);
  font-size: 11px;
  color: var(--pocg-text-soft);
  text-decoration: none;
}
.pocg-gp-rr-item a:hover { color: var(--pocg-teal); }

.pocg-gp-rr-score {
  font-family: var(--pocg-font-mono);
  font-size: 11px;
  font-weight: 700;
  flex-shrink: 0;
}
.pocg-gp-rr-score.tier-essential { color: var(--pocg-gold); }
.pocg-gp-rr-score.tier-excellent { color: var(--pocg-orange); }
.pocg-gp-rr-score.tier-good      { color: var(--pocg-blue); }
.pocg-gp-rr-score.tier-average   { color: var(--pocg-text-muted); }
.pocg-gp-rr-score.tier-poor      { color: #CC4444; }
.pocg-gp-rr-score.tier-broken    { color: #882222; }

/* ── Platform grid (sidebar) ── */
.pocg-gp-plat-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3px;
}

.pocg-gp-plat-tile {
  display: block;
  padding: 7px 8px;
  background: var(--pocg-surface-alt);
  border: 1px solid var(--pocg-border-subtle);
  font-family: var(--pocg-font-ui);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--pocg-text-muted);
  text-decoration: none;
  text-align: center;
  transition: all 0.15s;
}
.pocg-gp-plat-tile:hover {
  background: var(--pocg-teal-glow);
  border-color: var(--pocg-teal-border);
  color: var(--pocg-teal);
  text-decoration: none;
}

/* ── Game page responsive ── */
@media (max-width: 900px) {
  .pocg-gp-hero-grid { grid-template-columns: 1fr; }
  .pocg-gp-cover { border-right: none; border-bottom: 2px solid var(--pocg-teal-border); min-height: 180px; }
  .pocg-gp-content-grid { grid-template-columns: 1fr; }
  .pocg-gp-score-banner { grid-template-columns: 1fr; }
  .pocg-gp-score-left { border-right: none; border-bottom: 2px solid var(--pocg-teal); }
}

/* ── Vault hub responsive ── */
@media (max-width: 900px) {
  .pocg-vh-hero-grid { grid-template-columns: 1fr; }
  .pocg-vh-series-grid { grid-template-columns: 1fr 1fr; }
  .pocg-vh-recent-grid { grid-template-columns: repeat(2, 1fr); }
  .pocg-vh-genre-grid  { grid-template-columns: repeat(2, 1fr); }
  .pocg-vh-plat-grid   { grid-template-columns: repeat(4, 1fr); }
}

@media (max-width: 600px) {
  .pocg-vh-series-grid { grid-template-columns: 1fr; }
  .pocg-vh-recent-grid { grid-template-columns: 1fr; }
  .pocg-vh-plat-grid   { grid-template-columns: repeat(3, 1fr); }
  .pocg-vh-dev-grid    { grid-template-columns: 1fr; }
}


/* -------------------------------------------------------
   36. RESPONSIVE
   ------------------------------------------------------- */
@media (max-width: 1024px) {
  .content-sidebar-wrap {
    grid-template-columns: 1fr !important;
  }

  .main-navigation ul,
  .nav-primary ul {
    grid-template-columns: repeat(3, 1fr) !important;
  }

  .site-footer .inside-footer {
    grid-template-columns: 1fr 1fr !important;
  }
}

@media (max-width: 900px) {
  .pocg-reviews-grid { grid-template-columns: repeat(2, 1fr); }

  .pocg-header-wrap {
    grid-template-columns: 1fr !important;
    align-items: start !important;
    gap: 18px !important;
  }

  .pocg-search-box {
    min-width: 0 !important;
    width: 100% !important;
  }
}

@media (max-width: 480px) {
  .pocg-reviews-grid { grid-template-columns: 1fr; }
}

@media (max-width: 700px) {
  .site-header,
  #site-header {
    padding: 0 !important;
  }

  .nav-below-header .inside-navigation,
  .pocg-header-wrap {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .main-navigation ul,
  .nav-primary ul {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  .main-navigation ul li a,
  .nav-primary ul li a {
    min-height: 58px !important;
    font-size: 11px !important;
  }

  .pocg-score-box {
    grid-template-columns: 1fr !important;
  }

  .pocg-score-number-block {
    border-right: none !important;
    border-bottom: 2px solid var(--pocg-teal) !important;
  }

  .site-footer .inside-footer {
    grid-template-columns: 1fr !important;
  }

  .pocg-htp-body {
    gap: 14px !important;
  }

  .pocg-footer-bottom {
    flex-direction: column !important;
    gap: 6px !important;
    text-align: center !important;
  }
}


/* ═══════ §37 · Editorial Page ════════════════════════════════ */

/* ── Wrap & series color classes ────────────────────────────── */

.pocg-ed-wrap {
  max-width: var(--pocg-max-width);
  margin: 0 auto;
  background: var(--pocg-bg);
  color: var(--pocg-text);
}

/* Colored text helper — resolved per series below */
.series-orange      .pocg-ed-colored { color: var(--pocg-orange); }
.series-teal        .pocg-ed-colored { color: var(--pocg-teal);   }
.series-gold        .pocg-ed-colored { color: var(--pocg-gold);   }
.series-blue        .pocg-ed-colored { color: var(--pocg-blue);   }
.series-standalone  .pocg-ed-colored { color: var(--pocg-silver); }

/* ── Series banner ──────────────────────────────────────────── */

.pocg-ed-series-banner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 24px;
  background: var(--pocg-surface);
  gap: 16px;
}

.pocg-ed-series-banner.series-orange     { border-bottom: 2px solid var(--pocg-orange); }
.pocg-ed-series-banner.series-teal       { border-bottom: 2px solid var(--pocg-teal);   }
.pocg-ed-series-banner.series-gold       { border-bottom: 1px solid var(--pocg-gold);   }
.pocg-ed-series-banner.series-blue       { border-bottom: 2px solid var(--pocg-blue);   }
.pocg-ed-series-banner.series-standalone { border-bottom: 1px solid var(--pocg-silver-border); }

.pocg-ed-banner-left {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.pocg-ed-banner-eyebrow {
  font-family: var(--pocg-font-mono);
  font-size: 9px;
  color: var(--pocg-text-muted);
  letter-spacing: 3px;
  text-transform: uppercase;
}

.pocg-ed-banner-series-name {
  font-family: Arial Narrow, Arial, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.pocg-ed-banner-subtitle {
  font-family: var(--pocg-font-mono);
  font-size: 9px;
  color: var(--pocg-text-muted);
  letter-spacing: 2px;
}

.pocg-ed-banner-right {
  flex-shrink: 0;
}

.pocg-ed-banner-tag {
  font-family: var(--pocg-font-mono);
  font-size: 10px;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: var(--pocg-text-muted);
  border: 1px solid var(--pocg-border);
  padding: 4px 10px;
}

/* ── Makers & Breakers — Subject meta bar ───────────────────── */

.pocg-ed-meta-bar {
  padding: 12px 24px;
  background: var(--pocg-surface);
  border-bottom: 1px solid var(--pocg-border);
}

.pocg-ed-subject-bar {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
}

.pocg-ed-mb-col {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 8px 12px;
  border-right: 0.5px solid var(--pocg-border);
}

.pocg-ed-mb-col:first-child { padding-left: 0; }
.pocg-ed-mb-col:last-child  { border-right: none; }

.pocg-ed-mb-label {
  font-family: var(--pocg-font-mono);
  font-size: 9px;
  color: var(--pocg-text-muted);
  letter-spacing: 2px;
  text-transform: uppercase;
}

.pocg-ed-mb-value {
  font-family: 'Courier New', Courier, monospace;
  font-size: 12px;
  line-height: 1.4;
}

/* ── Save State — Divergence fork bar ───────────────────────── */

.pocg-ed-fork-bar {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  padding: 12px 24px;
}

.pocg-ed-fb-eyebrow {
  font-family: var(--pocg-font-mono);
  font-size: 9px;
  color: var(--pocg-text-muted);
  letter-spacing: 3px;
  text-transform: uppercase;
  flex-shrink: 0;
}

.pocg-ed-fb-point {
  font-family: var(--pocg-font-mono);
  font-size: 11px;
  color: var(--pocg-text-soft);
}

.pocg-ed-fb-arrow {
  font-size: 14px;
  color: var(--pocg-text-muted);
  flex-shrink: 0;
}

.pocg-ed-fb-whatif {
  font-family: var(--pocg-font-mono);
  font-size: 11px;
  font-style: italic;
}

/* ── Last Save — Server status bar ─────────────────────────── */

.pocg-ed-status-bar {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  padding: 12px 24px;
}

.pocg-ed-status-dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50% !important;
  flex-shrink: 0;
}

.pocg-ed-status-dot--online  { background: var(--pocg-blue); }
.pocg-ed-status-dot--offline { background: transparent; border: 1.5px solid var(--pocg-text-muted); }

.pocg-ed-status-server-label {
  font-family: var(--pocg-font-mono);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1px;
}

.pocg-ed-sb-sep {
  color: var(--pocg-border);
  font-size: 12px;
  padding: 0 2px;
}

.pocg-ed-status-official,
.pocg-ed-status-community {
  font-family: var(--pocg-font-mono);
  font-size: 10px;
  color: var(--pocg-text-muted);
}

/* ── Hero image ─────────────────────────────────────────────── */

.pocg-ed-hero {
  width: 100%;
  height: 320px;
  overflow: hidden;
  position: relative;
}

.series-orange      .pocg-ed-hero { border-bottom: 2px solid var(--pocg-orange); }
.series-teal        .pocg-ed-hero { border-bottom: 2px solid var(--pocg-teal);   }
.series-gold        .pocg-ed-hero { border-bottom: 1px solid var(--pocg-gold);   }
.series-blue        .pocg-ed-hero { border-bottom: 2px solid var(--pocg-blue);   }
.series-standalone  .pocg-ed-hero { border-bottom: 1px solid var(--pocg-silver-border); }

.pocg-ed-hero-inner {
  width: 100%;
  height: 100%;
}

.pocg-ed-hero-inner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.pocg-ed-hero-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.72);
  font-family: var(--pocg-font-mono);
  font-size: 11px;
  color: var(--pocg-text-muted);
  padding: 6px 16px;
}

/* ── Main layout grid ───────────────────────────────────────── */

.pocg-ed-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 280px;
  gap: 0;
  align-items: start;
}

/* ── Main content column ────────────────────────────────────── */

.pocg-ed-main {
  padding: 32px 40px 32px 24px;
  border-right: 0.5px solid var(--pocg-border);
  min-width: 0;
}

/* Article meta row */
.pocg-ed-article-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 18px;
}

.pocg-ed-meta-badge {
  font-family: var(--pocg-font-mono);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  padding: 3px 8px;
  display: inline-block;
}

.series-orange     .pocg-ed-meta-badge { background: var(--pocg-orange); color: #1a0800; }
.series-teal       .pocg-ed-meta-badge { background: var(--pocg-teal);   color: #001a16; }
.series-gold       .pocg-ed-meta-badge { background: var(--pocg-gold);   color: #1a0e00; }
.series-blue       .pocg-ed-meta-badge { background: var(--pocg-blue);   color: #000c1a; }
.series-standalone .pocg-ed-meta-badge { background: var(--pocg-silver); color: #0e0e0e; }

.pocg-ed-meta-ep {
  font-family: var(--pocg-font-mono);
  font-size: 10px;
  color: var(--pocg-text-muted);
  letter-spacing: 1px;
}

.pocg-ed-meta-date {
  font-family: var(--pocg-font-mono);
  font-size: 10px;
  color: var(--pocg-text-muted);
}

.pocg-ed-meta-author {
  font-family: var(--pocg-font-mono);
  font-size: 10px;
  color: var(--pocg-text-muted);
}

/* Title */
.pocg-ed-title {
  font-family: Arial Narrow, Arial, sans-serif;
  font-size: 32px;
  font-weight: 700;
  color: var(--pocg-text);
  line-height: 1.15;
  margin: 0 0 12px;
  letter-spacing: 0.5px;
}

/* Tagline */
.pocg-ed-tagline {
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 16px;
  font-style: italic;
  margin: 0 0 28px;
  line-height: 1.5;
}

/* ── Article body typography ────────────────────────────────── */

.pocg-ed-content p {
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 15px;
  line-height: 1.8;
  color: var(--pocg-text-soft);
  margin-bottom: 18px;
}

.pocg-ed-content h2 {
  font-family: Arial Narrow, Arial, sans-serif;
  font-size: 17px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 3px;
  margin: 32px 0 12px;
  border-bottom: 0.5px solid var(--pocg-border);
  padding-bottom: 6px;
}

.series-orange     .pocg-ed-content h2 { color: var(--pocg-orange); }
.series-teal       .pocg-ed-content h2 { color: var(--pocg-teal);   }
.series-gold       .pocg-ed-content h2 { color: var(--pocg-gold);   }
.series-blue       .pocg-ed-content h2 { color: var(--pocg-blue);   }
.series-standalone .pocg-ed-content h2 { color: var(--pocg-silver); }

/* Blockquote pull quote */
.pocg-ed-content blockquote {
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 18px;
  font-style: italic;
  line-height: 1.6;
  margin: 28px 0;
  padding: 16px 20px;
}

.series-orange .pocg-ed-content blockquote {
  border-left: 3px solid var(--pocg-orange);
  background: #150d00;
}
.series-teal   .pocg-ed-content blockquote {
  border-left: 3px solid var(--pocg-teal);
  background: #0a1a18;
}
.series-gold   .pocg-ed-content blockquote {
  border-left: 3px solid var(--pocg-gold);
  background: #141414;
}
.series-blue       .pocg-ed-content blockquote {
  border-left: 3px solid var(--pocg-blue);
  background: #060d14;
}
.series-standalone .pocg-ed-content blockquote {
  border-left: 3px solid var(--pocg-silver);
  background: #131416;
}

/* ── Defining Act in-content box ────────────────────────────── */

.pocg-ed-defact-box {
  background: #150d00;
  border: 1px solid var(--pocg-orange);
  padding: 20px;
  margin: 28px 0;
}

.pocg-ed-defact-label {
  font-family: var(--pocg-font-mono);
  font-size: 9px;
  color: var(--pocg-orange);
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-bottom: 8px;
}

.pocg-ed-defact-text {
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 15px;
  font-style: italic;
  color: #FAC775;
  line-height: 1.7;
  margin: 0;
}

/* ── Sidebar ────────────────────────────────────────────────── */

.pocg-ed-sidebar {
  padding: 24px 20px;
  background: #0a0a0a;
  min-width: 0;
}

/* Shared widget wrapper */
.pocg-ed-sb-widget {
  margin-bottom: 32px;
}

/* Widget label */
.pocg-ed-sb-label {
  font-family: var(--pocg-font-mono);
  font-size: 10px;
  letter-spacing: 3px;
  text-transform: uppercase;
  padding-bottom: 6px;
  border-bottom: 0.5px solid var(--pocg-border);
  margin-bottom: 12px;
}

.series-orange     .pocg-ed-sb-label { color: var(--pocg-orange); }
.series-teal       .pocg-ed-sb-label { color: var(--pocg-teal);   }
.series-gold       .pocg-ed-sb-label { color: var(--pocg-gold);   }
.series-blue       .pocg-ed-sb-label { color: var(--pocg-blue);   }
.series-standalone .pocg-ed-sb-label { color: var(--pocg-silver); }

/* ── Subject File card (Makers & Breakers) ──────────────────── */

.pocg-ed-sb-subject-card {
  background: #111111;
  border: 1px solid var(--pocg-border);
  padding: 16px;
}

.pocg-ed-sc-name {
  font-family: Arial Narrow, Arial, sans-serif;
  font-size: 20px;
  font-weight: 700;
  color: var(--pocg-text);
  line-height: 1.1;
  margin-bottom: 4px;
}

.pocg-ed-sc-role {
  font-family: var(--pocg-font-mono);
  font-size: 10px;
  letter-spacing: 0.5px;
  margin-bottom: 4px;
}

.pocg-ed-sc-years {
  font-family: var(--pocg-font-mono);
  font-size: 10px;
  color: var(--pocg-text-muted);
  margin-bottom: 2px;
}

.pocg-ed-sc-divider {
  border: none;
  border-top: 0.5px solid var(--pocg-border);
  margin: 12px 0;
}

.pocg-ed-sc-field {
  display: flex;
  flex-direction: column;
  gap: 3px;
  margin-bottom: 10px;
}

.pocg-ed-sc-field-label {
  font-family: var(--pocg-font-mono);
  font-size: 9px;
  color: var(--pocg-text-muted);
  letter-spacing: 2px;
  text-transform: uppercase;
}

.pocg-ed-sc-field-value {
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 12px;
  color: var(--pocg-text-soft);
  line-height: 1.5;
}

.pocg-ed-sc-field--legacy .pocg-ed-sc-field-value {
  font-style: italic;
}

/* ── Divergence box (Save State) ────────────────────────────── */

.pocg-ed-sb-divergence {
  border: 1px solid var(--pocg-border);
  padding: 14px;
  background: #0a1a18;
}

.series-teal .pocg-ed-sb-divergence {
  border-color: rgba(0, 191, 168, 0.25);
}

.pocg-ed-div-variable {
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 13px;
  font-style: italic;
  line-height: 1.6;
  margin: 0;
}

/* ── Game File card (Last Save) ─────────────────────────────── */

.pocg-ed-sb-game-card {
  background: #060d14;
  border: 1px solid var(--pocg-border);
  padding: 16px;
}

.series-blue .pocg-ed-sb-game-card {
  border-color: rgba(30, 114, 204, 0.25);
}

.pocg-ed-gc-name {
  font-family: Arial Narrow, Arial, sans-serif;
  font-size: 20px;
  font-weight: 700;
  color: var(--pocg-text);
  line-height: 1.1;
  margin-bottom: 4px;
}

.pocg-ed-gc-devpub {
  font-family: var(--pocg-font-mono);
  font-size: 10px;
  letter-spacing: 0.5px;
  margin-bottom: 4px;
}

.pocg-ed-gc-period {
  font-family: var(--pocg-font-mono);
  font-size: 10px;
  color: var(--pocg-text-muted);
}

/* ── Series nav (This Series) ───────────────────────────────── */

.pocg-ed-nav-item {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 8px 0;
  border-bottom: 0.5px solid var(--pocg-border);
}

.pocg-ed-nav-item:last-child {
  border-bottom: none;
}

.pocg-ed-nav-num {
  font-family: var(--pocg-font-mono);
  font-size: 10px;
  color: var(--pocg-text-muted);
  letter-spacing: 1px;
}

.pocg-ed-nav-current {
  font-style: italic;
}

.pocg-ed-nav-item--current .pocg-ed-nav-num {
  color: inherit;
}

.series-orange     .pocg-ed-nav-item--current .pocg-ed-nav-num { color: var(--pocg-orange); }
.series-teal       .pocg-ed-nav-item--current .pocg-ed-nav-num { color: var(--pocg-teal);   }
.series-gold       .pocg-ed-nav-item--current .pocg-ed-nav-num { color: var(--pocg-gold);   }
.series-blue       .pocg-ed-nav-item--current .pocg-ed-nav-num { color: var(--pocg-blue);   }
.series-standalone .pocg-ed-nav-item--current .pocg-ed-nav-num { color: var(--pocg-silver); }

.pocg-ed-nav-title {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 1.4;
}

.pocg-ed-nav-title a {
  color: var(--pocg-text-soft);
  text-decoration: none;
}

.pocg-ed-nav-title a:hover {
  color: var(--pocg-text);
}

.pocg-ed-nav-item--current .pocg-ed-nav-title strong {
  color: var(--pocg-text);
}

/* ── Related Reading ────────────────────────────────────────── */

.pocg-ed-rel-item {
  display: flex;
  gap: 10px;
  padding: 10px 0;
  border-bottom: 0.5px solid var(--pocg-border);
  align-items: flex-start;
}

.pocg-ed-rel-item:last-child {
  border-bottom: none;
}

.pocg-ed-rel-thumb-link {
  flex-shrink: 0;
}

.pocg-ed-rel-thumb {
  display: block;
  width: 90px;
  height: 70px;
  object-fit: cover;
}

.pocg-ed-rel-body {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

.pocg-ed-rel-series {
  font-family: var(--pocg-font-mono);
  font-size: 9px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  display: block;
}

.series-orange     .pocg-ed-rel-series,
.pocg-ed-rel-item .series-orange     { color: var(--pocg-orange); }
.series-teal       .pocg-ed-rel-series,
.pocg-ed-rel-item .series-teal       { color: var(--pocg-teal);   }
.series-gold       .pocg-ed-rel-series,
.pocg-ed-rel-item .series-gold       { color: var(--pocg-gold);   }
.series-blue       .pocg-ed-rel-series,
.pocg-ed-rel-item .series-blue       { color: var(--pocg-blue);   }
.series-standalone .pocg-ed-rel-series,
.pocg-ed-rel-item .series-standalone { color: var(--pocg-silver); }

/* The rel-series color depends on the OTHER post's class applied directly */
.pocg-ed-rel-series.series-orange     { color: var(--pocg-orange); }
.pocg-ed-rel-series.series-teal       { color: var(--pocg-teal);   }
.pocg-ed-rel-series.series-gold       { color: var(--pocg-gold);   }
.pocg-ed-rel-series.series-blue       { color: var(--pocg-blue);   }
.pocg-ed-rel-series.series-standalone { color: var(--pocg-silver); }

.pocg-ed-rel-title {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: var(--pocg-text-soft);
  text-decoration: none;
  line-height: 1.4;
}

.pocg-ed-rel-title:hover {
  color: var(--pocg-text);
}

/* ── About This Series ──────────────────────────────────────── */

.pocg-ed-about-box {
  border: 1px solid var(--pocg-border);
  padding: 14px;
  background: var(--pocg-surface);
}

.pocg-ed-about-text {
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 12px;
  color: var(--pocg-text-soft);
  line-height: 1.7;
  margin: 0 0 8px;
  font-style: italic;
}

.pocg-ed-about-sig {
  font-family: var(--pocg-font-mono);
  font-size: 10px;
  letter-spacing: 1px;
  margin: 0;
}

/* ── Responsive: stack below 900px ─────────────────────────── */

@media (max-width: 900px) {
  .pocg-ed-layout {
    grid-template-columns: 1fr !important;
  }

  .pocg-ed-main {
    border-right: none !important;
    padding: 24px 16px !important;
  }

  .pocg-ed-sidebar {
    padding: 20px 16px !important;
    border-top: 1px solid var(--pocg-border);
  }

  .pocg-ed-subject-bar {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  .pocg-ed-hero {
    height: 220px !important;
  }

  .pocg-ed-title {
    font-size: 24px !important;
  }

  .pocg-ed-series-banner {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 8px !important;
  }
}

@media (max-width: 600px) {
  .pocg-ed-subject-bar {
    grid-template-columns: 1fr !important;
  }

  .pocg-ed-fork-bar,
  .pocg-ed-status-bar {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 6px !important;
  }

  .pocg-ed-sb-sep { display: none !important; }

  .pocg-ed-hero {
    height: 180px !important;
  }
}


/* ═══════ §38 · Editorial Archive ══════════════════════════════ */

/* ── Wrapper ─────────────────────────────────────────────────── */
.pocg-ea-wrap {
  max-width: 1100px;
  margin: 0 auto;
  padding: 28px 20px 60px;
}

/* ── Page header ─────────────────────────────────────────────── */
.pocg-ea-header {
  margin-bottom: 40px;
}

.pocg-ea-eyebrow {
  font-family: 'Courier New', Courier, monospace;
  font-size: 10px;
  letter-spacing: 0.18em !important;
  text-transform: uppercase;
  color: var(--pocg-orange);
  margin-bottom: 12px;
}

.pocg-ea-h1 {
  font-size: clamp(2.6rem, 6vw, 4.2rem);
  font-weight: 900;
  line-height: 1.0;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  color: var(--pocg-text-heading);
  margin: 0 0 18px;
}

.pocg-ea-dot {
  color: var(--pocg-orange);
}

.pocg-ea-header-desc {
  font-style: italic;
  font-size: 14px;
  color: var(--pocg-text-soft);
  line-height: 1.6;
  max-width: 640px;
  margin: 0;
}

/* ── Series tabs ─────────────────────────────────────────────── */
.pocg-ea-tabs {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin-bottom: 0;
}

.pocg-ea-tab {
  display: flex;
  flex-direction: column;
  padding: 18px 20px;
  background: var(--pocg-surface-mid);
  border: 1px solid rgba(from var(--series-color) r g b / 0.28);
  cursor: pointer;
  position: relative;
  transition: background 0.18s ease, border-color 0.18s ease;
  overflow: hidden;
  /* collapse adjacent borders */
  margin-left: -1px;
}

.pocg-ea-tab:first-child {
  margin-left: 0;
}

/* bottom accent bar via ::after */
.pocg-ea-tab::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: var(--series-color);
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 0.2s ease;
}

.pocg-ea-tab:hover,
.pocg-ea-tab.active {
  border-color: var(--series-color);
  background: color-mix(in srgb, var(--series-color) 6%, var(--pocg-surface-mid));
}

.pocg-ea-tab:hover::after,
.pocg-ea-tab.active::after {
  transform: scaleX(1);
}

/* Fallback for browsers without color-mix: use inline rgba approach */
@supports not (background: color-mix(in srgb, red 10%, blue)) {
  .pocg-ea-tab:hover,
  .pocg-ea-tab.active {
    background: var(--pocg-surface-mid);
    box-shadow: inset 0 0 0 9999px rgba(from var(--series-color) r g b / 0.06);
  }
}

.pocg-ea-tab-label {
  font-family: 'Courier New', Courier, monospace;
  font-size: 9px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--series-color);
  margin-bottom: 6px;
}

.pocg-ea-tab-name {
  font-size: 1rem;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.06em !important;
  color: var(--pocg-text-heading);
  margin-bottom: 4px;
  line-height: 1.2;
}

.pocg-ea-tab-tagline {
  font-size: 10px;
  font-style: italic;
  color: var(--pocg-text-muted);
  margin-bottom: 10px;
  flex: 1;
}

.pocg-ea-tab-count {
  font-family: 'Courier New', Courier, monospace;
  font-size: 10px;
  color: var(--series-color);
  letter-spacing: 0.08em;
}

/* ── Series panels ────────────────────────────────────────────── */
.pocg-ea-series-panel {
  display: none;
  margin-top: 0;
}

.pocg-ea-series-panel.active {
  display: block;
}

/* ── Active series header ─────────────────────────────────────── */
.pocg-ea-active-header {
  background: var(--pocg-surface);
  border: 1px solid var(--pocg-border);
  border-top: none;
  padding: 20px 22px 18px;
  margin-bottom: 0;
}

.pocg-ea-active-top {
  margin-bottom: 10px;
}

.pocg-ea-active-name {
  font-size: 1.3rem;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.06em !important;
  line-height: 1.1;
  margin-bottom: 3px;
}

.pocg-ea-active-tagline {
  font-size: 12px;
  font-style: italic;
  letter-spacing: 0.04em;
}

.pocg-ea-active-desc {
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 12px;
  color: var(--pocg-text-soft);
  line-height: 1.6;
  margin: 0 0 12px;
}

.pocg-ea-active-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.pocg-ea-tag-pill {
  display: inline-block;
  font-family: 'Courier New', Courier, monospace;
  font-size: 10px;
  letter-spacing: 0.08em;
  color: var(--pocg-text-muted);
  border: 1px solid var(--pocg-border);
  padding: 2px 7px;
}

/* ── Section bar ──────────────────────────────────────────────── */
.pocg-ea-section-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: var(--pocg-surface);
  border: 1px solid var(--pocg-border);
  border-bottom-width: 2px;
  padding: 11px 14px;
  margin-top: 0;
}

.pocg-ea-section-title {
  font-family: 'Courier New', Courier, monospace;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: var(--pocg-text-soft);
}

.pocg-ea-section-meta {
  font-family: 'Courier New', Courier, monospace;
  font-size: 10px;
  letter-spacing: 0.08em;
}

.pocg-ea-section-bar--orange {
  border-bottom-color: var(--pocg-orange);
}

.pocg-ea-section-meta--orange {
  color: var(--pocg-orange);
}

/* ── Entry list ───────────────────────────────────────────────── */
.pocg-ea-entry-list {
  background: var(--pocg-surface);
  border: 1px solid var(--pocg-border);
  border-top: none;
}

.pocg-ea-empty,
.pocg-ea-col-empty {
  padding: 28px 18px;
  font-size: 12px;
  font-style: italic;
  color: var(--pocg-text-muted);
}

.pocg-ea-entry-row {
  display: grid;
  grid-template-columns: 48px 1fr auto;
  align-items: stretch;
  text-decoration: none;
  border-bottom: 1px solid var(--pocg-border);
  transition: background 0.15s ease;
  color: inherit;
}

.pocg-ea-entry-row:last-child {
  border-bottom: none;
}

.pocg-ea-entry-row:hover {
  background: var(--pocg-surface-mid);
}

/* entry number column */
.pocg-ea-entry-num {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Courier New', Courier, monospace;
  font-size: 13px;
  font-weight: 700;
  border-right: 1px solid;
  /* border-color set via inline style */
  padding: 16px 0;
  flex-shrink: 0;
}

/* entry body */
.pocg-ea-entry-body {
  padding: 14px 16px 12px;
  min-width: 0;
}

.pocg-ea-entry-meta {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 6px;
}

.pocg-ea-entry-date {
  font-family: 'Courier New', Courier, monospace;
  font-size: 10px;
  color: var(--pocg-text-muted);
  letter-spacing: 0.06em !important;
}

.pocg-ea-entry-title {
  font-size: 1rem;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--pocg-text-heading);
  line-height: 1.2;
  margin-bottom: 4px;
}

.pocg-ea-entry-tagline {
  font-size: 12px;
  font-style: italic;
  margin-bottom: 6px;
  line-height: 1.3;
}

.pocg-ea-entry-excerpt {
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 12px;
  color: var(--pocg-text-soft);
  line-height: 1.6;
  margin-bottom: 8px;
}

.pocg-ea-entry-footer {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.pocg-ea-entry-words {
  font-family: 'Courier New', Courier, monospace;
  font-size: 10px;
  color: var(--pocg-text-muted);
  letter-spacing: 0.06em !important;
}

/* entry arrow */
.pocg-ea-entry-arrow {
  display: flex;
  align-items: center;
  padding: 0 18px;
  font-size: 18px;
  color: var(--pocg-text-muted);
  transition: color 0.15s ease, transform 0.15s ease;
  flex-shrink: 0;
}

.pocg-ea-entry-row:hover .pocg-ea-entry-arrow {
  transform: translateX(3px);
}

/* ── Series badge ─────────────────────────────────────────────── */
.pocg-ea-badge {
  display: inline-block;
  font-family: 'Courier New', Courier, monospace;
  font-size: 9px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  padding: 2px 6px;
  border: 1px solid;
  /* colors set per-panel below */
}

/* per-panel badge colors */
.pocg-ea-series-panel[data-series="save-state"] .pocg-ea-badge {
  background: rgba(0, 212, 180, 0.15);
  color: var(--pocg-teal);
  border-color: var(--pocg-teal);
}

.pocg-ea-series-panel[data-series="makers-breakers"] .pocg-ea-badge {
  background: rgba(232, 116, 42, 0.15);
  color: var(--pocg-orange);
  border-color: var(--pocg-orange);
}

.pocg-ea-series-panel[data-series="the-beige-years"] .pocg-ea-badge {
  background: rgba(200, 168, 75, 0.15);
  color: var(--pocg-gold);
  border-color: var(--pocg-gold);
}

.pocg-ea-series-panel[data-series="last-save"] .pocg-ea-badge {
  background: rgba(74, 144, 217, 0.15);
  color: var(--pocg-blue);
  border-color: var(--pocg-blue);
}

/* badge variants for the all-series grid (no panel scope) */
.pocg-ea-badge--teal {
  background: rgba(0, 212, 180, 0.15);
  color: var(--pocg-teal);
  border-color: var(--pocg-teal);
}

.pocg-ea-badge--orange {
  background: rgba(232, 116, 42, 0.15);
  color: var(--pocg-orange);
  border-color: var(--pocg-orange);
}

.pocg-ea-badge--gold {
  background: rgba(200, 168, 75, 0.15);
  color: var(--pocg-gold);
  border-color: var(--pocg-gold);
}

.pocg-ea-badge--blue {
  background: rgba(74, 144, 217, 0.15);
  color: var(--pocg-blue);
  border-color: var(--pocg-blue);
}

/* ── All-series overview ──────────────────────────────────────── */
.pocg-ea-all-series {
  margin-top: 48px;
  border: 1px solid var(--pocg-border);
}

.pocg-ea-all-series .pocg-ea-section-bar {
  border: none;
  border-bottom: 2px solid var(--pocg-orange);
  margin: 0;
}

.pocg-ea-all-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0;
  padding: 24px;
  gap: 24px;
  background: var(--pocg-surface);
}

/* series column */
.pocg-ea-series-col {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.pocg-ea-col-header {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-bottom: 10px;
  border-bottom: 2px solid;
  margin-bottom: 0;
}

/* per-color column header borders */
.pocg-ea-series-col[data-color="teal"] .pocg-ea-col-header   { border-color: var(--pocg-teal); }
.pocg-ea-series-col[data-color="orange"] .pocg-ea-col-header { border-color: var(--pocg-orange); }
.pocg-ea-series-col[data-color="gold"] .pocg-ea-col-header   { border-color: var(--pocg-gold); }
.pocg-ea-series-col[data-color="blue"] .pocg-ea-col-header   { border-color: var(--pocg-blue); }

.pocg-ea-col-list {
  flex: 1;
  background: var(--pocg-surface-mid);
  border: 1px solid var(--pocg-border);
  border-top: none;
}

.pocg-ea-col-item {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 12px;
  border-bottom: 1px solid var(--pocg-border);
}

.pocg-ea-col-item:last-child {
  border-bottom: none;
}

.pocg-ea-col-item-title {
  flex: 1;
  font-size: 12px;
  color: var(--pocg-text-soft);
  text-decoration: none;
  line-height: 1.35;
  transition: color 0.15s ease;
  min-width: 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.pocg-ea-col-item-title:hover {
  color: var(--hover-color);
}

.pocg-ea-col-item-date {
  font-family: 'Courier New', Courier, monospace;
  font-size: 10px;
  color: var(--pocg-text-muted);
  white-space: nowrap;
  flex-shrink: 0;
}

.pocg-ea-col-all {
  display: block;
  font-family: 'Courier New', Courier, monospace;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  text-decoration: none;
  padding: 9px 12px;
  background: var(--pocg-surface-mid);
  border: 1px solid var(--pocg-border);
  border-top: none;
  transition: background 0.15s ease;
}

.pocg-ea-col-all:hover {
  background: var(--pocg-surface-light);
}

/* ── Responsive: 900px → tabs 2×2 ────────────────────────────── */
@media (max-width: 900px) {
  .pocg-ea-tabs {
    grid-template-columns: repeat(2, 1fr);
  }

  .pocg-ea-tab {
    margin-left: 0;
    margin-top: -1px;
  }

  .pocg-ea-tab:nth-child(1),
  .pocg-ea-tab:nth-child(2) {
    margin-top: 0;
  }

  .pocg-ea-tab:nth-child(odd) {
    margin-left: 0;
  }

  .pocg-ea-tab:nth-child(even) {
    margin-left: -1px;
  }
}

/* ── Responsive: 600px → tabs 1-col, all-series 1-col ────────── */
@media (max-width: 600px) {
  .pocg-ea-wrap {
    padding: 20px 14px 40px;
  }

  .pocg-ea-tabs {
    grid-template-columns: 1fr;
  }

  .pocg-ea-tab {
    margin-left: 0;
    margin-top: -1px;
  }

  .pocg-ea-tab:first-child {
    margin-top: 0;
  }

  .pocg-ea-all-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .pocg-ea-entry-arrow {
    padding: 0 10px;
    font-size: 15px;
  }

  .pocg-ea-entry-num {
    font-size: 11px;
  }
}


/* ================================================================
   §39a  STANDALONE EDITORIAL ARCHIVE  [pocg_standalone_editorial_archive]
   ================================================================ */

.pocg-sea-wrap {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 0 60px;
}

.pocg-sea-header {
  border: 1px solid var(--pocg-silver-border);
  background: var(--pocg-surface);
  padding: 28px 32px;
  margin-bottom: 36px;
}

.pocg-sea-heading {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  color: var(--pocg-silver);
  margin: 0 0 8px;
}

.pocg-sea-desc {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: var(--pocg-text-soft);
  margin: 0;
}

.pocg-sea-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

.pocg-sea-card {
  background: var(--pocg-surface);
  border: 1px solid var(--pocg-border-subtle);
  display: flex;
  flex-direction: column;
  transition: border-color 0.2s;
}

.pocg-sea-card:hover {
  border-color: var(--pocg-silver-border);
}

.pocg-sea-thumb-link {
  display: block;
  aspect-ratio: 16 / 9;
  overflow: hidden;
}

.pocg-sea-thumb {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: opacity 0.2s;
}

.pocg-sea-card:hover .pocg-sea-thumb {
  opacity: 0.85;
}

.pocg-sea-card-body {
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 1;
}

.pocg-sea-eyebrow {
  font-family: var(--pocg-font-mono);
  font-size: 9px;
  letter-spacing: 2px;
  color: var(--pocg-silver);
  text-transform: uppercase;
}

.pocg-sea-title {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.3;
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.pocg-sea-title-link {
  color: var(--pocg-text-heading);
  text-decoration: none;
}

.pocg-sea-title-link:hover {
  color: var(--pocg-silver);
}

.pocg-sea-tagline {
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 13px;
  font-style: italic;
  color: var(--pocg-text-soft);
  margin: 0;
  line-height: 1.4;
}

.pocg-sea-excerpt {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: var(--pocg-text-soft);
  line-height: 1.5;
  margin: 0;
}

.pocg-sea-meta {
  font-family: var(--pocg-font-mono);
  font-size: 10px;
  letter-spacing: 0.5px;
  color: var(--pocg-text-muted);
  margin-top: auto;
  padding-top: 8px;
}

.pocg-sea-read-link {
  display: inline-block;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--pocg-silver);
  text-decoration: none;
  border: 1px solid var(--pocg-silver-border);
  padding: 6px 14px;
  align-self: flex-start;
  transition: background 0.15s, color 0.15s;
}

.pocg-sea-read-link:hover {
  background: var(--pocg-silver);
  color: #0e0e0e;
}

.pocg-sea-empty {
  color: var(--pocg-text-muted);
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  padding: 40px 0;
  text-align: center;
}

@media (max-width: 900px) {
  .pocg-sea-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
}

@media (max-width: 580px) {
  .pocg-sea-grid {
    grid-template-columns: 1fr;
  }

  .pocg-sea-header {
    padding: 20px 16px;
  }
}

/* ================================================================
   §39  NEWS ARCHIVE  [pocg_news_archive]
   ================================================================ */

.pocg-na-wrap {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 0 60px;
}

/* Page header */
.pocg-na-header {
  border: 2px solid var(--pocg-blue-border);
  background: var(--pocg-surface);
  padding: 24px 26px;
  margin-bottom: 28px;
}

.pocg-na-eyebrow {
  display: inline-block;
  padding: 3px 10px;
  background: var(--pocg-blue-dim);
  border: 1px solid var(--pocg-blue-border);
  color: #8cb6f0;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  margin-bottom: 12px;
}

.pocg-na-title {
  font-family: 'Oswald', Arial, sans-serif;
  font-size: clamp(2rem, 3.5vw, 3.2rem);
  letter-spacing: 0.08em;
  line-height: 0.9;
  margin-bottom: 12px;
  color: var(--pocg-text-heading);
  text-transform: uppercase;
}

.pocg-na-title span {
  color: var(--pocg-blue);
}

.pocg-na-desc {
  font-family: 'Source Serif 4', Georgia, serif;
  font-size: 13px;
  color: var(--pocg-text-soft);
  line-height: 1.7;
  padding-left: 14px;
  border-left: 2px solid var(--pocg-blue-dim);
}

/* Two-column layout */
.pocg-na-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.9fr) minmax(220px, 0.6fr);
  gap: 28px;
  align-items: start;
}

/* Section bar */
.pocg-na-section-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 11px 14px;
  border: 2px solid var(--pocg-blue-border);
  border-bottom: 2px solid var(--pocg-blue);
  background: var(--pocg-surface-alt);
}

.pocg-na-section-title {
  font-family: 'Oswald', Arial, sans-serif;
  font-size: 1.05rem;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  color: var(--pocg-text-heading);
  margin: 0;
}

.pocg-na-section-meta {
  color: #8cb6f0;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  font-family: 'Oswald', Arial, sans-serif;
}

/* News list container */
.pocg-na-list {
  border: 2px solid var(--pocg-blue-border);
  border-top: 0;
}

/* News item — base */
.pocg-na-item {
  display: grid;
  grid-template-columns: 56px 1fr;
  gap: 0;
  border-bottom: 1px solid var(--pocg-divider);
  text-decoration: none;
  background: var(--pocg-surface);
  transition: background 0.15s;
}

.pocg-na-item:last-child {
  border-bottom: none;
}

.pocg-na-item:hover {
  background: var(--pocg-surface-alt);
  text-decoration: none;
}

/* Featured item */
.pocg-na-item.pocg-na-featured {
  display: block;
}

.pocg-na-featured-meta {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 8px;
}

.pocg-na-featured-date {
  font-family: 'Share Tech Mono', monospace;
  font-size: 10px;
  color: var(--pocg-text-muted);
  white-space: nowrap;
}

.pocg-na-featured-rule {
  flex: 1;
  height: 1px;
  background: var(--pocg-divider);
}

.pocg-na-featured-title {
  display: block;
  font-family: 'Oswald', Arial, sans-serif;
  font-size: 1.2rem !important;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin: 6px 0;
  color: var(--pocg-text-heading);
  text-decoration: none;
}

.pocg-na-featured-title:hover {
  color: var(--pocg-blue);
  text-decoration: none;
}

/* Date column */
.pocg-na-date-col {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 16px 0;
  border-right: 1px solid var(--pocg-divider);
}

.pocg-na-day {
  font-family: 'Share Tech Mono', monospace;
  font-size: 1.1rem;
  font-weight: 900;
  color: var(--pocg-text-heading);
  line-height: 1;
}

.pocg-na-mon {
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.18em !important;
  text-transform: uppercase;
  color: var(--pocg-text-muted);
}

/* Item body */
.pocg-na-item-body {
  padding: 14px 16px;
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.pocg-na-featured .pocg-na-item-body {
  padding: 20px;
}

/* Tags */
.pocg-na-tags {
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
}

.pocg-na-tag {
  display: inline-block;
  padding: 2px 7px;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  font-family: 'Oswald', Arial, sans-serif;
}

.pocg-na-tag--platform {
  background: var(--pocg-blue-dim);
  border: 1px solid var(--pocg-blue-border);
  color: #A8C8F0;
}

.pocg-na-tag--release {
  background: var(--pocg-teal-dim);
  border: 1px solid var(--pocg-teal-border);
  color: #A0EFE4;
}

.pocg-na-tag--preservation,
.pocg-na-tag--industry,
.pocg-na-tag--hardware {
  background: var(--pocg-surface-mid);
  border: 1px solid var(--pocg-border-subtle);
  color: var(--pocg-text-muted);
}

/* Item title */
.pocg-na-item-title {
  font-family: 'Oswald', Arial, sans-serif;
  font-size: 0.97rem;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--pocg-text-heading);
  line-height: 1.2;
}

.pocg-na-item:hover .pocg-na-item-title {
  color: var(--pocg-blue);
}

/* Excerpt */
.pocg-na-excerpt {
  font-family: 'Source Serif 4', Georgia, serif;
  font-size: 12px;
  color: var(--pocg-text-soft);
  line-height: 1.6;
  margin: 0;
}

/* External link icon */
.pocg-na-ext-icon {
  font-style: normal;
  color: var(--pocg-text-muted);
}

/* Month divider */
.pocg-na-month-divider-wrap {
  padding: 0 16px;
  background: var(--pocg-surface);
  border-bottom: 1px solid var(--pocg-divider);
}

.pocg-na-month-divider {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 18px 0 10px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: var(--pocg-text-muted);
  font-family: 'Share Tech Mono', monospace;
}

.pocg-na-month-divider::after {
  content: "";
  flex: 1;
  height: 1px;
  background: var(--pocg-divider);
}

.pocg-na-month-label {
  white-space: nowrap;
}

/* Empty state */
.pocg-na-empty {
  padding: 40px 20px;
  text-align: center;
  color: var(--pocg-text-muted);
  font-size: 13px;
}

/* Pagination */
.pocg-na-pagination {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px;
  background: var(--pocg-surface-alt);
  border: 2px solid var(--pocg-blue-border);
  border-top: 0;
}

.pocg-na-page-btn {
  display: inline-block;
  border: 2px solid var(--pocg-blue-border);
  background: transparent;
  color: var(--pocg-blue);
  padding: 10px 24px;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.2em !important;
  text-transform: uppercase;
  cursor: pointer;
  font-family: 'Oswald', Arial, sans-serif;
  text-decoration: none;
  transition: all 0.15s;
}

.pocg-na-page-btn:hover {
  background: var(--pocg-blue);
  color: #fff;
  border-color: var(--pocg-blue);
  text-decoration: none;
}

.pocg-na-page-info {
  font-size: 10px;
  color: var(--pocg-text-muted);
  letter-spacing: 0.16em;
  text-transform: uppercase;
  font-family: 'Oswald', Arial, sans-serif;
}

/* ── Sidebar ── */
.pocg-na-sidebar {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.pocg-na-widget {
  border: 2px solid var(--pocg-teal-border);
  background: var(--pocg-surface);
}

.pocg-na-widget--blue {
  border-color: var(--pocg-blue-border);
}

.pocg-na-widget-title {
  padding: 8px 14px;
  border-bottom: 2px solid var(--pocg-teal);
  background: var(--pocg-teal-dark);
  color: #E0FBF7;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.26em;
  text-transform: uppercase;
  font-family: 'Oswald', Arial, sans-serif;
}

.pocg-na-widget--blue .pocg-na-widget-title {
  border-color: var(--pocg-blue);
  background: var(--pocg-blue-dark);
  color: #D6E8FF;
}

.pocg-na-widget-body {
  padding: 12px 14px;
}

.pocg-na-widget-body--tight {
  padding: 10px;
}

.pocg-na-widget-empty {
  font-size: 12px;
  color: var(--pocg-text-muted);
  margin: 0;
}

/* Month list */
.pocg-na-month-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.pocg-na-month-item {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 8px;
  padding: 7px 0;
  border-bottom: 1px solid var(--pocg-divider);
}

.pocg-na-month-item:last-child {
  border-bottom: none;
}

.pocg-na-month-item a {
  color: var(--pocg-text-soft);
  font-size: 12px;
  font-family: 'Oswald', Arial, sans-serif;
  text-decoration: none;
}

.pocg-na-month-item a:hover {
  color: var(--pocg-teal);
}

.pocg-na-month-item--all {
  padding-top: 10px;
  border-top: 1px solid var(--pocg-divider);
}

.pocg-na-month-item--all a {
  color: var(--pocg-text-muted);
  font-size: 11px;
  letter-spacing: 0.14em;
}

.pocg-na-month-count {
  font-family: 'Share Tech Mono', monospace;
  font-size: 10px;
  color: var(--pocg-text-muted);
}

/* Platform grid */
.pocg-na-platform-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3px;
}

.pocg-na-platform-link {
  display: block;
  border: 1px solid var(--pocg-border-subtle);
  background: var(--pocg-surface-alt);
  padding: 7px 6px;
  text-align: center;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: var(--pocg-text-muted);
  font-family: 'Oswald', Arial, sans-serif;
  transition: all 0.15s;
  text-decoration: none;
}

.pocg-na-platform-link:hover {
  background: var(--pocg-teal);
  color: #090909;
  border-color: var(--pocg-teal);
  text-decoration: none;
}

/* Latest reviews list */
.pocg-na-review-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.pocg-na-review-item {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 8px;
  padding: 8px 0;
  border-bottom: 1px solid var(--pocg-divider);
}

.pocg-na-review-item:last-child {
  border-bottom: none;
}

.pocg-na-review-item a {
  color: var(--pocg-text-soft);
  font-size: 12px;
  line-height: 1.3;
  text-decoration: none;
}

.pocg-na-review-item a:hover {
  color: var(--pocg-teal);
}

.pocg-na-review-score {
  font-family: 'Share Tech Mono', monospace;
  font-size: 11px;
  font-weight: 900;
  color: var(--pocg-orange);
  flex-shrink: 0;
}

/* Newsletter */
.pocg-na-newsletter-desc {
  font-family: 'Source Serif 4', Georgia, serif;
  font-size: 12px;
  color: var(--pocg-text-soft);
  margin: 0 0 10px;
  line-height: 1.5;
}

.pocg-na-newsletter-form {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.pocg-na-newsletter-input {
  background: var(--pocg-surface-alt);
  border: 1px solid var(--pocg-blue-border);
  color: var(--pocg-text);
  padding: 8px 10px;
  font-size: 12px;
  font-family: 'Oswald', Arial, sans-serif;
  outline: none;
  width: 100%;
}

.pocg-na-newsletter-input:focus {
  border-color: var(--pocg-blue);
}

.pocg-na-newsletter-btn {
  background: var(--pocg-blue);
  border: none;
  color: #fff;
  padding: 9px 14px;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.06em !important;
  text-transform: uppercase;
  cursor: pointer;
  font-family: 'Oswald', Arial, sans-serif;
  transition: background 0.15s;
  white-space: nowrap;
  width: 100%;
}

.pocg-na-newsletter-btn:hover {
  background: var(--pocg-blue-dark);
}

/* Responsive */
@media (max-width: 1024px) {
  .pocg-na-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 600px) {
  .pocg-na-item {
    grid-template-columns: 44px 1fr;
  }

  .pocg-na-day {
    font-size: 0.95rem;
  }
}


/* ================================================================
   §40  NEWS POST PAGE  [pocg_news_page]
   ================================================================ */

.pocg-np-wrap {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 0 60px;
}

.pocg-np-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.9fr) minmax(220px, 0.6fr);
  gap: 28px;
  align-items: start;
}

/* ── Meta bar ── */
.pocg-np-meta-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  padding: 10px 14px;
  background: var(--pocg-surface-alt);
  border: 2px solid var(--pocg-blue-border);
  border-bottom: 2px solid var(--pocg-blue);
  margin-bottom: 0;
}

.pocg-np-meta-left {
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
  align-items: center;
}

.pocg-np-meta-right {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* Badges */
.pocg-np-badge {
  display: inline-block;
  padding: 2px 8px;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.18em !important;
  text-transform: uppercase;
  font-family: 'Oswald', Arial, sans-serif;
}

.pocg-np-badge--platform {
  background: var(--pocg-blue-dim);
  border: 1px solid var(--pocg-blue-border);
  color: #A8C8F0;
}

.pocg-np-badge--release {
  background: var(--pocg-teal-dim);
  border: 1px solid var(--pocg-teal-border);
  color: #A0EFE4;
}

.pocg-np-badge--preservation,
.pocg-np-badge--industry,
.pocg-np-badge--hardware {
  background: var(--pocg-surface-mid);
  border: 1px solid var(--pocg-border-subtle);
  color: var(--pocg-text-muted);
}

.pocg-np-badge--sm {
  padding: 1px 6px;
  font-size: 8px;
}

/* Date + author */
.pocg-np-date {
  font-family: 'Share Tech Mono', monospace;
  font-size: 10px;
  color: var(--pocg-text-muted);
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.pocg-np-sep {
  color: var(--pocg-text-muted);
  font-size: 10px;
}

.pocg-np-author {
  font-size: 10px;
  color: var(--pocg-text-muted);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  font-family: 'Oswald', Arial, sans-serif;
}

/* ── Title ── */
.pocg-np-title {
  font-family: 'Oswald', Arial, sans-serif;
  font-size: clamp(1.6rem, 2.8vw, 2.4rem);
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.06em !important;
  color: var(--pocg-text-heading);
  line-height: 1.05;
  margin: 0;
  padding: 20px 20px 16px;
  background: var(--pocg-surface);
  border: 2px solid var(--pocg-blue-border);
  border-top: 0;
}

/* ── Deck / excerpt ── */
.pocg-np-deck {
  font-family: 'Source Serif 4', Georgia, serif;
  font-size: 14px;
  color: var(--pocg-text-soft);
  line-height: 1.75;
  padding: 14px 20px 16px;
  background: var(--pocg-surface);
  border: 2px solid var(--pocg-blue-border);
  border-top: 0;
  border-bottom: 2px solid var(--pocg-blue-dim);
  font-style: italic;
  margin: 0;
}

/* ── External source bar ── */
.pocg-np-source-bar {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 20px;
  background: var(--pocg-surface-alt);
  border: 2px solid var(--pocg-blue-border);
  border-top: 0;
}

.pocg-np-source-label {
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--pocg-text-muted);
  font-family: 'Oswald', Arial, sans-serif;
  white-space: nowrap;
}

.pocg-np-source-link {
  font-size: 11px;
  color: var(--pocg-blue);
  text-decoration: none;
  font-family: 'Share Tech Mono', monospace;
  word-break: break-all;
}

.pocg-np-source-link:hover {
  text-decoration: underline;
}

/* ── Body content ── */
.pocg-np-body {
  padding: 24px 20px;
  background: var(--pocg-surface);
  border: 2px solid var(--pocg-blue-border);
  border-top: 0;
  font-family: 'Source Serif 4', Georgia, serif;
  font-size: 15px;
  color: var(--pocg-text);
  line-height: 1.8;
}

.pocg-np-body p {
  margin: 0 0 1.2em;
}

.pocg-np-body p:last-child {
  margin-bottom: 0;
}

.pocg-np-body a {
  color: var(--pocg-blue);
}

.pocg-np-body a:hover {
  color: var(--pocg-teal);
}

.pocg-np-body h2,
.pocg-np-body h3 {
  font-family: 'Oswald', Arial, sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.06em !important;
  color: var(--pocg-text-heading);
  margin: 1.4em 0 0.5em;
}

/* ── Related games (In the Vault) ── */
.pocg-np-related-games {
  background: var(--pocg-surface);
  border: 2px solid var(--pocg-blue-border);
  border-top: 0;
  padding: 16px 20px 20px;
}

.pocg-np-rg-label {
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: var(--pocg-text-muted);
  font-family: 'Oswald', Arial, sans-serif;
  margin-bottom: 12px;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--pocg-divider);
}

.pocg-np-rg-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.pocg-np-rg-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px 10px;
  background: var(--pocg-surface-alt);
  border: 1px solid var(--pocg-border-subtle);
  text-decoration: none;
  transition: border-color 0.15s;
}

.pocg-np-rg-item:hover {
  border-color: var(--pocg-blue);
  text-decoration: none;
}

.pocg-np-rg-thumb {
  width: 40px;
  height: 40px;
  object-fit: cover;
  flex-shrink: 0;
}

.pocg-np-rg-info {
  flex: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}

.pocg-np-rg-title {
  font-family: 'Oswald', Arial, sans-serif;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--pocg-text-heading);
  line-height: 1.2;
}

.pocg-np-rg-score {
  font-family: 'Share Tech Mono', monospace;
  font-size: 13px;
  font-weight: 900;
  color: var(--pocg-orange);
  flex-shrink: 0;
}

/* ── Sidebar ── */
.pocg-np-sidebar {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.pocg-np-widget {
  border: 2px solid var(--pocg-teal-border);
  background: var(--pocg-surface);
}

.pocg-np-widget-title {
  padding: 8px 14px;
  border-bottom: 2px solid var(--pocg-teal);
  background: var(--pocg-teal-dark);
  color: #E0FBF7;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.26em;
  text-transform: uppercase;
  font-family: 'Oswald', Arial, sans-serif;
}

.pocg-np-widget-body {
  padding: 12px 14px;
}

.pocg-np-widget-body--tight {
  padding: 10px;
}

/* More news list */
.pocg-np-more-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.pocg-np-more-item {
  border-bottom: 1px solid var(--pocg-divider);
}

.pocg-np-more-item:last-child {
  border-bottom: none;
}

.pocg-np-more-link {
  display: flex;
  gap: 0;
  text-decoration: none;
  transition: background 0.15s;
  padding: 10px 0;
}

.pocg-np-more-link:hover {
  text-decoration: none;
}

.pocg-np-more-date-col {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  width: 36px;
  flex-shrink: 0;
  padding-top: 2px;
}

.pocg-np-more-day {
  font-family: 'Share Tech Mono', monospace;
  font-size: 0.95rem;
  font-weight: 900;
  color: var(--pocg-text-heading);
  line-height: 1;
}

.pocg-np-more-mon {
  font-size: 8px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--pocg-text-muted);
}

.pocg-np-more-body {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.pocg-np-more-title {
  font-family: 'Oswald', Arial, sans-serif;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  color: var(--pocg-text-soft);
  line-height: 1.25;
}

.pocg-np-more-link:hover .pocg-np-more-title {
  color: var(--pocg-teal);
}

.pocg-np-all-news-link {
  display: block;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid var(--pocg-divider);
  font-size: 11px;
  color: var(--pocg-text-muted);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  text-decoration: none;
  font-family: 'Oswald', Arial, sans-serif;
}

.pocg-np-all-news-link:hover {
  color: var(--pocg-teal);
}

/* Platform grid */
.pocg-np-platform-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3px;
}

.pocg-np-platform-link {
  display: block;
  border: 1px solid var(--pocg-border-subtle);
  background: var(--pocg-surface-alt);
  padding: 7px 6px;
  text-align: center;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: var(--pocg-text-muted);
  font-family: 'Oswald', Arial, sans-serif;
  transition: all 0.15s;
  text-decoration: none;
}

.pocg-np-platform-link:hover {
  background: var(--pocg-teal);
  color: #090909;
  border-color: var(--pocg-teal);
  text-decoration: none;
}

/* Responsive */
@media (max-width: 1024px) {
  .pocg-np-grid {
    grid-template-columns: 1fr;
  }

  .pocg-np-sidebar {
    order: -1;
  }
}

@media (max-width: 600px) {
  .pocg-np-meta-bar {
    flex-direction: column;
    align-items: flex-start;
  }

  .pocg-np-title {
    font-size: 1.5rem;
    padding: 16px 14px 0;
  }

  .pocg-np-deck,
  .pocg-np-source-bar,
  .pocg-np-body,
  .pocg-np-related-games {
    padding-left: 14px;
    padding-right: 14px;
  }
}


/* ================================================================
   §41  SITE HEADER  [pocg_header]
   ================================================================ */

.pocg-hdr-outer {
  width: 100%;
  background: #090909;
  border-bottom: 3px solid var(--pocg-teal);
}

.pocg-hdr-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

/* ── Top row: brand + search ── */
.pocg-hdr-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding: 20px 0 0;
  gap: 24px;
}

/* Brand */
.pocg-hdr-brand-link {
  display: block;
  text-decoration: none;
}

.pocg-hdr-brand-link:hover {
  text-decoration: none;
}

.pocg-hdr-est {
  display: inline-block;
  padding: 3px 10px;
  border: 1px solid var(--pocg-teal-border);
  color: var(--pocg-teal);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  margin-bottom: 6px;
}

.pocg-hdr-logo {
  font-size: clamp(2.8rem, 5vw, 4.4rem);
  font-weight: 900;
  letter-spacing: 0.06em !important;
  text-transform: uppercase;
  color: var(--pocg-text-heading);
  line-height: 1;
  margin-bottom: 2px;
}

.pocg-hdr-logo span {
  color: var(--pocg-teal);
}

.pocg-hdr-sub {
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--pocg-text-muted);
  margin-bottom: 10px;
}

.pocg-hdr-desc {
  font-size: 12px;
  color: var(--pocg-text-soft);
  line-height: 1.6;
  border-left: 2px solid var(--pocg-teal-dim);
  padding-left: 10px;
  margin: 0;
  max-width: 480px;
}

/* Search */
.pocg-hdr-search-wrap {
  border: 2px solid var(--pocg-blue-border);
  padding: 14px 16px;
  flex-shrink: 0;
  min-width: 260px;
  margin-bottom: 4px;
}

.pocg-hdr-search-label {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.26em;
  text-transform: uppercase;
  color: var(--pocg-blue);
  margin-bottom: 8px;
}

.pocg-hdr-search-form {
  display: flex;
  gap: 0;
}

.pocg-hdr-search-input {
  flex: 1;
  background: var(--pocg-surface-alt);
  border: 1px solid var(--pocg-border-subtle);
  border-right: none;
  color: var(--pocg-text);
  padding: 9px 12px;
  font-size: 12px;
  outline: none;
  min-width: 0;
}

.pocg-hdr-search-input::placeholder {
  color: var(--pocg-text-muted);
}

.pocg-hdr-search-input:focus {
  border-color: var(--pocg-blue);
}

.pocg-hdr-search-btn {
  background: var(--pocg-blue);
  border: none;
  color: #fff;
  padding: 9px 18px;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.06em !important;
  text-transform: uppercase;
  cursor: pointer;
  transition: background 0.15s;
  white-space: nowrap;
  overflow: visible;
  flex-shrink: 0;
}

.pocg-hdr-search-btn:hover {
  background: var(--pocg-blue-dark);
}

/* ── Nav ── */
.pocg-hdr-nav {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  margin-top: 14px;
}

.pocg-hdr-nav-item {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.2em !important;
  text-transform: uppercase;
  color: var(--pocg-text-soft);
  border-top: 2px solid transparent;
  border-bottom: 1px solid var(--pocg-border-subtle);
  border-left: 1px solid var(--pocg-border-subtle);
  border-right: none;
  text-decoration: none;
  transition: color 0.15s, border-color 0.15s, background 0.15s;
}

.pocg-hdr-nav-item:last-child {
  border-right: 1px solid var(--pocg-border-subtle);
}

.pocg-hdr-nav-item:hover {
  color: var(--pocg-text-heading);
  background: rgba(0, 191, 168, 0.05);
  text-decoration: none;
}

.pocg-hdr-nav-item.active {
  color: var(--pocg-text-heading);
  border-top-color: var(--pocg-teal);
  background: rgba(0, 191, 168, 0.07);
}

/* Responsive */
@media (max-width: 900px) {
  .pocg-hdr-top {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }

  .pocg-hdr-search-wrap {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
  }

  .pocg-hdr-nav {
    grid-template-columns: repeat(3, 1fr);
  }

  .pocg-hdr-nav-item:nth-child(3) {
    border-right: 1px solid var(--pocg-border-subtle);
  }
}

@media (max-width: 480px) {
  .pocg-hdr-nav {
    grid-template-columns: repeat(2, 1fr);
  }

  .pocg-hdr-nav-item:nth-child(2),
  .pocg-hdr-nav-item:nth-child(4),
  .pocg-hdr-nav-item:nth-child(6) {
    border-right: 1px solid var(--pocg-border-subtle);
  }

  .pocg-hdr-nav-item:nth-child(3) {
    border-right: none;
  }
}


/* ================================================================
   §42  SITE FOOTER  [pocg_footer]
   ================================================================ */

.pocg-ftr-outer {
  width: 100%;
  background: #090909;
  border-top: 2px solid var(--pocg-teal-border);
}

.pocg-ftr-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

/* ── Three-column grid ── */
.pocg-ftr-grid {
  display: grid;
  grid-template-columns: 1.6fr 1fr 1.3fr;
  gap: 48px;
  padding: 44px 0 36px;
  border-bottom: 1px solid var(--pocg-divider);
}

/* Brand column */
.pocg-ftr-logo {
  display: inline-block;
  font-size: 1.8rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--pocg-text-heading);
  text-decoration: none;
  line-height: 1;
  margin-bottom: 6px;
}

.pocg-ftr-logo span {
  color: var(--pocg-teal);
}

.pocg-ftr-logo:hover {
  text-decoration: none;
  color: var(--pocg-text-heading);
}

.pocg-ftr-tagline {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  color: var(--pocg-orange);
  margin-bottom: 14px;
}

.pocg-ftr-desc {
  font-size: 12px;
  color: var(--pocg-text-soft);
  line-height: 1.7;
  margin: 0 0 20px;
}

/* Stats row */
.pocg-ftr-stats {
  display: flex;
  gap: 20px;
}

.pocg-ftr-stat {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.pocg-ftr-stat-num {
  font-size: 1.2rem;
  font-weight: 900;
  color: var(--pocg-teal);
  line-height: 1;
}

.pocg-ftr-stat-label {
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.18em !important;
  text-transform: uppercase;
  color: var(--pocg-text-muted);
}

/* Column title */
.pocg-ftr-col-title {
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: var(--pocg-text-muted);
  padding-bottom: 10px;
  border-bottom: 1px solid var(--pocg-divider);
  margin-bottom: 16px;
}

/* Nav column */
.pocg-ftr-nav-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2px 12px;
}

.pocg-ftr-nav-link {
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--pocg-text-soft);
  text-decoration: none;
  padding: 5px 0;
  border-bottom: 1px solid var(--pocg-divider);
  transition: color 0.15s;
}

.pocg-ftr-nav-link:hover {
  color: var(--pocg-teal);
  text-decoration: none;
}

/* Editorial series column */
.pocg-ftr-series-list {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.pocg-ftr-series-item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 8px 0;
  border-bottom: 1px solid var(--pocg-divider);
  text-decoration: none;
  transition: opacity 0.15s;
}

.pocg-ftr-series-item:last-child {
  border-bottom: none;
}

.pocg-ftr-series-item:hover {
  opacity: 0.8;
  text-decoration: none;
}

.pocg-ftr-series-dot {
  width: 8px;
  height: 8px;
  border-radius: 0;
  background: var(--series-color, var(--pocg-teal));
  flex-shrink: 0;
  margin-top: 4px;
}

.pocg-ftr-series-name {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--series-color, var(--pocg-text-heading));
  line-height: 1.2;
  margin-bottom: 2px;
}

.pocg-ftr-series-desc {
  font-size: 11px;
  color: var(--pocg-text-muted);
  line-height: 1.4;
}

/* ── Bottom strip ── */
.pocg-ftr-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px 0;
}

.pocg-ftr-copy {
  font-size: 10px;
  color: var(--pocg-text-muted);
  letter-spacing: 0.1em;
}

.pocg-ftr-est {
  font-size: 10px;
  color: var(--pocg-text-muted);
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

/* Responsive */
@media (max-width: 900px) {
  .pocg-ftr-grid {
    grid-template-columns: 1fr 1fr;
    gap: 32px;
  }

  .pocg-ftr-brand {
    grid-column: 1 / -1;
  }
}

@media (max-width: 600px) {
  .pocg-ftr-grid {
    grid-template-columns: 1fr;
    gap: 28px;
    padding: 32px 0 24px;
  }

  .pocg-ftr-bottom {
    flex-direction: column;
    gap: 6px;
    text-align: center;
  }
}



/* ================================================================
   §43  REVIEWS ARCHIVE  [pocg_reviews_archive]
   ================================================================ */

.pocg-ra-wrap {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 0 60px;
}

/* ── Page header ── */
.pocg-ra-header {
  border: 2px solid var(--pocg-teal-border);
  background: var(--pocg-surface);
  padding: 28px 28px 0;
  margin-bottom: 0;
}

.pocg-ra-eyebrow {
  display: inline-block;
  padding: 3px 10px;
  background: var(--pocg-teal-dim);
  border: 1px solid var(--pocg-teal-border);
  color: #A0EFE4;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  margin-bottom: 12px;
}

.pocg-ra-title {
  font-size: clamp(2.2rem, 4vw, 3.8rem);
  letter-spacing: 0.08em;
  line-height: 0.9;
  margin: 0 0 12px;
  color: var(--pocg-text-heading);
  text-transform: uppercase;
}

.pocg-ra-title span {
  color: var(--pocg-teal);
}

.pocg-ra-desc {
  font-size: 13px;
  color: var(--pocg-text-soft);
  line-height: 1.7;
  max-width: 640px;
  padding-left: 14px;
  border-left: 2px solid var(--pocg-teal-dim);
  margin: 0 0 24px;
}

/* Stats bar */
.pocg-ra-stats {
  display: flex;
  border-top: 2px solid var(--pocg-teal);
  margin: 0 -28px;
}

.pocg-ra-stat {
  flex: 1;
  padding: 14px 22px;
  border-right: 1px solid var(--pocg-divider);
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.pocg-ra-stat:last-child {
  border-right: none;
}

.pocg-ra-stat-num {
  font-size: 1.5rem;
  font-weight: 900;
  color: var(--pocg-teal);
  line-height: 1;
}

.pocg-ra-stat-label {
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  color: var(--pocg-text-muted);
}

/* ── Filter bar ── */
.pocg-ra-filter-bar {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  padding: 12px 16px;
  background: var(--pocg-surface-mid);
  border: 2px solid var(--pocg-border-subtle);
  border-top: 0;
}

.pocg-ra-filter-label {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--pocg-text-muted);
  white-space: nowrap;
}

.pocg-ra-select {
  background: var(--pocg-surface-alt);
  border: 1px solid var(--pocg-border-subtle);
  color: var(--pocg-text-soft);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 7px 28px 7px 10px;
  cursor: pointer;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%234A6560'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
  outline: none;
}

.pocg-ra-select:focus {
  border-color: var(--pocg-teal);
}

.pocg-ra-filter-divider {
  width: 1px;
  height: 28px;
  background: var(--pocg-border-subtle);
  margin: 0 4px;
}

.pocg-ra-filter-right {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-left: auto;
}

.pocg-ra-filter-count {
  font-size: 11px;
  color: var(--pocg-text-muted);
  white-space: nowrap;
}

.pocg-ra-go-btn {
  background: var(--pocg-teal);
  border: none;
  color: #090909;
  padding: 7px 14px;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.06em !important;
  text-transform: uppercase;
  cursor: pointer;
  white-space: nowrap;
  overflow: visible;
}

/* ── Active filter chips ── */
.pocg-ra-active-filters {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  padding: 9px 16px;
  background: var(--pocg-surface-alt);
  border: 2px solid var(--pocg-border-subtle);
  border-top: 0;
}

.pocg-ra-active-label {
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.2em !important;
  text-transform: uppercase;
  color: var(--pocg-text-muted);
}

.pocg-ra-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  text-decoration: none;
  transition: opacity 0.15s;
}

.pocg-ra-chip:hover {
  opacity: 0.75;
  text-decoration: none;
}

.pocg-ra-chip--platform {
  background: var(--pocg-blue-dim);
  border: 1px solid var(--pocg-blue-border);
  color: #A8C8F0;
}

.pocg-ra-chip--tier {
  background: var(--pocg-teal-dim);
  border: 1px solid var(--pocg-teal-border);
  color: #A0EFE4;
}

.pocg-ra-chip-x {
  opacity: 0.6;
}

/* ── Tier quick-filter bar ── */
.pocg-ra-tier-bar {
  display: flex;
  gap: 4px;
  padding: 12px 16px;
  background: var(--pocg-surface-alt);
  border: 2px solid var(--pocg-border-subtle);
  border-top: 0;
  margin-bottom: 20px;
  flex-wrap: wrap;
}

.pocg-ra-tier-chip {
  flex: 1;
  min-width: 80px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3px;
  padding: 10px 8px;
  border: 1px solid var(--pocg-border-subtle);
  background: transparent;
  text-decoration: none;
  transition: all 0.15s;
  text-align: center;
}

.pocg-ra-tier-chip:hover,
.pocg-ra-tier-chip.active {
  text-decoration: none;
  opacity: 0.8;
}

.pocg-ra-tier-chip.active {
  outline: 2px solid var(--pocg-teal);
  outline-offset: -2px;
}

.pocg-ra-tier-score {
  font-size: 13px;
  font-weight: 900;
  line-height: 1;
}

.pocg-ra-tier-label {
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.18em !important;
  text-transform: uppercase;
}

.pocg-ra-tier-count {
  font-size: 9px;
  color: var(--pocg-text-muted);
}

/* All chip */
.pocg-ra-tier-all .pocg-ra-tier-score,
.pocg-ra-tier-all .pocg-ra-tier-label {
  color: var(--pocg-text-soft);
}

/* Masterpiece */
.pocg-ra-tier-masterpiece {
  border-color: var(--pocg-teal-border);
  background: var(--pocg-teal-glow);
}
.pocg-ra-tier-masterpiece .pocg-ra-tier-score,
.pocg-ra-tier-masterpiece .pocg-ra-tier-label {
  color: var(--pocg-teal);
}

/* Excellent */
.pocg-ra-tier-excellent {
  border-color: var(--pocg-orange-border);
  background: rgba(232, 130, 30, 0.06);
}
.pocg-ra-tier-excellent .pocg-ra-tier-score,
.pocg-ra-tier-excellent .pocg-ra-tier-label {
  color: var(--pocg-orange);
}

/* Very Good */
.pocg-ra-tier-very-good {
  border-color: var(--pocg-blue-border);
  background: rgba(30, 114, 204, 0.06);
}
.pocg-ra-tier-very-good .pocg-ra-tier-score,
.pocg-ra-tier-very-good .pocg-ra-tier-label {
  color: #8cb6f0;
}

/* Good */
.pocg-ra-tier-good {
  border-color: var(--pocg-border-subtle);
  background: rgba(255, 255, 255, 0.02);
}
.pocg-ra-tier-good .pocg-ra-tier-score,
.pocg-ra-tier-good .pocg-ra-tier-label {
  color: var(--pocg-text-soft);
}

/* Average */
.pocg-ra-tier-average {
  border-color: #2a2a2a;
  background: rgba(0, 0, 0, 0.2);
}
.pocg-ra-tier-average .pocg-ra-tier-score,
.pocg-ra-tier-average .pocg-ra-tier-label {
  color: var(--pocg-text-muted);
}

/* Poor */
.pocg-ra-tier-poor {
  border-color: rgba(90, 32, 32, 0.5);
  background: rgba(90, 32, 32, 0.1);
}
.pocg-ra-tier-poor .pocg-ra-tier-score,
.pocg-ra-tier-poor .pocg-ra-tier-label {
  color: #FF9999;
}

/* ── Reviews section container ── */
.pocg-ra-section {
  border: 2px solid var(--pocg-teal-border);
  background: var(--pocg-surface);
}

.pocg-ra-section-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 11px 14px;
  border-bottom: 2px solid var(--pocg-teal);
  background: var(--pocg-surface-alt);
}

.pocg-ra-section-title {
  font-size: 1.15rem;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  color: var(--pocg-text-heading);
  margin: 0;
}

.pocg-ra-section-meta {
  color: var(--pocg-teal);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.22em;
  text-transform: uppercase;
}

/* ── Review card grid ── */
.pocg-ra-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  padding: 14px;
}

/* ── Review card ── */
.pocg-ra-card {
  display: flex;
  flex-direction: column;
  background: var(--pocg-surface-alt);
  border: 1px solid var(--pocg-border-subtle);
  text-decoration: none;
  transition: border-color 0.15s, transform 0.15s;
}

.pocg-ra-card:hover {
  border-color: var(--pocg-teal-border);
  text-decoration: none;
  transform: translateY(-2px);
}

/* Card image */
.pocg-ra-card-img {
  position: relative;
  overflow: hidden;
  height: 160px;
  flex-shrink: 0;
}

.pocg-ra-card-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-bottom: 1px solid var(--pocg-border-subtle);
}

.pocg-ra-card-no-img {
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, var(--pocg-surface-mid) 0%, #1a2a2a 100%);
  border-bottom: 1px solid var(--pocg-border-subtle);
}

/* Score badge on image */
.pocg-ra-score {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1;
  padding: 5px 8px;
  min-width: 44px;
  text-align: center;
}

.pocg-ra-score--masterpiece { background: var(--pocg-teal);   color: #080808; }
.pocg-ra-score--excellent   { background: var(--pocg-orange);  color: #080808; }
.pocg-ra-score--very-good   { background: var(--pocg-blue);    color: #fff; }
.pocg-ra-score--good        { background: rgba(255,255,255,0.12); color: var(--pocg-text-heading); }
.pocg-ra-score--average     { background: rgba(0,0,0,0.6);     color: var(--pocg-text-muted); }
.pocg-ra-score--poor        { background: rgba(90,32,32,0.8);  color: #FF9999; }

/* Card body */
.pocg-ra-card-body {
  padding: 12px 14px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  flex: 1;
}

.pocg-ra-card-meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 6px;
}

.pocg-ra-card-platform {
  display: inline-block;
  padding: 2px 7px;
  background: var(--pocg-blue-dim);
  border: 1px solid var(--pocg-blue-border);
  color: #A8C8F0;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 55%;
}

.pocg-ra-card-verdict {
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  flex-shrink: 0;
}

.pocg-ra-verdict--masterpiece { color: var(--pocg-teal); }
.pocg-ra-verdict--excellent   { color: var(--pocg-orange); }
.pocg-ra-verdict--very-good   { color: #8cb6f0; }
.pocg-ra-verdict--good        { color: var(--pocg-text-soft); }
.pocg-ra-verdict--average     { color: var(--pocg-text-muted); }
.pocg-ra-verdict--poor        { color: #FF9999; }

.pocg-ra-card-title {
  font-size: 0.95rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--pocg-text-heading);
  line-height: 1.25;
  margin: 0;
}

.pocg-ra-card:hover .pocg-ra-card-title {
  color: var(--pocg-teal);
}

.pocg-ra-card-excerpt {
  font-size: 12px;
  color: var(--pocg-text-soft);
  line-height: 1.55;
  flex: 1;
  margin: 0;
}

.pocg-ra-card-cta {
  display: inline-block;
  margin-top: 4px;
  padding: 6px 10px;
  border: 1px solid var(--pocg-teal-border);
  color: var(--pocg-teal);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  transition: all 0.15s;
  align-self: flex-start;
}

.pocg-ra-card:hover .pocg-ra-card-cta {
  background: var(--pocg-teal);
  color: #090909;
  border-color: var(--pocg-teal);
}

/* Empty state */
.pocg-ra-empty {
  padding: 48px 20px;
  text-align: center;
  color: var(--pocg-text-muted);
  font-size: 13px;
}

.pocg-ra-empty a {
  color: var(--pocg-teal);
}

/* ── Pagination ── */
.pocg-ra-pagination {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  padding: 12px 16px;
  border-top: 1px solid var(--pocg-divider);
  background: var(--pocg-surface-alt);
  flex-wrap: wrap;
}

.pocg-ra-pager {
  display: inline-block;
  padding: 7px 16px;
  border: 1px solid var(--pocg-teal-border);
  color: var(--pocg-teal);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.18em !important;
  text-transform: uppercase;
  text-decoration: none;
  transition: all 0.15s;
}

.pocg-ra-pager:hover {
  background: var(--pocg-teal);
  color: #090909;
  text-decoration: none;
}

.pocg-ra-page-nums {
  display: flex;
  gap: 3px;
}

.pocg-ra-pagenum {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border: 1px solid var(--pocg-border-subtle);
  color: var(--pocg-text-muted);
  font-size: 11px;
  font-weight: 700;
  text-decoration: none;
  transition: all 0.15s;
}

.pocg-ra-pagenum:hover {
  border-color: var(--pocg-teal);
  color: var(--pocg-teal);
  text-decoration: none;
}

.pocg-ra-pagenum.active {
  background: var(--pocg-teal);
  border-color: var(--pocg-teal);
  color: #090909;
}

.pocg-ra-ellipsis {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  color: var(--pocg-text-muted);
  font-size: 11px;
}

.pocg-ra-page-info {
  font-size: 10px;
  color: var(--pocg-text-muted);
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

/* ── Responsive ── */
@media (max-width: 900px) {
  .pocg-ra-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .pocg-ra-tier-bar {
    flex-wrap: wrap;
  }

  .pocg-ra-tier-chip {
    flex: 0 0 calc(33.33% - 4px);
  }

  .pocg-ra-stats {
    flex-wrap: wrap;
  }

  .pocg-ra-stat {
    flex: 0 0 50%;
  }
}

@media (max-width: 600px) {
  .pocg-ra-grid {
    grid-template-columns: 1fr;
  }

  .pocg-ra-header {
    padding: 20px 16px 0;
  }

  .pocg-ra-stats {
    margin: 0 -16px;
  }

  .pocg-ra-tier-chip {
    flex: 0 0 calc(50% - 4px);
  }

  .pocg-ra-pagination {
    justify-content: center;
  }

  .pocg-ra-page-info {
    display: none;
  }
}


/* ═══════════════════════════════════════════════════════════════
   HARDWARE LAB — [pocg_hardware_page]
   Reuses all .pocg-gp-* game page classes.
   Only additions needed here are lab-specific overrides.
   ═══════════════════════════════════════════════════════════════ */

/* The Lab breadcrumb override — "The Lab" link teal accent */
.pocg-hw-lab-link { color: var(--pocg-teal); }