:root {
  --sdpc-forest: #17342a;
  --sdpc-green: #2f7d4f;
  --sdpc-orange: #f47b20;
  --sdpc-paper: #fbfaf6;
  --sdpc-charcoal: #263238;
  --sdpc-white: #fff;
  --sdpc-muted: #65736d;
  --sdpc-border: #d8ded9;
  --sdpc-success: #2f7d4f;
  --sdpc-warning: #d97706;
  --sdpc-error: #b42318;
  --sdpc-info: #2563a6;
  --sdpc-unknown: #6b7280;
  --sdpc-radius-sm: 8px;
  --sdpc-radius-md: 12px;
  --sdpc-radius-lg: 16px;
  --sdpc-space-xs: 4px;
  --sdpc-space-sm: 8px;
  --sdpc-space-md: 16px;
  --sdpc-space-lg: 24px;
  --sdpc-space-xl: 32px;
  --sdpc-shadow: 0 8px 24px rgba(23, 52, 42, .08);
  --sdpc-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --sdpc-font-serif: ui-serif, Georgia, Cambria, "Times New Roman", serif;
  --sdpc-evergreen-900: #163b32;
  --sdpc-evergreen-800: #1d4a3f;
  --sdpc-evergreen-700: #245b4d;
  --sdpc-evergreen-500: #3e7968;
  --sdpc-evergreen-100: #ddebe5;
  --sdpc-surface: #fff;
  --sdpc-fog: #f7f8f5;
  --sdpc-stone-900: #232826;
  --sdpc-stone-700: #46504b;
  --sdpc-stone-600: #59625e;
  --sdpc-stone-300: #cbd1cd;
  --sdpc-river-700: #315f78;
  --sdpc-dash-orange: #e87524;
  --sdpc-sunbreak: #f5c271;
  --sdpc-focus: #176f9a;
  --sdpc-shadow-elevated: 0 24px 64px rgba(22, 59, 50, 0.09);
  --sdpc-radius-content: 20px;
  --sdpc-radius-feature: 28px;
}
.sdpc-consumer { font-family: var(--sdpc-font); }
.sdpc-consumer-focus :focus-visible { outline: 3px solid var(--sdpc-focus); outline-offset: 4px; }
.sdpc-wrap { max-width: 1180px; color: var(--sdpc-charcoal); font-family: var(--sdpc-font); }
.sdpc-header { align-items: center; background: linear-gradient(135deg, var(--sdpc-forest), #245c43); border-radius: 14px; color: var(--sdpc-white); display: flex; gap: 16px; margin: 20px 0 16px; padding: 25px 28px; }
.sdpc-header h1 { color: var(--sdpc-white); font-size: 27px; margin: 2px 0 5px; }
.sdpc-header p { margin: 0; }
.sdpc-header > .sdpc-badge { margin-left: auto; }
.sdpc-header__mark { align-items: center; background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.22); border-radius: 13px; display: flex; font-size: 28px; height: 52px; justify-content: center; min-width: 52px; }
.sdpc-eyebrow, .sdpc-type--eyebrow { color: var(--sdpc-green); display: block; font-size: 11px; font-weight: 800; letter-spacing: .13em; margin: 0 0 5px; text-transform: uppercase; }
.sdpc-header .sdpc-eyebrow { color: #bce5c9; }
.sdpc-type { font-family: var(--sdpc-font); }
.sdpc-type--display { color: var(--sdpc-forest); font-size: 30px; font-weight: 750; line-height: 1.15; }
.sdpc-type--heading { color: var(--sdpc-forest); font-size: 22px; font-weight: 750; }
.sdpc-type--subheading { color: var(--sdpc-green); font-size: 17px; font-weight: 700; }
.sdpc-type--body { color: var(--sdpc-charcoal); font-size: 14px; }
.sdpc-type--small { color: var(--sdpc-muted); font-size: 12px; }
.sdpc-grid { display: grid; gap: 14px; margin: 18px 0 24px; }
.sdpc-consumer-grid { display: grid; gap: var(--sdpc-space-md); }
.sdpc-grid--three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.sdpc-grid--1 { grid-template-columns: 1fr; }.sdpc-grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }.sdpc-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }.sdpc-grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.sdpc-card { background: var(--sdpc-white); border: 1px solid var(--sdpc-border); border-top: 4px solid var(--sdpc-unknown); border-radius: var(--sdpc-radius-md); box-shadow: var(--sdpc-shadow); display: flex; gap: 14px; padding: 20px; }
.sdpc-card--success { border-top-color: var(--sdpc-success); }.sdpc-card--warning { border-top-color: var(--sdpc-orange); }.sdpc-card--info { border-top-color: var(--sdpc-info); }.sdpc-card--error { border-top-color: var(--sdpc-error); }
.sdpc-card__icon { align-items: center; background: #eaf4ed; border-radius: 9px; color: var(--sdpc-green); display: flex; font-size: 22px; height: 42px; justify-content: center; min-width: 42px; }
.sdpc-card h3 { color: var(--sdpc-forest); font-size: 17px; margin: 2px 0 6px; }.sdpc-card__content { color: var(--sdpc-muted); line-height: 1.5; }
.sdpc-badge { align-items: center; border-radius: 999px; display: inline-flex; font-size: 12px; font-weight: 750; gap: 6px; padding: 6px 10px; white-space: nowrap; }
.sdpc-badge .dashicons { font-size: 16px; height: 16px; width: 16px; }
.sdpc-badge--success { background: #e9f6ee; color: #21633d; }.sdpc-badge--warning { background: #fff3e8; color: #a24b0b; }.sdpc-badge--error { background: #fef0ef; color: var(--sdpc-error); }.sdpc-badge--info { background: #eaf2fb; color: var(--sdpc-info); }.sdpc-badge--unknown,.sdpc-badge--neutral { background: #f1f3f2; color: #59635f; }
.sdpc-notification { background: var(--sdpc-white); border: 1px solid var(--sdpc-border); border-left: 5px solid var(--sdpc-info); border-radius: 10px; margin: 14px 0; padding: 12px 16px; }.sdpc-notification p { margin: 0; }.sdpc-notification--success { border-left-color: var(--sdpc-success); }.sdpc-notification--warning { background: #fff7ed; border-color: #f2b27d; border-left-color: var(--sdpc-orange); }.sdpc-notification--error { background: #fef0ef; border-left-color: var(--sdpc-error); }
.sdpc-banner { align-items: flex-start; background: var(--sdpc-white); border: 1px solid var(--sdpc-border); border-left: 6px solid var(--sdpc-info); border-radius: var(--sdpc-radius-md); display: flex; gap: 14px; margin: 16px 0; padding: 16px 18px; }.sdpc-banner--warning { background: #fff7ed; border-color: #f2b27d; border-left-color: var(--sdpc-orange); }.sdpc-banner--success { border-left-color: var(--sdpc-success); }.sdpc-banner--error { background: #fef0ef; border-left-color: var(--sdpc-error); }.sdpc-banner__icon { color: var(--sdpc-orange); font-size: 26px; height: 26px; width: 26px; }.sdpc-banner__title { color: var(--sdpc-forest); display: block; font-size: 16px; }.sdpc-banner p { margin: 4px 0 0; }
.sdpc-stat { background: var(--sdpc-white); border: 1px solid var(--sdpc-border); border-top: 4px solid var(--sdpc-unknown); border-radius: var(--sdpc-radius-md); box-shadow: var(--sdpc-shadow); display: flex; flex-direction: column; gap: 5px; padding: 18px; }.sdpc-stat--success { border-top-color: var(--sdpc-success); }.sdpc-stat--warning { border-top-color: var(--sdpc-warning); }.sdpc-stat--error { border-top-color: var(--sdpc-error); }.sdpc-stat--info { border-top-color: var(--sdpc-info); }.sdpc-stat__label { color: var(--sdpc-muted); font-size: 12px; font-weight: 700; text-transform: uppercase; }.sdpc-stat__value { color: var(--sdpc-forest); font-size: 24px; line-height: 1.15; }.sdpc-stat__description { color: var(--sdpc-muted); font-size: 12px; }
.sdpc-toolbar { align-items: end; background: var(--sdpc-paper); border: 1px solid var(--sdpc-border); border-radius: var(--sdpc-radius-md); display: flex; flex-wrap: wrap; gap: 12px; margin: 16px 0; padding: 14px; }.sdpc-search { flex: 1 1 260px; }.sdpc-search input { width: 100%; }.sdpc-filter { display: flex; flex-direction: column; gap: 4px; min-width: 160px; }.sdpc-filter span { color: var(--sdpc-muted); font-size: 11px; font-weight: 700; text-transform: uppercase; }
.sdpc-empty { align-items: center; background: var(--sdpc-paper); border: 1px dashed var(--sdpc-border); border-radius: var(--sdpc-radius-md); display: flex; flex-direction: column; padding: 36px 20px; text-align: center; }.sdpc-empty .dashicons { color: var(--sdpc-green); font-size: 34px; height: 34px; width: 34px; }.sdpc-empty h3 { color: var(--sdpc-forest); margin: 10px 0 4px; }.sdpc-empty p { color: var(--sdpc-muted); margin: 0; }
.sdpc-module-card { align-items: flex-start; background: var(--sdpc-white); border: 1px solid var(--sdpc-border); border-radius: var(--sdpc-radius-md); color: var(--sdpc-charcoal); display: flex; gap: 13px; padding: 18px; position: relative; text-decoration: none; }.sdpc-module-card__icon { align-items: center; background: #eaf4ed; border-radius: 9px; color: var(--sdpc-green); display: flex; height: 40px; justify-content: center; min-width: 40px; }.sdpc-module-card__copy strong,.sdpc-module-card__copy span { display: block; }.sdpc-module-card__copy strong { color: var(--sdpc-forest); margin-bottom: 6px; }.sdpc-module-card__copy span { color: var(--sdpc-muted); }.sdpc-module-card__tag { background: #eaf4ed; border-radius: 999px; color: var(--sdpc-green); font-size: 10px; font-weight: 800; padding: 4px 7px; position: absolute; right: 11px; text-transform: uppercase; top: 10px; }.sdpc-module-card.is-coming-soon { background: var(--sdpc-paper); }
.sdpc-panel { background: var(--sdpc-white); border: 1px solid var(--sdpc-border); border-radius: var(--sdpc-radius-md); box-shadow: var(--sdpc-shadow); margin: 20px 0; padding: 24px; }.sdpc-panel h2 { color: var(--sdpc-forest); margin: 0 0 15px; }.sdpc-panel__heading { align-items: flex-start; display: flex; justify-content: space-between; margin-bottom: 15px; }
.sdpc-diagnostic { align-items: center; border-top: 1px solid var(--sdpc-border); display: flex; gap: 20px; justify-content: space-between; padding: 15px 0; }.sdpc-diagnostic:first-child { border-top: 0; }.sdpc-diagnostic p { color: var(--sdpc-muted); margin: 4px 0 0; }
.sdpc-table { border-color: var(--sdpc-border); border-radius: 9px; overflow: hidden; }.sdpc-table thead th { background: var(--sdpc-forest); color: var(--sdpc-white); font-weight: 700; }
.sdpc-filter-row { align-items: center; background: var(--sdpc-paper); border: 1px solid var(--sdpc-border); border-radius: 10px; display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 14px; padding: 10px; }
.sdpc-subnav { background: var(--sdpc-white); border: 1px solid var(--sdpc-border); border-radius: var(--sdpc-radius-md); display: flex; flex-wrap: wrap; gap: 6px; margin: 16px 0; padding: 8px; position: sticky; top: 32px; z-index: 5; }
.sdpc-subnav a { border-radius: 8px; color: var(--sdpc-forest); font-weight: 700; padding: 9px 12px; text-decoration: none; }
.sdpc-subnav a:hover,.sdpc-subnav a:focus { background: var(--sdpc-evergreen-100); color: var(--sdpc-forest); }
.sdpc-mission-control { background: linear-gradient(145deg, var(--sdpc-white), var(--sdpc-fog)); border-top: 5px solid var(--sdpc-green); }
.sdpc-mission-control .sdpc-panel__heading p { color: var(--sdpc-muted); margin: 4px 0 0; }
.sdpc-insight { align-items: flex-start; }
.sdpc-recommendation { background: var(--sdpc-fog); border-left: 3px solid var(--sdpc-river-700); border-radius: 4px; padding: 9px 11px; }
.sdpc-filter-row input[type="search"] { min-width: 190px; }
html { scroll-behavior: smooth; }
@media (max-width: 900px) { .sdpc-grid--three,.sdpc-grid--3,.sdpc-grid--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 782px) { .sdpc-header, .sdpc-panel__heading, .sdpc-diagnostic { align-items: flex-start; flex-direction: column; }.sdpc-header > .sdpc-badge { margin-left: 0; }.sdpc-panel { padding: 18px; } }
@media (max-width: 600px) { .sdpc-grid--2,.sdpc-grid--three,.sdpc-grid--3,.sdpc-grid--4 { grid-template-columns: 1fr; }.sdpc-toolbar,.sdpc-filter-row { align-items: stretch; flex-direction: column; }.sdpc-filter,.sdpc-filter-row select,.sdpc-filter-row input,.sdpc-filter-row .button { width: 100%; }.sdpc-subnav { position: static; } }