:root {
  --pg-bg: #1b1c20;
  --pg-surface: #22242a;
  --pg-surface-2: #17181c;
  --pg-line: rgba(255, 255, 255, 0.12);
  --pg-text: #f4f6fb;
  --pg-muted: #b9c0cc;
  --pg-soft: #858d9c;
  --pg-blue: #2f8cff;
  --pg-blue-2: #5aa7ff;
  --pg-radius: 8px;
  --pg-shadow: 0 22px 70px rgba(0, 0, 0, 0.38);
}

body.home,
body.front-page {
  background: var(--pg-bg);
}

.home .entry-title,
.front-page .entry-title {
  display: none;
}

.pg-home,
.pg-home * {
  box-sizing: border-box;
}

.pg-home {
  width: min(1180px, calc(100vw - 40px));
  margin: 0 auto;
  color: var(--pg-text);
  font-family: inherit;
}

.pg-home img {
  display: block;
  max-width: 100%;
  height: auto;
}

.pg-site-header {
  display: flex;
  gap: 24px;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--pg-line);
  padding: 18px 0;
}

.pg-brand {
  display: inline-flex;
  align-items: center;
  color: #ffffff !important;
}

.pg-brand img {
  width: min(280px, 46vw);
  max-height: 44px;
  object-fit: contain;
  object-position: left center;
}

.pg-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 18px;
  justify-content: flex-end;
}

.pg-nav a {
  color: #ffffff !important;
  font-size: 0.94rem;
  font-weight: 700;
}

.pg-nav a:hover,
.pg-nav a:focus {
  color: var(--pg-blue-2) !important;
}

.pg-home a {
  color: var(--pg-blue-2);
  text-decoration: none;
}

.pg-home a:hover,
.pg-home a:focus {
  color: #ffffff;
}

.pg-hero {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(420px, 1.1fr);
  gap: 48px;
  align-items: center;
  min-height: 620px;
  padding: 72px 0 44px;
}

.pg-hero__logo {
  width: min(520px, 100%);
  margin: 0 0 24px;
}

.pg-eyebrow {
  margin: 0 0 12px;
  color: var(--pg-blue-2);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.pg-hero h1,
.pg-section h2,
.pg-featured h2,
.pg-about-cta h2 {
  margin: 0;
  color: #ffffff;
  line-height: 1.05;
}

.pg-hero h1 {
  max-width: 620px;
  font-size: clamp(2.6rem, 6vw, 5.1rem);
}

.pg-hero__lead {
  max-width: 580px;
  margin: 22px 0 0;
  color: var(--pg-muted);
  font-size: clamp(1.05rem, 2vw, 1.28rem);
  line-height: 1.6;
}

.pg-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  align-items: center;
  margin-top: 30px;
}

.pg-actions--center {
  justify-content: center;
}

.pg-button {
  display: inline-flex;
  min-height: 46px;
  align-items: center;
  justify-content: center;
  border-radius: 7px;
  padding: 12px 20px;
  font-weight: 700;
  line-height: 1.2;
  transition: border-color 160ms ease, background 160ms ease, transform 160ms ease;
}

.pg-button:hover,
.pg-button:focus {
  transform: translateY(-1px);
}

.pg-button--primary {
  border: 1px solid rgba(90, 167, 255, 0.9);
  background: linear-gradient(135deg, #176fdf, #3f9dff);
  color: #ffffff !important;
  box-shadow: 0 10px 28px rgba(47, 140, 255, 0.25);
}

.pg-button--secondary {
  border: 1px solid rgba(90, 167, 255, 0.7);
  background: rgba(47, 140, 255, 0.08);
  color: #ffffff !important;
}

.pg-button--text {
  color: var(--pg-blue-2) !important;
}

.pg-hero__visual {
  min-width: 0;
}

.pg-product-shot,
.pg-featured__media,
.pg-about-visual {
  margin: 0;
}

.pg-product-shot {
  position: relative;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: var(--pg-radius);
  background: linear-gradient(145deg, #222329, #121317);
  box-shadow: var(--pg-shadow);
  overflow: hidden;
}

.pg-product-shot::before {
  position: absolute;
  inset: -30% -10% auto auto;
  width: 260px;
  height: 260px;
  border-radius: 50%;
  background: rgba(47, 140, 255, 0.16);
  filter: blur(28px);
  content: "";
}

.pg-product-shot img {
  position: relative;
  width: 100%;
  border-radius: var(--pg-radius);
}

.pg-plugin-window {
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: var(--pg-radius);
  background:
    radial-gradient(circle at 72% 22%, rgba(47, 140, 255, 0.2), transparent 32%),
    linear-gradient(145deg, #222329, #121317);
  box-shadow: var(--pg-shadow);
  overflow: hidden;
}

.pg-plugin-window__bar {
  display: flex;
  align-items: center;
  gap: 12px;
  border-bottom: 1px solid var(--pg-line);
  padding: 14px 18px;
  color: #ffffff;
  font-size: 1.1rem;
  font-weight: 800;
  letter-spacing: 0.16em;
}

.pg-wave-mark {
  color: var(--pg-blue-2);
  font-size: 1.7rem;
  letter-spacing: 0;
}

.pg-plugin-grid {
  display: grid;
  grid-template-columns: 1fr 2.7fr 1fr 1fr 0.56fr;
  gap: 8px;
  padding: 10px;
  min-height: 250px;
}

.pg-plugin-grid > div {
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 6px;
  background: rgba(0, 0, 0, 0.18);
}

.pg-filter-panel,
.pg-knob-panel,
.pg-meter-panel {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  color: var(--pg-muted);
  font-size: 0.7rem;
}

.pg-filter-panel strong {
  border: 1px solid var(--pg-line);
  border-radius: 5px;
  padding: 8px 10px;
  color: #ffffff;
  font-size: 0.8rem;
}

.pg-graph-panel {
  position: relative;
  min-height: 210px;
  background-image:
    linear-gradient(rgba(255,255,255,0.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.05) 1px, transparent 1px);
  background-size: 24px 24px;
}

.pg-curve {
  position: absolute;
  inset: 38% 8% 28% 8%;
  border-right: 3px solid var(--pg-blue-2);
  border-bottom: 3px solid var(--pg-blue-2);
  border-radius: 0 0 100% 0;
  filter: drop-shadow(0 0 10px rgba(90, 167, 255, 0.55));
}

.pg-knob-panel b {
  width: 64px;
  height: 64px;
  border: 2px solid rgba(90, 167, 255, 0.75);
  border-radius: 50%;
  background: radial-gradient(circle, #30323a 0 34%, #16171b 36% 100%);
  box-shadow: inset -8px -10px 18px rgba(0, 0, 0, 0.35);
}

.pg-meter-panel span {
  width: 10px;
  height: 128px;
  border-radius: 99px;
  background: linear-gradient(to top, var(--pg-blue), rgba(47, 140, 255, 0.1));
}

.pg-featured,
.pg-about-cta {
  display: grid;
  grid-template-columns: minmax(0, 0.8fr) minmax(300px, 0.85fr) minmax(300px, 1fr);
  gap: 34px;
  align-items: center;
  border: 1px solid var(--pg-line);
  border-radius: var(--pg-radius);
  background: linear-gradient(135deg, rgba(47, 140, 255, 0.12), rgba(255, 255, 255, 0.045));
  box-shadow: 0 18px 54px rgba(0, 0, 0, 0.22);
  padding: 34px;
}

.pg-featured__media,
.pg-about-visual {
  border: 1px solid var(--pg-line);
  border-radius: var(--pg-radius);
  background: rgba(0, 0, 0, 0.18);
  overflow: hidden;
}

.pg-featured__media img,
.pg-about-visual img {
  width: 100%;
}

.pg-about-visual {
  align-self: stretch;
}

.pg-about-visual img {
  height: 100%;
  object-fit: cover;
}

.pg-featured h2,
.pg-section h2,
.pg-about-cta h2 {
  font-size: clamp(2rem, 3.4vw, 3.2rem);
}

.pg-featured p,
.pg-section__head p,
.pg-about-cta p,
.pg-card p {
  color: var(--pg-muted);
  line-height: 1.65;
}

.pg-feature-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.pg-feature-list li {
  border: 1px solid var(--pg-line);
  border-radius: 7px;
  background: rgba(0, 0, 0, 0.16);
  padding: 13px 14px;
  color: #ffffff;
}

.pg-section {
  padding: 82px 0 0;
}

.pg-section__head {
  max-width: 680px;
  margin-bottom: 24px;
}

.pg-card-grid {
  display: grid;
  gap: 16px;
}

.pg-card-grid--products {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.pg-card-grid--products .pg-product-card--quiet {
  grid-column: span 4;
}

.pg-card-grid--tech {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.pg-card {
  min-width: 0;
  border: 1px solid var(--pg-line);
  border-radius: var(--pg-radius);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.025));
  padding: 22px;
}

.pg-card h3 {
  margin: 12px 0 8px;
  color: #ffffff;
  font-size: 1.18rem;
}

.pg-card__meta {
  color: var(--pg-blue-2) !important;
  font-size: 0.92rem;
}

.pg-status {
  display: inline-flex;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 999px;
  padding: 5px 10px;
  color: var(--pg-muted);
  font-size: 0.74rem;
  font-weight: 800;
  text-transform: uppercase;
}

.pg-status--available {
  border-color: rgba(90, 167, 255, 0.55);
  color: #ffffff;
  background: rgba(47, 140, 255, 0.16);
}

.pg-news-shell,
.pg-daily-shell {
  padding-bottom: 82px;
}

.pg-daily-card {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(320px, 0.92fr);
  gap: 28px;
  align-items: center;
  border: 1px solid rgba(90, 167, 255, 0.26);
  border-radius: var(--pg-radius);
  background:
    radial-gradient(circle at 18% 12%, rgba(47, 140, 255, 0.18), transparent 32%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.025));
  box-shadow: 0 18px 54px rgba(0, 0, 0, 0.24);
  padding: 22px;
}

.pg-daily-card__media {
  display: block;
  border: 1px solid var(--pg-line);
  border-radius: var(--pg-radius);
  overflow: hidden;
}

.pg-daily-card__media img {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

.pg-daily-card__body h3 {
  margin: 16px 0 10px;
  color: #ffffff;
  font-size: clamp(1.7rem, 3vw, 2.6rem);
  line-height: 1.12;
}

.pg-daily-card__body p {
  color: var(--pg-muted);
  line-height: 1.7;
}

.pg-about-cta {
  margin-bottom: 72px;
}

.pg-footer {
  display: grid;
  grid-template-columns: 1.6fr repeat(3, minmax(0, 1fr));
  gap: 30px;
  border-top: 1px solid var(--pg-line);
  padding: 36px 0 22px;
}

.pg-footer h2 {
  margin: 0 0 12px;
  color: var(--pg-blue-2);
  font-size: 0.78rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.pg-footer p {
  color: var(--pg-muted);
  line-height: 1.6;
}

.pg-footer a {
  display: block;
  margin: 7px 0;
  color: var(--pg-muted);
}

.pg-footer__bottom {
  grid-column: 1 / -1;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  padding-top: 16px;
  color: var(--pg-soft);
  font-size: 0.9rem;
  text-align: center;
}

@media (max-width: 1100px) {
  .pg-hero {
    grid-template-columns: 1fr;
    min-height: auto;
  }

  .pg-card-grid--products {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .pg-card-grid--products .pg-product-card--quiet {
    grid-column: span 2;
  }

  .pg-card-grid--tech {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .pg-featured,
  .pg-about-cta {
    grid-template-columns: 1fr;
  }

  .pg-footer {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .pg-home {
    width: min(100% - 24px, 1180px);
  }

  .pg-hero {
    gap: 28px;
    padding: 46px 0 28px;
  }

  .pg-site-header {
    align-items: flex-start;
    flex-direction: column;
  }

  .pg-brand img {
    width: min(250px, 82vw);
  }

  .pg-nav {
    justify-content: flex-start;
  }

  .pg-actions,
  .pg-about-cta .pg-actions {
    align-items: stretch;
  }

  .pg-button {
    width: 100%;
  }

  .pg-plugin-grid {
    grid-template-columns: 1fr 1fr;
  }

  .pg-graph-panel {
    grid-column: span 2;
    min-height: 150px;
  }

  .pg-meter-panel {
    display: none;
  }

  .pg-featured,
  .pg-about-cta,
  .pg-feature-list,
  .pg-card-grid--products,
  .pg-card-grid--tech,
  .pg-daily-card {
    grid-template-columns: 1fr;
  }

  .pg-featured,
  .pg-about-cta {
    padding: 24px;
  }

  .pg-card-grid--products .pg-product-card--quiet {
    grid-column: auto;
  }

  .pg-footer {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 430px) {
  .pg-hero h1 {
    font-size: 2.35rem;
  }

  .pg-plugin-window__bar {
    font-size: 0.88rem;
  }

  .pg-card {
    padding: 18px;
  }
}

.pg-home .toc,
.pg-home .toc-list,
.pg-home #toc_container {
  display: none !important;
}

/* Force the brand landing page to stay dark across Cocoon skins, mobile browsers, and color-scheme modes. */
html:has(.pg-home),
body:has(.pg-home) {
  background: #1b1c20 !important;
  color-scheme: dark;
}

body.home,
body.front-page,
body:has(.pg-home),
body.home #container,
body.home .container,
body.home #content,
body.home .content,
body.home #main,
body.home main,
body.home article,
body.home .article,
body.home .entry-content,
body.home .main,
body.front-page #container,
body.front-page .container,
body.front-page #content,
body.front-page .content,
body.front-page #main,
body.front-page main,
body.front-page article,
body.front-page .article,
body.front-page .entry-content,
body.front-page .main {
  background: #1b1c20 !important;
  background-color: #1b1c20 !important;
}

body.home .wrap,
body.home .body,
body.home .site,
body.home .site-content,
body.home .content-in,
body.home .main-in,
body.front-page .wrap,
body.front-page .body,
body.front-page .site,
body.front-page .site-content,
body.front-page .content-in,
body.front-page .main-in {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

body.home #header-container,
body.front-page #header-container,
body.home .header-container,
body.front-page .header-container,
body.home .date-tags,
body.front-page .date-tags,
body.home .post-date,
body.front-page .post-date,
body.home .post-update,
body.front-page .post-update,
body.home .footer,
body.front-page .footer,
body.home #footer,
body.front-page #footer,
body.home .footer-container,
body.front-page .footer-container,
body.home .breadcrumb,
body.front-page .breadcrumb,
body.home .under-entry-content,
body.front-page .under-entry-content,
body.home .sns-share,
body.front-page .sns-share,
body.home .sns-follow,
body.front-page .sns-follow,
body.home .pager-post-navi,
body.front-page .pager-post-navi,
body.home .related-entries,
body.front-page .related-entries,
body.home .comment-area,
body.front-page .comment-area {
  display: none !important;
}

body.home .article h1,
body.home .article h2,
body.home .article h3,
body.home .article h4,
body.home .article h5,
body.home .article h6,
body.front-page .article h1,
body.front-page .article h2,
body.front-page .article h3,
body.front-page .article h4,
body.front-page .article h5,
body.front-page .article h6,
body.home .pg-home h1,
body.home .pg-home h2,
body.home .pg-home h3,
body.home .pg-home h4,
body.home .pg-home h5,
body.home .pg-home h6,
body.home .pg-home h1 span,
body.home .pg-home h2 span,
body.home .pg-home h3 span,
body.home .pg-home h4 span,
body.home .pg-home h5 span,
body.home .pg-home h6 span,
body.front-page .pg-home h1,
body.front-page .pg-home h2,
body.front-page .pg-home h3,
body.front-page .pg-home h4,
body.front-page .pg-home h5,
body.front-page .pg-home h6,
body.front-page .pg-home h1 span,
body.front-page .pg-home h2 span,
body.front-page .pg-home h3 span,
body.front-page .pg-home h4 span,
body.front-page .pg-home h5 span,
body.front-page .pg-home h6 span {
  border: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  color: #ffffff !important;
  box-shadow: none !important;
  text-shadow: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Daily Gear article: keep the linked content in the same dark brand style. */
body.postid-16,
body.postid-16 #container,
body.postid-16 .container,
body.postid-16 #content,
body.postid-16 .content,
body.postid-16 #main,
body.postid-16 main,
body.postid-16 article,
body.postid-16 .article,
body.postid-16 .entry-content,
body.postid-16 .main {
  background: #1b1c20 !important;
  background-color: #1b1c20 !important;
  color: #f4f6fb !important;
  color-scheme: dark;
}

body.postid-16 .wrap,
body.postid-16 .body,
body.postid-16 .site,
body.postid-16 .site-content,
body.postid-16 .content-in,
body.postid-16 .main-in {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

body.postid-16 #header-container,
body.postid-16 .header-container,
body.postid-16 .footer,
body.postid-16 #footer,
body.postid-16 .footer-container,
body.postid-16 .date-tags,
body.postid-16 .breadcrumb,
body.postid-16 .sns-share,
body.postid-16 .sns-follow,
body.postid-16 .pager-post-navi,
body.postid-16 .related-entries,
body.postid-16 .comment-area {
  display: none !important;
}

body.postid-16 .article {
  width: min(1180px, calc(100vw - 40px));
  margin: 0 auto;
  padding: 56px 0 72px;
}

body.postid-16 .entry-title,
body.postid-16 .article h1,
body.postid-16 .article h2,
body.postid-16 .article h3 {
  border: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  color: #ffffff !important;
}

body.postid-16 .entry-title,
body.postid-16 .article h1 {
  font-size: clamp(2.4rem, 6vw, 4.8rem);
  line-height: 1.05;
}

body.postid-16 .entry-content {
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 8px;
  background:
    radial-gradient(circle at 18% 10%, rgba(47, 140, 255, 0.16), transparent 30%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.025)) !important;
  padding: min(5vw, 44px);
}

body.postid-16 .entry-content p,
body.postid-16 .entry-content li {
  color: #b9c0cc !important;
}

body.postid-16 .entry-content a {
  color: #5aa7ff;
}

body.postid-16 .entry-content img {
  border-radius: 8px;
}

/* Support and Contact pages. */
body.page-slug-support,
body.page-slug-contact,
body.page-slug-support #container,
body.page-slug-contact #container,
body.page-slug-support .container,
body.page-slug-contact .container,
body.page-slug-support #content,
body.page-slug-contact #content,
body.page-slug-support .content,
body.page-slug-contact .content,
body.page-slug-support #main,
body.page-slug-contact #main,
body.page-slug-support main,
body.page-slug-contact main,
body.page-slug-support article,
body.page-slug-contact article,
body.page-slug-support .article,
body.page-slug-contact .article,
body.page-slug-support .entry-content,
body.page-slug-contact .entry-content,
body.page-slug-support .main,
body.page-slug-contact .main {
  background: #1b1c20 !important;
  background-color: #1b1c20 !important;
  color: #f4f6fb !important;
  color-scheme: dark;
}

body.page-slug-support .wrap,
body.page-slug-contact .wrap,
body.page-slug-support .body,
body.page-slug-contact .body,
body.page-slug-support .site,
body.page-slug-contact .site,
body.page-slug-support .site-content,
body.page-slug-contact .site-content,
body.page-slug-support .content-in,
body.page-slug-contact .content-in,
body.page-slug-support .main-in,
body.page-slug-contact .main-in {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

body.page-slug-support #header-container,
body.page-slug-contact #header-container,
body.page-slug-support .header-container,
body.page-slug-contact .header-container,
body.page-slug-support .footer,
body.page-slug-contact .footer,
body.page-slug-support #footer,
body.page-slug-contact #footer,
body.page-slug-support .footer-container,
body.page-slug-contact .footer-container,
body.page-slug-support .date-tags,
body.page-slug-contact .date-tags,
body.page-slug-support .breadcrumb,
body.page-slug-contact .breadcrumb,
body.page-slug-support .sns-share,
body.page-slug-contact .sns-share,
body.page-slug-support .sns-follow,
body.page-slug-contact .sns-follow,
body.page-slug-support .pager-post-navi,
body.page-slug-contact .pager-post-navi,
body.page-slug-support .related-entries,
body.page-slug-contact .related-entries,
body.page-slug-support .comment-area,
body.page-slug-contact .comment-area {
  display: none !important;
}

.pg-subpage {
  width: min(1080px, calc(100vw - 40px));
  margin: 0 auto;
  padding: 64px 0 86px;
  color: #f4f6fb;
}

.pg-subpage h1,
.pg-subpage h2,
.pg-subpage h3 {
  border: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  color: #ffffff !important;
  line-height: 1.1;
  padding: 0 !important;
}

.pg-subpage h1 {
  max-width: 860px;
  margin: 0;
  font-size: clamp(2.3rem, 5vw, 4.4rem);
}

.pg-subpage h2 {
  margin: 0 0 14px;
  font-size: clamp(1.35rem, 2.4vw, 2rem);
}

.pg-subpage p,
.pg-subpage li {
  color: #d9e2ef !important;
  line-height: 1.75;
}

.pg-subpage a {
  color: #5aa7ff;
}

.pg-subpage-hero,
.pg-subpage-panel,
.pg-subpage-grid .pg-card {
  border: 1px solid rgba(90, 167, 255, 0.24);
  border-radius: 8px;
  background:
    radial-gradient(circle at 14% 10%, rgba(47, 140, 255, 0.12), transparent 34%),
    linear-gradient(135deg, rgba(42, 50, 64, 0.97), rgba(29, 36, 47, 0.97)) !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.24);
}

.pg-subpage-hero {
  padding: min(7vw, 58px);
}

.pg-subpage-hero p {
  max-width: 760px;
  font-size: 1.1rem;
}

.pg-subpage-panel {
  margin-top: 22px;
  padding: min(5vw, 38px);
}

.pg-subpage-panel ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 22px;
  margin: 18px 0 0;
  padding-left: 1.2em;
}

.pg-subpage-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  margin-top: 22px;
}

.pg-contact-page .pg-subpage-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.pg-subpage-grid .pg-card {
  padding: 26px;
}

@media (max-width: 760px) {
  .pg-subpage {
    width: min(100% - 24px, 1080px);
    padding: 36px 0 60px;
  }

  .pg-subpage-panel ul,
  .pg-subpage-grid,
  .pg-contact-page .pg-subpage-grid {
    grid-template-columns: 1fr;
  }
}

/* Ensure Support and Contact use the same clean landing-page shell. */
html:has(.pg-subpage),
body:has(.pg-subpage),
body:has(.pg-subpage) #container,
body:has(.pg-subpage) .container,
body:has(.pg-subpage) #content,
body:has(.pg-subpage) .content,
body:has(.pg-subpage) #main,
body:has(.pg-subpage) main,
body:has(.pg-subpage) article,
body:has(.pg-subpage) .article,
body:has(.pg-subpage) .entry-content,
body:has(.pg-subpage) .main {
  background: #1b1c20 !important;
  background-color: #1b1c20 !important;
  color: #f4f6fb !important;
  color-scheme: dark;
}

body:has(.pg-subpage) .wrap,
body:has(.pg-subpage) .body,
body:has(.pg-subpage) .site,
body:has(.pg-subpage) .site-content,
body:has(.pg-subpage) .content-in,
body:has(.pg-subpage) .main-in {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

body:has(.pg-subpage) #header-container,
body:has(.pg-subpage) .header-container,
body:has(.pg-subpage) .footer,
body:has(.pg-subpage) #footer,
body:has(.pg-subpage) .footer-container,
body:has(.pg-subpage) .date-tags,
body:has(.pg-subpage) .breadcrumb,
body:has(.pg-subpage) .sns-share,
body:has(.pg-subpage) .sns-follow,
body:has(.pg-subpage) .pager-post-navi,
body:has(.pg-subpage) .related-entries,
body:has(.pg-subpage) .comment-area,
.pg-subpage .toc,
.pg-subpage .toc-list,
.pg-subpage #toc_container {
  display: none !important;
}

/* Redesign Daily Gear article to match the fixed-page brand style. */
body.postid-16 .article {
  width: min(1080px, calc(100vw - 40px)) !important;
  padding: 46px 0 86px !important;
}

body.postid-16 .entry-title,
body.postid-16 .article h1 {
  display: block;
  max-width: none !important;
  margin: 0 0 22px !important;
  border: 1px solid rgba(90, 167, 255, 0.28) !important;
  border-radius: 8px !important;
  background:
    radial-gradient(circle at 16% 12%, rgba(47, 140, 255, 0.18), transparent 36%),
    linear-gradient(135deg, rgba(50, 60, 76, 0.98), rgba(35, 43, 56, 0.98)) !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.24) !important;
  color: #ffffff !important;
  font-size: clamp(2.05rem, 4.4vw, 3.45rem) !important;
  line-height: 1.08 !important;
  padding: clamp(22px, 4vw, 42px) !important;
}

body.postid-16 .eye-catch-wrap,
body.postid-16 .eye-catch {
  margin: 0 0 22px !important;
  border: 1px solid rgba(90, 167, 255, 0.24) !important;
  border-radius: 8px !important;
  background:
    linear-gradient(135deg, rgba(42, 50, 64, 0.97), rgba(29, 36, 47, 0.97)) !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.24) !important;
  overflow: hidden !important;
}

body.postid-16 .eye-catch img,
body.postid-16 .wp-post-image {
  display: block;
  width: 100% !important;
  max-height: 520px;
  object-fit: cover;
}

body.postid-16 .entry-content {
  border: 1px solid rgba(90, 167, 255, 0.22) !important;
  border-radius: 8px !important;
  background:
    radial-gradient(circle at 14% 10%, rgba(47, 140, 255, 0.10), transparent 34%),
    linear-gradient(135deg, rgba(42, 50, 64, 0.97), rgba(29, 36, 47, 0.97)) !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.24) !important;
  padding: clamp(24px, 5vw, 46px) !important;
}

body.postid-16 .entry-content h2,
body.postid-16 .entry-content h3,
body.postid-16 .entry-content h4 {
  margin-top: 1.5em !important;
  margin-bottom: 0.75em !important;
  color: #ffffff !important;
}

body.postid-16 .entry-content p,
body.postid-16 .entry-content li,
body.postid-16 .article p,
body.postid-16 .article li {
  color: #dbe5f2 !important;
}

body.postid-16 a.blogcard-wrap,
body.postid-16 a.external-blogcard-wrap,
body.postid-16 a.internal-blogcard-wrap,
body.postid-16 a.a-wrap,
body.postid-16 .external-blogcard-wrap,
body.postid-16 .internal-blogcard-wrap,
body.postid-16 .blogcard,
body.postid-16 .external-blogcard,
body.postid-16 .internal-blogcard {
  border-radius: 8px !important;
  background:
    linear-gradient(135deg, rgba(31, 39, 51, 0.98), rgba(20, 25, 34, 0.98)) !important;
  border-color: rgba(90, 167, 255, 0.22) !important;
}

body.postid-16 a.blogcard-wrap:hover,
body.postid-16 a.external-blogcard-wrap:hover,
body.postid-16 a.internal-blogcard-wrap:hover {
  background:
    linear-gradient(135deg, rgba(39, 50, 66, 0.98), rgba(25, 31, 42, 0.98)) !important;
  border-color: rgba(90, 167, 255, 0.42) !important;
}

@media (max-width: 760px) {
  body.postid-16 .article {
    width: min(100% - 24px, 1080px) !important;
    padding-top: 30px !important;
  }

  body.postid-16 .entry-title,
  body.postid-16 .article h1 {
    font-size: clamp(1.8rem, 8vw, 2.5rem) !important;
    padding: 22px !important;
  }
}

/* Daily Gear page: replace title text with logo and clarify section headings. */
body.postid-16 .entry-title,
body.postid-16 .article > h1:first-child {
  min-height: clamp(92px, 15vw, 150px);
  color: transparent !important;
  font-size: 0 !important;
  background:
    url('/wp-content/plugins/pushandgroove-homepage/assets/img/daily-gear-logo.png') left center / min(560px, 86vw) auto no-repeat,
    radial-gradient(circle at 16% 12%, rgba(47, 140, 255, 0.18), transparent 36%),
    linear-gradient(135deg, rgba(50, 60, 76, 0.98), rgba(35, 43, 56, 0.98)) !important;
}

body.postid-16 .entry-content h2,
body.postid-16 .entry-content h3,
body.postid-16 .entry-content h4 {
  position: relative;
  margin: 2.1em 0 1em !important;
  border-top: 1px solid rgba(90, 167, 255, 0.34) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
  padding: 16px 0 14px !important;
  background: transparent !important;
  color: #ffffff !important;
  letter-spacing: 0.01em;
}

body.postid-16 .entry-content h2::before,
body.postid-16 .entry-content h3::before,
body.postid-16 .entry-content h4::before {
  position: absolute;
  top: -1px;
  left: 0;
  width: 96px;
  height: 1px;
  background: #5aa7ff;
  content: ;
}

body.postid-16 .entry-content h2 span,
body.postid-16 .entry-content h3 span,
body.postid-16 .entry-content h4 span {
 background: transparent !important;
 color: #ffffff !important;
}

@media (max-width: 760px) {
 body.postid-16 .entry-title,
 body.postid-16 .article > h1:first-child {
 min-height: 92px;
 background-size: min(420px, 84vw) auto, auto, auto !important;
 background-position: left 20px center, center, center !important;
 }
}

/* Daily Gear mobile width improvement: keep desktop unchanged. */
@media (max-width: 760px) {
  body.postid-16 .article {
    width: min(100% - 12px, 1080px) !important;
    padding-top: 22px !important;
    padding-bottom: 52px !important;
  }

  body.postid-16 .entry-title,
  body.postid-16 .article > h1:first-child {
    margin-bottom: 14px !important;
    min-height: 82px !important;
    padding: 14px !important;
    background-size: min(390px, 86vw) auto, auto, auto !important;
    background-position: left 14px center, center, center !important;
  }

  body.postid-16 .eye-catch-wrap,
  body.postid-16 .eye-catch {
    margin-bottom: 14px !important;
  }

  body.postid-16 .entry-content {
    padding: 18px 14px !important;
  }

  body.postid-16 .entry-content h2,
  body.postid-16 .entry-content h3,
  body.postid-16 .entry-content h4 {
    margin-top: 1.65em !important;
    padding-top: 13px !important;
    padding-bottom: 12px !important;
  }

  body.postid-16 a.blogcard-wrap,
  body.postid-16 a.external-blogcard-wrap,
  body.postid-16 a.internal-blogcard-wrap,
  body.postid-16 a.a-wrap {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body.postid-16 .blogcard,
  body.postid-16 .external-blogcard,
  body.postid-16 .internal-blogcard {
    padding: 10px !important;
  }

  body.postid-16 .blogcard-content,
  body.postid-16 .external-blogcard-content,
  body.postid-16 .internal-blogcard-content {
    padding-right: 0 !important;
  }
}

/* Hide the top Daily Gear page title/logo panel. */
body.postid-16 .entry-title,
body.postid-16 .article > h1:first-child {
  display: none !important;
}

/* FILTRONIX featured summary: concise explanation instead of feature tiles. */
body.home .pg-feature-summary,
body.front-page .pg-feature-summary {
  align-self: stretch;
  border: 1px solid rgba(90, 167, 255, 0.24);
  border-radius: 8px;
  background:
    radial-gradient(circle at 14% 10%, rgba(47, 140, 255, 0.12), transparent 34%),
    linear-gradient(135deg, rgba(42, 50, 64, 0.97), rgba(29, 36, 47, 0.97)) !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.24);
  padding: clamp(20px, 3vw, 30px);
}

body.home .pg-feature-summary h3,
body.front-page .pg-feature-summary h3 {
  margin: 0 0 12px;
  color: #ffffff !important;
  font-size: clamp(1.35rem, 2.2vw, 1.9rem);
  line-height: 1.15;
}

body.home .pg-feature-summary p,
body.front-page .pg-feature-summary p {
  margin: 0 0 18px;
  color: #d9e2ef !important;
  line-height: 1.65;
}

body.home .pg-feature-summary ul,
body.front-page .pg-feature-summary ul {
  display: grid;
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}

body.home .pg-feature-summary li,
body.front-page .pg-feature-summary li {
  position: relative;
  margin: 0;
  border-left: 2px solid rgba(90, 167, 255, 0.82);
  border-radius: 6px;
  background: rgba(12, 16, 22, 0.28);
  color: #d9e2ef !important;
  line-height: 1.55;
  padding: 10px 12px 10px 14px;
}

body.home .pg-feature-summary strong,
body.front-page .pg-feature-summary strong {
  color: #ffffff !important;
}

@media (max-width: 760px) {
  body.home .pg-feature-summary,
  body.front-page .pg-feature-summary {
    padding: 20px;
  }
}

/* Match homepage product and daily panels to the existing lifted charcoal card surface. */
body.home .pg-card-grid--products .pg-card,
body.front-page .pg-card-grid--products .pg-card,
body.home .pg-card-grid--products .pg-product-card,
body.front-page .pg-card-grid--products .pg-product-card,
body.home .pg-card-grid--products .pg-product-card--quiet,
body.front-page .pg-card-grid--products .pg-product-card--quiet,
body.home .pg-daily-card,
body.front-page .pg-daily-card {
  background:
    radial-gradient(circle at 14% 10%, rgba(47, 140, 255, 0.12), transparent 34%),
    linear-gradient(135deg, rgba(42, 50, 64, 0.97), rgba(29, 36, 47, 0.97)) !important;
  border-color: rgba(90, 167, 255, 0.24) !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.24) !important;
}

body.home .pg-card-grid--products .pg-card:hover,
body.front-page .pg-card-grid--products .pg-card:hover,
body.home .pg-daily-card:hover,
body.front-page .pg-daily-card:hover {
  border-color: rgba(90, 167, 255, 0.38) !important;
  background:
    radial-gradient(circle at 14% 10%, rgba(47, 140, 255, 0.15), transparent 34%),
    linear-gradient(135deg, rgba(47, 56, 72, 0.98), rgba(32, 40, 52, 0.98)) !important;
}

/* Remove only the outer frame from the FILTRONIX summary block. */
body.home .pg-feature-summary,
body.front-page .pg-feature-summary {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* Display FILTRONIX summary items as a simple bullet list, not cards. */
body.home .pg-feature-summary ul,
body.front-page .pg-feature-summary ul {
  display: block !important;
  margin: 16px 0 0 !important;
  padding-left: 1.2em !important;
  list-style: disc !important;
}

body.home .pg-feature-summary li,
body.front-page .pg-feature-summary li {
  display: list-item !important;
  margin: 0 0 10px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #d9e2ef !important;
  line-height: 1.55 !important;
  padding: 0 !important;
}

body.home .pg-feature-summary li::marker,
body.front-page .pg-feature-summary li::marker {
  color: #5aa7ff;
}

/* Hide front-end edit links shown to logged-in users. */
body.home .edit-link,
body.front-page .edit-link,
body.postid-16 .edit-link,
body:has(.pg-subpage) .edit-link,
body.home .post-edit-link,
body.front-page .post-edit-link,
body.postid-16 .post-edit-link,
body:has(.pg-subpage) .post-edit-link {
  display: none !important;
}

/* English Daily Gear page: match Japanese Daily Gear design. */
body.postid-790,
body.postid-790 #container,
body.postid-790 .container,
body.postid-790 #content,
body.postid-790 .content,
body.postid-790 #main,
body.postid-790 main,
body.postid-790 article,
body.postid-790 .article,
body.postid-790 .entry-content,
body.postid-790 .main {
  background: #1b1c20 !important;
  background-color: #1b1c20 !important;
  color: #f4f6fb !important;
  color-scheme: dark;
}

body.postid-790 .wrap,
body.postid-790 .body,
body.postid-790 .site,
body.postid-790 .site-content,
body.postid-790 .content-in,
body.postid-790 .main-in {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

body.postid-790 #header-container,
body.postid-790 .header-container,
body.postid-790 .footer,
body.postid-790 #footer,
body.postid-790 .footer-container,
body.postid-790 .date-tags,
body.postid-790 .breadcrumb,
body.postid-790 .sns-share,
body.postid-790 .sns-follow,
body.postid-790 .pager-post-navi,
body.postid-790 .related-entries,
body.postid-790 .comment-area,
body.postid-790 .edit-link,
body.postid-790 .post-edit-link {
  display: none !important;
}

body.postid-790 .article {
  width: min(1080px, calc(100vw - 40px)) !important;
  margin: 0 auto;
  padding: 46px 0 86px !important;
}

body.postid-790 .entry-title,
body.postid-790 .article > h1:first-child {
  display: none !important;
}

body.postid-790 .eye-catch-wrap,
body.postid-790 .eye-catch {
  margin: 0 0 22px !important;
  border: 1px solid rgba(90, 167, 255, 0.24) !important;
  border-radius: 8px !important;
  background: linear-gradient(135deg, rgba(42, 50, 64, 0.97), rgba(29, 36, 47, 0.97)) !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.24) !important;
  overflow: hidden !important;
}

body.postid-790 .eye-catch img,
body.postid-790 .wp-post-image {
  display: block;
  width: 100% !important;
  max-height: 520px;
  object-fit: cover;
  border-radius: 8px;
}

body.postid-790 .entry-content {
  border: 1px solid rgba(90, 167, 255, 0.22) !important;
  border-radius: 8px !important;
  background:
    radial-gradient(circle at 14% 10%, rgba(47, 140, 255, 0.07), transparent 34%),
    linear-gradient(135deg, rgba(18, 23, 31, 0.96), rgba(12, 14, 19, 0.98)) !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.24) !important;
  padding: clamp(24px, 5vw, 46px) !important;
}

body.postid-790 .entry-content h2,
body.postid-790 .entry-content h3,
body.postid-790 .entry-content h4 {
  position: relative;
  margin: 2.1em 0 1em !important;
  border-top: 1px solid rgba(90, 167, 255, 0.34) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
  padding: 16px 0 14px !important;
  background: transparent !important;
  color: #ffffff !important;
  letter-spacing: 0.01em;
  box-shadow: none !important;
}

body.postid-790 .entry-content h2::before,
body.postid-790 .entry-content h3::before,
body.postid-790 .entry-content h4::before {
  position: absolute;
  top: -1px;
  left: 0;
  width: 96px;
  height: 1px;
  background: #5aa7ff;
  content: ;
}

body.postid-790 .entry-content p,
body.postid-790 .entry-content li,
body.postid-790 .article p,
body.postid-790 .article li {
 color: #dbe5f2 !important;
 line-height: 1.75;
}

body.postid-790 .entry-content strong,
body.postid-790 .entry-content b {
 color: #ffffff !important;
}

body.postid-790 .entry-content a {
 color: #5aa7ff;
}

body.postid-790 a.blogcard-wrap,
body.postid-790 a.external-blogcard-wrap,
body.postid-790 a.internal-blogcard-wrap,
body.postid-790 a.a-wrap,
body.postid-790 .external-blogcard-wrap,
body.postid-790 .internal-blogcard-wrap,
body.postid-790 .blogcard,
body.postid-790 .external-blogcard,
body.postid-790 .internal-blogcard,
body.postid-790 .blogcard-thumbnail,
body.postid-790 .external-blogcard-thumbnail,
body.postid-790 .internal-blogcard-thumbnail,
body.postid-790 .blogcard-label,
body.postid-790 .external-blogcard-label,
body.postid-790 .internal-blogcard-label {
 border-radius: 8px !important;
 background: linear-gradient(135deg, rgba(31, 39, 51, 0.98), rgba(20, 25, 34, 0.98)) !important;
 background-color: #11151c !important;
 border-color: rgba(90, 167, 255, 0.22) !important;
 color: #dbe6f5 !important;
 box-shadow: none !important;
}

body.postid-790 .external-blogcard-content,
body.postid-790 .internal-blogcard-content,
body.postid-790 .blogcard-content,
body.postid-790 .external-blogcard-footer,
body.postid-790 .internal-blogcard-footer,
body.postid-790 .blogcard-footer,
body.postid-790 .external-blogcard-site,
body.postid-790 .internal-blogcard-site,
body.postid-790 .blogcard-site,
body.postid-790 .external-blogcard-domain,
body.postid-790 .internal-blogcard-domain,
body.postid-790 .blogcard-domain {
 background: transparent !important;
 background-color: transparent !important;
 color: #d3ddeb !important;
}

body.postid-790 .external-blogcard-title,
body.postid-790 .internal-blogcard-title,
body.postid-790 .blogcard-title {
 color: #f7faff !important;
}

body.postid-790 .external-blogcard-snippet,
body.postid-790 .internal-blogcard-snippet,
body.postid-790 .blogcard-snippet {
 color: #d3ddeb !important;
}

@media (max-width: 760px) {
 body.postid-790 .article {
 width: min(100% - 12px, 1080px) !important;
 padding-top: 22px !important;
 padding-bottom: 52px !important;
 }

 body.postid-790 .eye-catch-wrap,
 body.postid-790 .eye-catch {
 margin-bottom: 14px !important;
 }

 body.postid-790 .entry-content {
 padding: 18px 14px !important;
 }

 body.postid-790 .entry-content h2,
 body.postid-790 .entry-content h3,
 body.postid-790 .entry-content h4 {
 margin-top: 1.65em !important;
 padding-top: 13px !important;
 padding-bottom: 12px !important;
 }

 body.postid-790 a.blogcard-wrap,
 body.postid-790 a.external-blogcard-wrap,
 body.postid-790 a.internal-blogcard-wrap,
 body.postid-790 a.a-wrap {
 width: 100% !important;
 margin-left: 0 !important;
 margin-right: 0 !important;
 }

 body.postid-790 .blogcard,
 body.postid-790 .external-blogcard,
 body.postid-790 .internal-blogcard {
 padding: 10px !important;
 }
}

/* EN Daily Gear: remove heading divider bars. */
body.postid-790 .entry-content h2,
body.postid-790 .entry-content h3,
body.postid-790 .entry-content h4 {
  border-top: 0 !important;
  border-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

body.postid-790 .entry-content h2::before,
body.postid-790 .entry-content h3::before,
body.postid-790 .entry-content h4::before {
  display: none !important;
  content: none !important;
}

/* EN Daily Gear: match JP heading style, keeping horizontal lines and removing side bars. */
body.postid-790 .entry-content h2,
body.postid-790 .entry-content h3,
body.postid-790 .entry-content h4 {
  position: relative !important;
  margin: 2.1em 0 1em !important;
  border-top: 1px solid rgba(90, 167, 255, 0.34) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-left: 0 !important;
  border-right: 0 !important;
  padding: 16px 0 14px !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #ffffff !important;
}

body.postid-790 .entry-content h2::before,
body.postid-790 .entry-content h3::before,
body.postid-790 .entry-content h4::before {
  display: block !important;
  position: absolute !important;
  top: -1px !important;
  left: 0 !important;
  width: 96px !important;
  height: 1px !important;
  background: #5aa7ff !important;
  content:  !important;
}

body.postid-790 .entry-content h2::after,
body.postid-790 .entry-content h3::after,
body.postid-790 .entry-content h4::after {
 display: none !important;
 content: none !important;
}

body.postid-790 .entry-content h2 span,
body.postid-790 .entry-content h3 span,
body.postid-790 .entry-content h4 span {
 border: 0 !important;
 background: transparent !important;
 box-shadow: none !important;
 color: #ffffff !important;
}

@media (max-width: 760px) {
 body.postid-790 .entry-content h2,
 body.postid-790 .entry-content h3,
 body.postid-790 .entry-content h4 {
 margin-top: 1.65em !important;
 padding-top: 13px !important;
 padding-bottom: 12px !important;
 }
}

/* JP Daily Gear: match EN Daily Gear darker content panel colors. */
body.postid-16 .entry-content {
  background:
    radial-gradient(circle at 14% 10%, rgba(47, 140, 255, 0.07), transparent 34%),
    linear-gradient(135deg, rgba(18, 23, 31, 0.96), rgba(12, 14, 19, 0.98)) !important;
  border-color: rgba(90, 167, 255, 0.22) !important;
  color: #f4f6fb !important;
}

body.postid-16 .entry-content p,
body.postid-16 .entry-content li,
body.postid-16 .article p,
body.postid-16 .article li {
  color: #dbe5f2 !important;
}

body.postid-16 .entry-content h2,
body.postid-16 .entry-content h3,
body.postid-16 .entry-content h4 {
  color: #ffffff !important;
}

body.postid-16 a.blogcard-wrap,
body.postid-16 a.external-blogcard-wrap,
body.postid-16 a.internal-blogcard-wrap,
body.postid-16 a.a-wrap,
body.postid-16 .external-blogcard-wrap,
body.postid-16 .internal-blogcard-wrap,
body.postid-16 .blogcard,
body.postid-16 .external-blogcard,
body.postid-16 .internal-blogcard,
body.postid-16 .blogcard-thumbnail,
body.postid-16 .external-blogcard-thumbnail,
body.postid-16 .internal-blogcard-thumbnail,
body.postid-16 .blogcard-label,
body.postid-16 .external-blogcard-label,
body.postid-16 .internal-blogcard-label {
  background: linear-gradient(135deg, rgba(31, 39, 51, 0.98), rgba(20, 25, 34, 0.98)) !important;
  background-color: #11151c !important;
  border-color: rgba(90, 167, 255, 0.22) !important;
}

/* FILTRONIX product pages: match site dark background without changing content structure. */
body.postid-311,
body.postid-349,
body.postid-311 #container,
body.postid-349 #container,
body.postid-311 .container,
body.postid-349 .container,
body.postid-311 #content,
body.postid-349 #content,
body.postid-311 .content,
body.postid-349 .content,
body.postid-311 #main,
body.postid-349 #main,
body.postid-311 main,
body.postid-349 main,
body.postid-311 article,
body.postid-349 article,
body.postid-311 .article,
body.postid-349 .article,
body.postid-311 .entry-content,
body.postid-349 .entry-content,
body.postid-311 .main,
body.postid-349 .main {
  background: #1b1c20 !important;
  background-color: #1b1c20 !important;
  color: #f4f6fb !important;
  color-scheme: dark;
}

body.postid-311 .wrap,
body.postid-349 .wrap,
body.postid-311 .body,
body.postid-349 .body,
body.postid-311 .site,
body.postid-349 .site,
body.postid-311 .site-content,
body.postid-349 .site-content,
body.postid-311 .content-in,
body.postid-349 .content-in,
body.postid-311 .main-in,
body.postid-349 .main-in {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

body.postid-311 .entry-content,
body.postid-349 .entry-content {
  border: 1px solid rgba(90, 167, 255, 0.22) !important;
  border-radius: 8px;
  background:
    radial-gradient(circle at 14% 10%, rgba(47, 140, 255, 0.07), transparent 34%),
    linear-gradient(135deg, rgba(18, 23, 31, 0.96), rgba(12, 14, 19, 0.98)) !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.24);
  padding: clamp(24px, 5vw, 46px);
}

body.postid-311 .entry-content p,
body.postid-349 .entry-content p,
body.postid-311 .entry-content li,
body.postid-349 .entry-content li {
  color: #dbe5f2 !important;
}

body.postid-311 .entry-content h1,
body.postid-349 .entry-content h1,
body.postid-311 .entry-content h2,
body.postid-349 .entry-content h2,
body.postid-311 .entry-content h3,
body.postid-349 .entry-content h3,
body.postid-311 .entry-content h4,
body.postid-349 .entry-content h4 {
  color: #ffffff !important;
}

body.postid-311 .entry-content a,
body.postid-349 .entry-content a {
  color: #5aa7ff;
}

body.postid-311 .entry-content img,
body.postid-349 .entry-content img {
  border-radius: 8px;
}

@media (max-width: 760px) {
  body.postid-311 .article,
  body.postid-349 .article {
    width: min(100% - 12px, 1080px) !important;
  }

  body.postid-311 .entry-content,
  body.postid-349 .entry-content {
    padding: 18px 14px;
  }
}

/* FILTRONIX product pages: fix Cocoon heading backgrounds on dark pages. */
body.postid-311 .article h2,
body.postid-349 .article h2,
body.postid-311 .article h3,
body.postid-349 .article h3,
body.postid-311 .article h4,
body.postid-349 .article h4,
body.postid-311 .entry-content h2,
body.postid-349 .entry-content h2,
body.postid-311 .entry-content h3,
body.postid-349 .entry-content h3,
body.postid-311 .entry-content h4,
body.postid-349 .entry-content h4 {
  position: relative !important;
  margin: 2.1em 0 1em !important;
  border-top: 1px solid rgba(90, 167, 255, 0.34) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-left: 0 !important;
  border-right: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  color: #ffffff !important;
  padding: 16px 0 14px !important;
}

body.postid-311 .article h2::before,
body.postid-349 .article h2::before,
body.postid-311 .article h3::before,
body.postid-349 .article h3::before,
body.postid-311 .article h4::before,
body.postid-349 .article h4::before,
body.postid-311 .entry-content h2::before,
body.postid-349 .entry-content h2::before,
body.postid-311 .entry-content h3::before,
body.postid-349 .entry-content h3::before,
body.postid-311 .entry-content h4::before,
body.postid-349 .entry-content h4::before {
  position: absolute !important;
  top: -1px !important;
  left: 0 !important;
  width: 96px !important;
  height: 1px !important;
  background: #5aa7ff !important;
  content:  !important;
}

body.postid-311 .article h2::after,
body.postid-349 .article h2::after,
body.postid-311 .article h3::after,
body.postid-349 .article h3::after,
body.postid-311 .article h4::after,
body.postid-349 .article h4::after,
body.postid-311 .entry-content h2::after,
body.postid-349 .entry-content h2::after,
body.postid-311 .entry-content h3::after,
body.postid-349 .entry-content h3::after,
body.postid-311 .entry-content h4::after,
body.postid-349 .entry-content h4::after {
 display: none !important;
 content: none !important;
}

body.postid-311 .article h2 span,
body.postid-349 .article h2 span,
body.postid-311 .article h3 span,
body.postid-349 .article h3 span,
body.postid-311 .article h4 span,
body.postid-349 .article h4 span,
body.postid-311 .entry-content h2 span,
body.postid-349 .entry-content h2 span,
body.postid-311 .entry-content h3 span,
body.postid-349 .entry-content h3 span,
body.postid-311 .entry-content h4 span,
body.postid-349 .entry-content h4 span {
 border: 0 !important;
 background: transparent !important;
 background-color: transparent !important;
 box-shadow: none !important;
 color: #ffffff !important;
}

/* FILTRONIX product pages: dark technical specification tables. */
body.postid-311 .entry-content table,
body.postid-349 .entry-content table,
body.postid-311 .entry-content .wp-block-table,
body.postid-349 .entry-content .wp-block-table,
body.postid-311 .entry-content .scrollable-table,
body.postid-349 .entry-content .scrollable-table {
  border-color: rgba(90, 167, 255, 0.24) !important;
  background: #11151c !important;
  background-color: #11151c !important;
  color: #dbe5f2 !important;
}

body.postid-311 .entry-content table th,
body.postid-349 .entry-content table th,
body.postid-311 .entry-content table td,
body.postid-349 .entry-content table td,
body.postid-311 .entry-content .wp-block-table th,
body.postid-349 .entry-content .wp-block-table th,
body.postid-311 .entry-content .wp-block-table td,
body.postid-349 .entry-content .wp-block-table td {
  border-color: rgba(255, 255, 255, 0.14) !important;
  background: #151b24 !important;
  background-color: #151b24 !important;
  color: #dbe5f2 !important;
}

body.postid-311 .entry-content table tr:nth-child(odd) th,
body.postid-349 .entry-content table tr:nth-child(odd) th,
body.postid-311 .entry-content table tr:nth-child(odd) td,
body.postid-349 .entry-content table tr:nth-child(odd) td {
  background: #1d2532 !important;
  background-color: #1d2532 !important;
}

body.postid-311 .entry-content table tr:nth-child(even) th,
body.postid-349 .entry-content table tr:nth-child(even) th,
body.postid-311 .entry-content table tr:nth-child(even) td,
body.postid-349 .entry-content table tr:nth-child(even) td {
  background: #10151d !important;
  background-color: #10151d !important;
}

body.postid-311 .entry-content table strong,
body.postid-349 .entry-content table strong,
body.postid-311 .entry-content table b,
body.postid-349 .entry-content table b {
  color: #ffffff !important;
}

/* Hide Cocoon white site header on FILTRONIX pages */
body.postid-311 #header-container,
body.postid-349 #header-container,
body.postid-311 .header-container,
body.postid-349 .header-container,
body.postid-311 header#header,
body.postid-349 header#header,
body.postid-311 .site-name-text,
body.postid-349 .site-name-text {
  display: none !important;
}

body.postid-311 #container,
body.postid-349 #container,
body.postid-311 .wrap,
body.postid-349 .wrap {
  margin-top: 0 !important;
}

/* Add breathing room between the FILTRONIX and GROOVE 60 featured sections. */
.pg-featured + .pg-featured--groove60 {
  margin-top: clamp(42px, 6vw, 76px);
}

.pg-featured--groove60 {
  position: relative;
}

/* Match featured-section Learn More buttons to the Download/Soon outline style. */
.pg-featured .pg-actions .pg-button--primary {
  border: 1px solid rgba(90, 167, 255, 0.7) !important;
  background: rgba(47, 140, 255, 0.08) !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

.pg-featured .pg-actions .pg-button--primary:hover,
.pg-featured .pg-actions .pg-button--primary:focus {
  border-color: rgba(90, 167, 255, 0.95) !important;
  background: rgba(47, 140, 255, 0.14) !important;
}

/* Remove the outer framed border from homepage featured introduction sections. */
.pg-home .pg-featured {
  border: 0 !important;
  box-shadow: none !important;
}