/*
 * Post 2367 candidate refinement, 2026-10-12.
 * Dependency: dr-post-wordpress-security-checks-small-business.css.
 * Loaded only on post ID 2367 after the proven component stylesheet used by
 * post 2361. The existing TOC markup and shared dr-single-post.js remain unchanged.
 */
body.postid-2367 .dr-new-post-quick-check {
  --dr-bg: #f0ebdd;
  --dr-bg-2: #faf8f1;
  --dr-panel: rgba(255, 255, 255, 0.84);
  --dr-panel-strong: rgba(255, 255, 255, 0.96);
  --dr-line: rgba(36, 79, 88, 0.2);
  --dr-line-gold: rgba(208, 173, 117, 0.52);
  --dr-text: #142937;
  --dr-soft: #365762;
  --dr-muted: #5d7078;
  --dr-cyan: #244f58;
  --dr-gold: #d0ad75;
  --dr-coral: #9c6751;
  --dr-green: #386d5a;
  --dr-ink: #142937;
  --dr-deep: #142937;
  --dr-deep-2: #1d3b48;
  --dr-deep-text: #f0ebdd;
  --dr-max: 1180px;
  background:
    radial-gradient(circle at 5% 16%, rgba(185, 217, 220, 0.46), transparent 25rem),
    radial-gradient(circle at 100% 48%, rgba(208, 173, 117, 0.18), transparent 31rem),
    linear-gradient(180deg, #faf8f1 0%, var(--dr-bg) 52%, #f9f6ed 100%);
  border-color: rgba(20, 41, 55, 0.16);
  border-radius: 14px;
  box-shadow: 0 28px 76px rgba(20, 41, 55, 0.13);
  font-family: "Source Sans 3", "Source Sans Pro", system-ui, sans-serif;
}

body.postid-2367 .dr-post-hero {
  max-width: none;
  min-height: auto;
  margin: 0;
  padding: clamp(2rem, 5vw, 5.5rem) clamp(1.1rem, 5vw, 4.75rem);
  background:
    linear-gradient(115deg, rgba(20, 41, 55, 0.98), rgba(29, 59, 72, 0.96)),
    linear-gradient(135deg, var(--dr-deep), var(--dr-deep-2));
}

body.postid-2367 .dr-post-hero > * { max-width: 760px; }
body.postid-2367 .dr-hero-copy { margin-inline: auto; }

body.postid-2367 .dr-theme-hub-label {
  color: #b9d9dc;
  border-color: rgba(185, 217, 220, 0.42);
  background: rgba(20, 41, 55, 0.46);
}

body.postid-2367 .dr-post-badge { color: #142937; background: #d0ad75; }

body.postid-2367 .dr-post-title {
  max-width: 18ch;
  color: #f0ebdd;
  font-family: "Source Sans 3", "Source Sans Pro", system-ui, sans-serif;
  font-size: clamp(2.25rem, 5.2vw, 4.35rem);
  font-weight: 700;
  letter-spacing: -0.035em;
  line-height: 1.01;
}

body.postid-2367 .dr-post-lede {
  max-width: 62ch;
  color: #dcecee;
  font-size: clamp(1.08rem, 1.6vw, 1.28rem);
  line-height: 1.65;
}

body.postid-2367 .dr-action-primary { color: #142937; background: #d0ad75; box-shadow: none; }
body.postid-2367 .dr-action-secondary { color: #f0ebdd; border-color: rgba(185, 217, 220, 0.46); background: transparent; }
body.postid-2367 .dr-hero-visual { display: none; }

body.postid-2367 .dr-signal-strip,
body.postid-2367 .dr-content-grid { max-width: var(--dr-max); }

body.postid-2367 .dr-signal-strip {
  margin-top: clamp(1.25rem, 3vw, 2.5rem);
  border-color: rgba(36, 79, 88, 0.18);
  background: rgba(255, 255, 255, 0.72);
}

body.postid-2367 .dr-content-grid {
  gap: clamp(2rem, 5vw, 4.5rem);
  padding-top: clamp(2rem, 5vw, 4rem);
  padding-bottom: clamp(2.5rem, 5vw, 5rem);
}

body.postid-2367 .dr-main-column { max-width: 820px; }

body.postid-2367 .dr-post-section > :is(p, ul, ol),
body.postid-2367 .dr-final-insight > p,
body.postid-2367 .dr-cta-panel > p {
  max-width: 72ch;
  font-size: 1.125rem;
  line-height: 1.72;
}

body.postid-2367 .dr-post-section h2,
body.postid-2367 .dr-final-insight h2,
body.postid-2367 .dr-cta-panel h2 {
  max-width: 24ch;
  color: #142937;
  font-family: "Source Sans 3", "Source Sans Pro", system-ui, sans-serif;
  font-size: clamp(1.7rem, 3vw, 2.45rem);
  font-weight: 700;
  letter-spacing: -0.025em;
  line-height: 1.12;
}

body.postid-2367 .dr-section-kicker { color: #244f58; letter-spacing: 0.08em; }
body.postid-2367 .dr-side-column { font-family: "Source Sans 3", "Source Sans Pro", system-ui, sans-serif; }

body.postid-2367 .dr-post-study {
  padding: clamp(1.25rem, 4vw, 2rem);
  border: 1px solid rgba(36, 79, 88, 0.26);
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(185, 217, 220, 0.38), rgba(255, 255, 255, 0.86));
}

body.postid-2367 .dr-flashcard-engine {
  --dr-fce-teal: #244f58;
  --dr-fce-brass: #8a682f;
  --dr-fce-text: #142937;
  --dr-fce-soft: #365762;
  --dr-fce-line: rgba(36, 79, 88, 0.28);
  margin-top: 1.25rem;
  color: var(--dr-fce-text);
}

body.postid-2367 .dr-fce-modes,
body.postid-2367 .dr-fce-actions,
body.postid-2367 .dr-fce-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 0.65rem; }

body.postid-2367 .dr-fce-modes { margin-bottom: 0.85rem; }
body.postid-2367 .dr-fce-meta { justify-content: space-between; color: var(--dr-fce-teal); font-size: 0.78rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; }
body.postid-2367 .dr-fce-panel { min-height: 17rem; padding: clamp(1rem, 3vw, 1.5rem); border: 1px solid var(--dr-fce-line); border-radius: 0.75rem; background: rgba(255, 255, 255, 0.72); }
body.postid-2367 .dr-fce-question { margin: 1.2rem 0; color: var(--dr-fce-text); font: 700 clamp(1.3rem, 2.4vw, 1.75rem)/1.2 "Source Sans 3", "Source Sans Pro", system-ui, sans-serif; }
body.postid-2367 .dr-fce-question:focus { outline: none; }
body.postid-2367 .dr-fce-answer { margin: 1rem 0; padding: 0.9rem 1rem; border-left: 3px solid var(--dr-fce-brass); color: var(--dr-fce-soft); background: rgba(208, 173, 117, 0.14); }
body.postid-2367 .dr-fce-answer p { margin: 0.4rem 0 0; }

body.postid-2367 .dr-fce-mode,
body.postid-2367 .dr-fce-actions button,
body.postid-2367 .dr-fce-options button {
  min-height: 2.75rem;
  border: 1px solid var(--dr-fce-line);
  border-radius: 0.55rem;
  color: var(--dr-fce-text);
  background: #fffdf8;
  cursor: pointer;
  font: inherit;
}

body.postid-2367 .dr-fce-mode,
body.postid-2367 .dr-fce-actions button { padding: 0.55rem 0.85rem; }
body.postid-2367 .dr-fce-mode.is-active,
body.postid-2367 .dr-fce-actions .is-primary { border-color: #8a682f; color: #142937; background: #d0ad75; }
body.postid-2367 .dr-fce-options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.7rem; }
body.postid-2367 .dr-fce-options button { display: flex; gap: 0.65rem; align-items: center; padding: 0.75rem; text-align: left; color: var(--dr-fce-soft); }
body.postid-2367 .dr-fce-options button span { display: inline-grid; width: 1.5rem; height: 1.5rem; flex: 0 0 auto; place-items: center; border: 1px solid currentColor; border-radius: 50%; font: 700 0.72rem/1 system-ui, sans-serif; }
body.postid-2367 .dr-fce-options button.is-selected { border-color: var(--dr-fce-teal); color: var(--dr-fce-text); background: rgba(185, 217, 220, 0.44); }
body.postid-2367 .dr-fce-options button.is-correct { border-color: #386d5a; color: #184a3b; background: rgba(143, 193, 165, 0.25); }
body.postid-2367 .dr-fce-options button.is-incorrect { border-color: #9c6751; color: #703828; background: rgba(214, 163, 144, 0.24); }
body.postid-2367 .dr-fce-feedback { min-height: 2.5rem; margin: 1rem 0; color: var(--dr-fce-soft); }
body.postid-2367 .dr-fce-feedback strong { color: var(--dr-fce-brass); }
body.postid-2367 .dr-fce-feedback p { margin: 0.35rem 0 0; }
body.postid-2367 .dr-fce-actions { justify-content: flex-end; margin-top: 1.2rem; }
body.postid-2367 .dr-fce-actions button:disabled { cursor: not-allowed; opacity: 0.45; }
body.postid-2367 .dr-flashcard-engine button:focus-visible { outline: 3px solid #244f58; outline-offset: 3px; }

@media (max-width: 1019px) {
  body.postid-2367 .dr-main-column { max-width: 820px; }
}

@media (max-width: 600px) {
  body.postid-2367 .dr-post-hero { padding-block: 2.25rem; }
  body.postid-2367 .dr-post-title { max-width: none; }
  body.postid-2367 .dr-post-section > :is(p, ul, ol),
  body.postid-2367 .dr-final-insight > p,
  body.postid-2367 .dr-cta-panel > p { font-size: 1rem; line-height: 1.7; }
  body.postid-2367 .dr-fce-panel { min-height: 0; padding: 1rem; }
  body.postid-2367 .dr-fce-options { grid-template-columns: 1fr; }
  body.postid-2367 .dr-fce-actions button { flex: 1 1 auto; }
}

/*
 * Post 2367 | Pass 01H | Light-surface contrast correction
 * Scope: post 2367 only.
 * Preserve dark hero and existing interaction ownership.
 */

body.postid-2367 .dr-new-post-quick-check {
  --dr-text: #172f3c;
  --dr-soft: #293e49;
  --dr-muted: #465e68;
  --dr-cyan: #245d69;
}

/* Light content surfaces */
body.postid-2367 .dr-new-post-quick-check .dr-signal-strip,
body.postid-2367 .dr-new-post-quick-check .dr-post-section,
body.postid-2367 .dr-new-post-quick-check .dr-side-card,
body.postid-2367 .dr-new-post-quick-check .dr-check-card {
  color: #172f3c;
}

/* Previously pale card headings and labels */
body.postid-2367 .dr-new-post-quick-check .dr-signal-strip span,
body.postid-2367 .dr-new-post-quick-check .dr-section-kicker,
body.postid-2367 .dr-new-post-quick-check .dr-check-card span,
body.postid-2367 .dr-new-post-quick-check .dr-side-card span,
body.postid-2367 .dr-new-post-quick-check .dr-framework-grid span,
body.postid-2367 .dr-new-post-quick-check .dr-cyber-framework span {
  color: #245d69 !important;
}

/* Editorial headings on light panels */
body.postid-2367 .dr-new-post-quick-check .dr-post-section h2,
body.postid-2367 .dr-new-post-quick-check .dr-post-section h3,
body.postid-2367 .dr-new-post-quick-check .dr-side-card h3 {
  color: #172f3c !important;
}

/* Readable descriptive content */
body.postid-2367 .dr-new-post-quick-check .dr-signal-strip p,
body.postid-2367 .dr-new-post-quick-check .dr-check-card p,
body.postid-2367 .dr-new-post-quick-check .dr-side-card p,
body.postid-2367 .dr-new-post-quick-check .dr-framework-grid p,
body.postid-2367 .dr-new-post-quick-check .dr-cyber-framework p {
  color: #293e49 !important;
}

/* Light-surface navigation and link visibility */
body.postid-2367 .dr-new-post-quick-check .dr-post-toc a,
body.postid-2367 .dr-new-post-quick-check .dr-signal-strip a {
  color: #245d69 !important;
  text-decoration-color: currentColor;
}

/* Preserve readable study controls */
body.postid-2367 .dr-new-post-quick-check .dr-flashcard-engine {
  color: #172f3c;
  font-family: "Source Sans 3", "Source Sans Pro", system-ui, sans-serif;
}

/*
 * Post 2367 | Pass 01I
 * Explicit foreground colors on established light surfaces.
 * Dark hero and shared runtime remain untouched.
 */

body.postid-2367 .dr-new-post-quick-check :is(
  .dr-post-section,
  .dr-cta-panel,
  .dr-final-insight,
  .dr-side-card,
  .dr-check-card,
  .dr-risk-before-after,
  .dr-review-compare,
  .dr-risk-flow,
  .dr-framework-grid,
  .dr-cyber-framework
) :is(p, li) {
  color: #293e49 !important;
  font-family: "Source Sans 3", "Source Sans Pro", system-ui, sans-serif;
}

body.postid-2367 .dr-new-post-quick-check :is(
  .dr-signal-strip,
  .dr-insight-card,
  .dr-side-card,
  .dr-check-card,
  .dr-risk-before-after,
  .dr-review-compare,
  .dr-risk-flow,
  .dr-route-step,
  .dr-framework-grid,
  .dr-cyber-framework
) strong {
  color: #172f3c !important;
}

body.postid-2367 .dr-new-post-quick-check .dr-signal-strip strong {
  color: #172f3c !important;
}

body.postid-2367 .dr-new-post-quick-check :is(
  .dr-cta-panel,
  .dr-final-insight,
  .dr-insight-card,
  .dr-risk-before-after,
  .dr-review-compare,
  .dr-risk-flow,
  .dr-framework-grid,
  .dr-cyber-framework
) :is(h2, h3) {
  color: #172f3c !important;
}

body.postid-2367 .dr-new-post-quick-check :is(
  .dr-internal-links,
  .dr-risk-before-after,
  .dr-review-compare,
  .dr-route-step,
  .dr-risk-flow,
  .dr-insight-card
) span {
  color: #245d69 !important;
}