/*
Theme Name: World Coin Price Guide
Author: World Coin Price Guide
Description: A white reference theme with system UI typography, optional dark mode, tabular numbers and accessible controls.
Version: 6.1.0
Requires at least: 6.6
Tested up to: 7.1
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: world-coin-price-guide
Tags: dark, block-styles, full-site-editing, wide-blocks, custom-colors, accessibility-ready
*/

:root {
  --cpg-bg: #0A1020;
  --cpg-rule: #33415B;
  --cpg-surface: #111A2D;
  --cpg-surface-2: #1A2540;
  --cpg-line: #56749F;
  --cpg-line-strong: #7D95BF;
  --cpg-text: #F0F4FA;
  --cpg-muted: #B6C4DA;
  --cpg-dim: #93A3BE;
  --cpg-accent: #7CC4FF;
  --cpg-accent-2: #D6DFEC;
  --cpg-warn: #FFC46B;
  --cpg-danger: #FF8A9F;
  --cpg-font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --cpg-font-mono: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --cpg-radius: 6px;
  --cpg-radius-sm: 4px;
  --cpg-accent-rgb: 124, 196, 255;
  
  
  --cpg-header-h: 64px;
  --cpg-on-accent: #0A1020;
  --cpg-star: 240, 244, 250;
  --at-gap-section: clamp(48px, 6vw, 72px);
  --at-measure: 68ch;
  --at-pad-panel: 28px;
  --at-target: 44px;
  scroll-padding-top: calc(var(--cpg-header-h) + 16px);
  color-scheme: dark;
}

:root:not([data-theme="dark"]) {
  --cpg-bg: #FFFFFF;
  --cpg-rule: #DDE2EA;
  --cpg-surface: #FFFFFF;
  --cpg-surface-2: #F5F7FA;
  --cpg-line: #7789AA;
  --cpg-line-strong: #5A6C8C;
  --cpg-text: #0D1526;
  --cpg-muted: #3E4C66;
  --cpg-dim: #55647F;
  --cpg-accent: #0B63C4;
  --cpg-accent-2: #2B3B57;
  --cpg-warn: #8A5A00;
  --cpg-danger: #B3243C;
  --cpg-font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --cpg-font-mono: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --cpg-radius: 6px;
  --cpg-radius-sm: 4px;
  --cpg-accent-rgb: 11, 99, 196;
  
  
  --cpg-header-h: 64px;
  --cpg-on-accent: #FFFFFF;
  --cpg-star: 13, 21, 38;
  --wp--preset--color--base: #FFFFFF;
  --wp--preset--color--surface: #FFFFFF;
  --wp--preset--color--surface-2: #F5F7FA;
  --wp--preset--color--line: #7789AA;
  --wp--preset--color--line-strong: #5A6C8C;
  --wp--preset--color--text: #0D1526;
  --wp--preset--color--muted: #3E4C66;
  --wp--preset--color--dim: #55647F;
  --wp--preset--color--accent: #0B63C4;
  --wp--preset--color--accent-2: #2B3B57;
  --wp--preset--color--warn: #8A5A00;
  --wp--preset--color--danger: #B3243C;
  color-scheme: light;
}

html {
  -webkit-text-size-adjust: 100%;
}

@media (prefers-reduced-motion: no-preference) {

html {
  scroll-behavior: smooth;
}
}

html body {
  background-color: var(--cpg-bg);
  background-image: var(--cpg-page-wash);
  color: var(--cpg-text);
  font-family: var(--cpg-font-ui);
  font-size: 1.125rem;
  line-height: 1.65;
  font-variant-numeric: tabular-nums lining-nums;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: clip;
}

.wp-site-blocks {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  overflow-x: clip;
}

.wp-site-blocks > main {
  flex: 1 0 auto;
}

.wp-site-blocks > footer {
  margin-block-start: 0;
}

::selection {
  background: var(--cpg-accent);
  color: var(--cpg-on-accent);
}

:focus-visible {
  outline: 3px solid var(--cpg-accent);
  outline-offset: 2px;
}

a {
  color: var(--cpg-accent);
  text-decoration: none;
  transition: background-color 150ms ease-out, border-color 150ms ease-out, color 150ms ease-out;
}

code, kbd, samp, pre, .mono, .num {
  font-family: var(--cpg-font-mono);
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "zero" 1;
}

h1, h2, h3, h4 {
  text-wrap: balance;
}

.tag {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--cpg-font-ui);
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: normal;
  text-transform: none;
  color: var(--cpg-text);
  background: var(--cpg-surface-2);
  border: 1px solid var(--cpg-rule);
  border-radius: var(--cpg-radius-sm);
  padding: 8px 12px;
  margin: 0;
  line-height: 1.3;
}

.panel {
  position: relative;
  background: var(--cpg-surface);
  border: 1px solid var(--cpg-rule);
  border-radius: var(--cpg-radius);
  padding: var(--at-pad-panel);
  overflow: hidden;
}

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

.panel > .eyebrow {
  margin-bottom: 12px;
}

.panel-title {
  margin: 0 0 8px;
  font-size: 1.375rem;
  line-height: 1.25;
}

.wp-block-button__link,
.wp-element-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: var(--cpg-surface-2);
  color: var(--cpg-text);
  font-family: var(--cpg-font-ui);
  font-size: 1rem;
  letter-spacing: normal;
  text-transform: none;
  border-radius: var(--cpg-radius-sm);
}

.wp-element-button:hover,
.wp-element-button:focus-visible,
.wp-block-button__link:hover,
.wp-block-button__link:focus-visible {
  color: var(--cpg-on-accent);
}

.wp-block-button.is-style-outline .wp-block-button__link,
.wp-block-button.is-style-outline > .wp-block-button__link:not(.has-background) {
  background: transparent;
  color: var(--cpg-accent);
  border: 1px solid transparent;
}

.wp-block-button.is-style-outline .wp-block-button__link:hover,
.wp-block-button.is-style-outline .wp-block-button__link:focus-visible {
  color: var(--cpg-on-accent);
  border-color: transparent;
}

.section {
  padding-top: calc(var(--at-gap-section) / 2);
  padding-bottom: calc(var(--at-gap-section) / 2);
}

.section-head {
  align-items: flex-end;
  padding-bottom: 16px;
  margin-bottom: 28px;
  position: relative;
}

.section-head .eyebrow {
  margin-bottom: 10px;
}

.section-head > .wp-block-group > * + * {
  margin-block-start: 0;
}

.section-title {
  margin: 0;
  font-size: clamp(1.625rem, 1.1rem + 1.6vw, 2.25rem);
  line-height: 1.15;
}

.section-index {
  font-family: var(--cpg-font-ui);
  font-size: 0.875rem;
  line-height: 1.4;
  letter-spacing: normal;
  text-transform: none;
  color: var(--cpg-muted);
  margin: 0;
  white-space: nowrap;
}

.site-header,
.wp-site-blocks > header.wp-block-template-part {
  position: sticky;
  top: 0;
  z-index: 200;
}

.header-bar {
  position: relative;
  background: var(--cpg-surface);
}

.header-inner {
  min-height: var(--cpg-header-h);
  align-items: center;
  flex-wrap: nowrap;
  gap: 16px;
}

.wp-block-group.header-inner > * + * {
  margin-block-start: 0;
}

.wp-block-group.header-inner.header-inner {
  justify-content: flex-start;
  gap: 16px;
}

.wp-block-group.brand.brand {
  gap: 12px;
}

.header-inner .site-nav {
  margin-left: auto;
}

.header-inner .theme-toggle-slot {
  margin-left: 8px;
}

.brand {
  gap: 12px;
  align-items: center;
  flex-wrap: nowrap;
}

.wp-block-group.brand > * + * {
  margin-block-start: 0;
}

.wp-block-group.brand-text > * + * {
  margin-block-start: 0;
}

.wordmark {
  font-family: var(--cpg-font-ui);
  font-size: 1.125rem;
  font-weight: 700;
  letter-spacing: normal;
  line-height: 1.15;
  color: var(--cpg-text);
  margin: 0;
  white-space: nowrap;
}

.wordmark a,
p.wordmark a {
  color: inherit;
  text-decoration: none;
  background: none;
}

.wordmark a:hover,
.wordmark a:focus-visible {
  color: var(--cpg-accent);
}

.brand-eyebrow {
  font-size: 0.875rem;
  line-height: 1.3;
  letter-spacing: normal;
  color: var(--cpg-muted);
  margin-top: 2px;
}

.theme-toggle-slot {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  min-height: var(--at-target);
  min-width: 112px;
}

.wp-block-group.theme-toggle-slot > * + * {
  margin-block-start: 0;
}

.theme-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: var(--at-target);
  min-width: 112px;
  padding: 10px 16px;
  margin: 0;
  font-family: var(--cpg-font-ui);
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: normal;
  text-transform: none;
  color: var(--cpg-text);
  background: var(--cpg-surface-2);
  border: 1px solid var(--cpg-line-strong);
  border-radius: var(--cpg-radius-sm);
  cursor: pointer;
  transition: background-color 150ms ease-out, border-color 150ms ease-out, color 150ms ease-out;
}

.theme-toggle:hover,
.theme-toggle:focus-visible {
  color: var(--cpg-accent);
  border-color: var(--cpg-accent);
}

.site-nav {
  gap: 2px;
}

.site-nav .wp-block-navigation-item__content,
.footer-nav .wp-block-navigation-item__content {
  position: relative;
  display: inline-flex;
  align-items: center;
  min-height: var(--at-target);
  padding: 10px 14px;
  font-size: 1rem;
  line-height: 1.3;
  color: var(--cpg-muted);
  transition: background-color 150ms ease-out, border-color 150ms ease-out, color 150ms ease-out;
}

.site-nav .wp-block-navigation-item__content:hover,
.site-nav .wp-block-navigation-item__content:focus-visible,
.footer-nav .wp-block-navigation-item__content:hover,
.footer-nav .wp-block-navigation-item__content:focus-visible {
  color: var(--cpg-accent);
}

.site-nav .current-menu-item > .wp-block-navigation-item__content,
.footer-nav .current-menu-item > .wp-block-navigation-item__content {
  color: var(--cpg-text);
  font-weight: 700;
}

.wp-block-navigation .wp-block-navigation-item__content {
  color: inherit;
}

.wp-block-navigation__responsive-container-open,
.wp-block-navigation__responsive-container-close {
  color: var(--cpg-text);
  min-width: var(--at-target);
  min-height: var(--at-target);
  padding: 10px;
  border: 1px solid var(--cpg-line-strong);
  border-radius: var(--cpg-radius-sm);
  background: var(--cpg-surface-2);
}

.wp-block-navigation.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open.is-menu-open {
  position: fixed;
  background-color: var(--cpg-bg);
  color: var(--cpg-text);
  padding: 16px 16px 56px;
  overflow-y: auto;
  overscroll-behavior: contain;
}

.wp-block-navigation.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open.is-menu-open::after {
  content: "";
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 72px;
  background: linear-gradient(180deg, rgba(var(--cpg-star), 0) 0%, var(--cpg-bg) 82%);
  opacity: 0;
  pointer-events: none;
  transition: background-color 150ms ease-out, border-color 150ms ease-out, color 150ms ease-out;
  z-index: 2;
}

.wp-block-navigation.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open.is-menu-open.has-more-below::after {
  opacity: 1;
}

.wp-block-navigation.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open.is-menu-open .wp-block-navigation__responsive-container-content {
  position: relative;
  width: 100%;
  align-items: stretch;
  justify-content: flex-start;
}

.wp-block-navigation.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open.is-menu-open .wp-block-navigation__container {
  width: 100%;
  gap: 0;
  align-items: stretch;
  justify-content: flex-start;
}

.wp-block-navigation.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open.is-menu-open .wp-block-navigation-item {
  width: 100%;
}

.wp-block-navigation.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open.is-menu-open .wp-block-navigation-item__content {
  font-size: 1.125rem;
  line-height: 1.3;
  letter-spacing: normal;
  min-height: 48px;
  padding: 12px 0;
  border-bottom: 1px solid var(--cpg-rule);
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  color: var(--cpg-text);
  background-image: none;
}

.wp-block-navigation.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open.is-menu-open .wp-block-navigation-item__content:hover,
.wp-block-navigation.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open.is-menu-open .wp-block-navigation-item__content:focus-visible {
  color: var(--cpg-accent);
}

.hero {
  position: relative;
  padding-top: clamp(20px, 2.6vw, 32px);
  padding-bottom: calc(var(--at-gap-section) / 2);
  border-bottom: 1px solid var(--cpg-rule);
}

.wp-block-group.hero-inner > * + * {
  margin-block-start: 0;
}

.hero-inner {
  position: relative;
  z-index: 1;
}

.hero-inner .hero-title {
  margin-bottom: 16px;
}

.hero-inner .hero-desc {
  margin-bottom: 24px;
}

.wp-block-group.hero-inner > .hero-meta {
  margin-top: 20px;
}

.hero .eyebrow {
  margin-bottom: 14px;
}

.hero-title {
  font-size: clamp(2.125rem, 1.4rem + 2.6vw, 3.25rem);
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: normal;
  max-width: 22ch;
  margin: 0 0 16px;
}

.hero-desc {
  font-size: 1.25rem;
  line-height: 1.6;
  color: var(--cpg-muted);
  max-width: var(--at-measure);
  margin: 0 0 24px;
}

.hero-search {
  max-width: 680px;
}

.wp-block-group.hero-search > * + * {
  margin-block-start: 0;
}

.wp-block-group.hero-meta > * + * {
  margin-block-start: 0;
}

.wp-block-buttons.hero-actions.hero-actions {
  margin-top: 28px;
  gap: 16px;
}

.page-hero {
  position: relative;
  padding-top: clamp(24px, 3vw, 40px);
  padding-bottom: clamp(20px, 2.6vw, 32px);
  border-bottom: 1px solid var(--cpg-rule);
}

.wp-block-group.page-hero-inner > * + * {
  margin-block-start: 0;
}

.page-hero .eyebrow {
  margin-bottom: 14px;
}

.page-title {
  font-size: clamp(2.125rem, 1.4rem + 2.6vw, 3.25rem);
  line-height: 1.1;
  letter-spacing: normal;
  margin: 0;
  max-width: 24ch;
}

.page-content {
  padding-top: calc(var(--at-gap-section) / 2);
  padding-bottom: var(--at-gap-section);
}

.page-content .wp-block-post-content > :not(.alignwide):not(.alignfull) {
  max-width: var(--at-measure);
  margin-left: 0 !important;
}

.wp-block-group.page-body > * + * {
  margin-block-start: 0;
}

.page-content .wp-block-post-content > .alignwide {
  max-width: var(--wp--style--global--wide-size);
}

.page-content .wp-block-post-content > .alignfull {
  max-width: none;
}

.page-content .wp-block-post-content h2 {
  margin-top: 1.8em;
  padding-top: 0.6em;
  border-top: 1px solid var(--cpg-rule);
  font-size: clamp(1.625rem, 1.1rem + 1.6vw, 2.25rem);
  line-height: 1.15;
}

.page-content .wp-block-post-content h3 {
  margin-top: 1.6em;
  font-size: 1.375rem;
  line-height: 1.25;
  color: var(--cpg-text);
}

.page-content .wp-block-post-content p,
.page-content .wp-block-post-content li {
  color: var(--cpg-text);
  font-size: 1.125rem;
  line-height: 1.65;
  max-width: var(--at-measure);
}

.page-content .wp-block-post-content strong {
  color: var(--cpg-text);
  font-weight: 700;
}

.page-content .wp-block-post-content table {
  border-collapse: collapse;
  width: 100%;
}

.page-content .wp-block-post-content th {
  background: var(--cpg-surface-2);
  font-family: var(--cpg-font-ui);
  font-size: 0.875rem;
  line-height: 1.3;
  letter-spacing: normal;
  text-transform: none;
  color: var(--cpg-text);
  text-align: left;
}

.page-content .wp-block-post-content td,
.page-content .wp-block-post-content th {
  border: 1px solid var(--cpg-rule);
  padding: 16px 20px;
}

.page-content .wp-block-post-content td {
  font-family: var(--cpg-font-ui);
  font-size: 1.0625rem;
  line-height: 1.4;
  color: var(--cpg-text);
}

.page-content .wp-block-post-content tbody tr {
  min-height: 56px;
  transition: background-color 150ms ease-out, border-color 150ms ease-out, color 150ms ease-out;
}

.page-content .wp-block-post-content tbody tr:hover {
  background: rgba(var(--cpg-accent-rgb), 0.08);
}

.page-content .wp-block-post-content tbody tr:hover td {
  color: var(--cpg-text);
}

article.cpg-view.cpg-coin {
  width: auto;
  height: auto;
  border-radius: 0;
  background: none;
}

.stats-strip {
  padding-top: calc(var(--at-gap-section) / 2);
  padding-bottom: 0;
}

.stats-strip > .wp-block-group > * + * {
  margin-block-start: 0;
}

.section-countries {
  position: relative;
}

.section-market {
  position: relative;
}

.market-grid {
  gap: clamp(28px, 3vw, 48px);
}

.market-grid > .wp-block-column > * + * {
  margin-block-start: 0;
}

.market-grid .section-head {
  margin-bottom: 24px;
}

.panel-method {
  position: sticky;
  top: calc(var(--cpg-header-h) + 24px);
  padding: var(--at-pad-panel);
}

.wp-block-group.panel-method > * + * {
  margin-block-start: 0;
}

.wp-block-group.spec-list.spec-list {
  margin-top: 20px;
  margin-bottom: 28px;
  border-top: 1px solid var(--cpg-rule);
}

.wp-block-group.spec-list > * + * {
  margin-block-start: 0;
}

.spec-row {
  padding: 14px 0;
  border-bottom: 1px solid var(--cpg-rule);
  gap: 16px;
  align-items: baseline;
  flex-wrap: nowrap;
  transition: background-color 150ms ease-out, border-color 150ms ease-out, color 150ms ease-out;
}

.spec-row:hover {
  padding-left: 0;
}

.wp-block-group.spec-row > * + * {
  margin-block-start: 0;
}

.spec-key {
  flex: 0 0 104px;
  font-family: var(--cpg-font-ui);
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: normal;
  text-transform: none;
  color: var(--cpg-accent);
  margin: 0;
  line-height: 1.6;
  padding-left: 0;
  transition: background-color 150ms ease-out, border-color 150ms ease-out, color 150ms ease-out;
}

.spec-row:hover .spec-key {
  padding-left: 10px;
}

.spec-val {
  flex: 1 1 auto;
  font-size: 1.0625rem;
  color: var(--cpg-text);
  margin: 0;
  line-height: 1.55;
}

.panel-method .wp-block-buttons {
  margin-top: 0;
}

.disclaimer-strip {
  border-top: 1px solid var(--cpg-rule);
  border-bottom: 1px solid var(--cpg-rule);
  background: var(--cpg-surface);
  padding-top: 18px;
  padding-bottom: 18px;
}

.disclaimer-inner {
  gap: 12px 24px;
  align-items: center;
}

.wp-block-group.disclaimer-inner > * + * {
  margin-block-start: 0;
}

.disclaimer-text {
  font-family: var(--cpg-font-ui);
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: normal;
  color: var(--cpg-text);
  margin: 0;
  display: inline-flex;
  align-items: center;
  gap: 12px;
}

.disclaimer-link {
  font-family: var(--cpg-font-ui);
  font-size: 0.875rem;
  line-height: 1.4;
  letter-spacing: normal;
  text-transform: none;
  margin: 0;
}

.disclaimer-link a {
  display: inline-flex;
  align-items: center;
  min-height: var(--at-target);
}

.footer-main {
  background: var(--cpg-surface);
  border-top: 1px solid var(--cpg-rule);
  padding-top: calc(var(--at-gap-section) / 2);
  padding-bottom: 24px;
  position: relative;
}

.footer-top {
  gap: 28px 48px;
  padding-bottom: 32px;
}

.wp-block-group.footer-top > * + * {
  margin-block-start: 0;
}

.footer-brand {
  max-width: 420px;
}

.wp-block-group.footer-brand > * + * {
  margin-block-start: 0;
}

.footer-line.footer-line {
  color: var(--cpg-muted);
  font-size: 1.0625rem;
  line-height: 1.6;
  max-width: var(--at-measure);
  margin: 16px 0 0;
}

.footer-nav {
  gap: 2px 8px;
}

.footer-nav .wp-block-navigation-item__content {
  padding: 10px 12px;
}

.footer-bottom {
  border-top: 1px solid var(--cpg-rule);
  padding-top: 20px;
  gap: 12px 24px;
  align-items: center;
}

.wp-block-group.footer-bottom > * + * {
  margin-block-start: 0;
}

.copyright {
  font-family: var(--cpg-font-ui);
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: normal;
  color: var(--cpg-muted);
  margin: 0;
}

.editor-styles-wrapper .site-header,
.editor-styles-wrapper header.wp-block-template-part,
.editor-styles-wrapper .panel-method {
  position: relative;
  top: auto;
}

@media (prefers-reduced-motion: reduce) {

html {
  scroll-behavior: auto;
}
}

@media (max-width: 1024px) {

.panel-method {
  position: static;
}
}

@media (max-width: 960px) {

.site-nav {
  gap: 0;
}

.site-nav .wp-block-navigation-item__content {
  padding: 10px 10px;
}

.brand-eyebrow {
  display: none;
}
}

@media (max-width: 781px) {

.market-grid > .wp-block-column + .wp-block-column {
  margin-top: 8px;
}
}

@media (max-width: 600px) {

:root {
  --at-pad-panel: 20px;
}

.theme-toggle,
  .theme-toggle-slot {
  min-width: 0;
}

.theme-toggle {
  padding: 10px 12px;
  gap: 8px;
}

.header-inner .theme-toggle-slot {
  order: 1;
  margin-left: auto;
}

.header-inner .site-nav {
  order: 2;
  margin-left: 8px;
}

.wp-block-group.header-inner.header-inner {
  gap: 8px;
}

.wp-block-group.brand.brand {
  gap: 10px;
}

.brand {
  flex: 0 1 auto;
  padding-right: 4px;
}

.wordmark {
  font-size: 0.9375rem;
  line-height: 1.15;
  white-space: nowrap;
}

@media (max-width: 430px) {

.theme-toggle-slot {
  min-width: 44px;
}

.theme-toggle {
  padding-inline: 0;
  width: 44px;
  justify-content: center;
}

.theme-toggle__label {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
}

.hero {
  padding-top: 20px;
}

.wp-block-group.section-head.section-head {
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 8px;
}

.section-index {
  white-space: normal;
}

.panel,
  .panel-method {
  padding: var(--at-pad-panel);
}

.page-content .wp-block-post-content td,
  .page-content .wp-block-post-content th {
  padding: 14px 16px;
}

.spec-row {
  flex-direction: column;
  gap: 4px;
}

.spec-key {
  flex-basis: auto;
}

.disclaimer-text {
  align-items: flex-start;
}

.wp-block-group.footer-top.footer-top {
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

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

.wp-block-group.footer-bottom.footer-bottom {
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
}

.guide-help {
  font-size: 18px;
  margin-block: 28px;
}

.guide-help a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
}

/* Standard reference typography and interaction. */
a:hover, a:focus-visible { text-decoration: underline; text-underline-offset: 3px; }

h1, h2, h3, h4, h5, h6, .page-title, .hero-title, .section-title, .panel-title {
  background-image: none; color: var(--cpg-text); font-weight: 700;
}

h1, .page-title { font-size: clamp(30px, 3vw, 40px); line-height: 1.2; }

.hero-title { font-size: clamp(30px, 3vw, 44px); line-height: 1.2; }

h2, .section-title, .page-content .wp-block-post-content h2 { font-size: 26px; }

h3, .panel-title, .page-content .wp-block-post-content h3 { font-size: 20px; }

:root[data-theme="dark"] :is(h1,h2,h3,h4,h5,h6,.page-title,.hero-title,.section-title,.panel-title) { color: #D6DFEC; }

.eyebrow, .spec-key { color: var(--cpg-muted); }

.header-bar { border-bottom: 1px solid var(--cpg-rule); }

.hero, .page-hero { background: var(--cpg-bg); }

.theme-toggle { background: transparent; min-width: 64px; }

.theme-toggle:hover, .theme-toggle:focus-visible { background: var(--cpg-surface-2); color: var(--cpg-text); border-color: var(--cpg-line-strong); }

.theme-toggle__label { position: static; width: auto; height: auto; overflow: visible; clip-path: none; font-size: 14px; }

.wordmark { white-space: normal; }

.wordmark a { display: inline-flex; align-items: center; min-height: 44px; }

.wp-element-button, .wp-block-button__link, .wp-block-button.is-style-outline .wp-block-button__link { border: 1px solid var(--cpg-line); color: var(--cpg-text); background: var(--cpg-surface); }

.wp-element-button:hover, .wp-element-button:focus-visible, .wp-block-button__link:hover, .wp-block-button__link:focus-visible { color: var(--cpg-text); background: var(--cpg-surface-2); border-color: var(--cpg-line-strong); }

.panel:hover, .panel:focus-within { background: var(--cpg-surface-2); }

.spec-row:hover .spec-key { padding-left: 0; }

.disclaimer-strip { border: 0; background: none; }

.disclaimer-text { color: var(--cpg-muted); font-size: 16px; }

.footer-main { background: var(--cpg-surface); border-top: 1px solid var(--cpg-rule); padding-block: 24px; }

.footer-top { gap: 16px; }

.footer-bottom { border: 0; padding-top: 0; margin-top: 16px; }

.footer-line, .copyright { font-size: 16px; color: var(--cpg-muted); }

.page-content .wp-block-post-content h2, .page-content .wp-block-post-content h3 { margin-top: 32px; padding-top: 0; border: 0; }

.page-content .wp-block-post-content { max-width: 68ch; }
@media (max-width: 600px) {

.wordmark { font-size: 16px; white-space: normal; }

.theme-toggle { width: auto; padding-inline: 10px; } }

:root[data-theme="dark"] {
  --wp--preset--color--base: var(--cpg-bg);
  --wp--preset--color--surface: var(--cpg-surface);
  --wp--preset--color--surface-2: var(--cpg-surface-2);
  --wp--preset--color--line: var(--cpg-line);
  --wp--preset--color--line-strong: var(--cpg-line-strong);
  --wp--preset--color--text: var(--cpg-text);
  --wp--preset--color--muted: var(--cpg-muted);
  --wp--preset--color--dim: var(--cpg-dim);
  --wp--preset--color--accent: var(--cpg-accent);
  --wp--preset--color--accent-2: var(--cpg-accent-2);
  --wp--preset--color--warn: var(--cpg-warn);
  --wp--preset--color--danger: var(--cpg-danger);
  --wp--preset--color--rule: var(--cpg-rule);
}

:root, :root:not([data-theme="dark"]) { --cpg-page-wash: none; }

.footer-top { padding-bottom: 0; }

.footer-line.footer-line { font-size: 16px; }

.page-content .wp-block-post-content tbody tr:hover { background: var(--cpg-surface-2); }
@media (prefers-reduced-motion: reduce) {

*, *::before, *::after { transition: none !important; animation: none !important; } }

.eyebrow { font-family: var(--cpg-font-ui); font-size: 14px; line-height: 1.4; font-weight: 500; margin: 0; letter-spacing: normal; text-transform: none; color: var(--cpg-muted); }

.wp-element-button, .wp-block-button__link { min-height: 44px; }