/* 20260909b: original color activity; fixed stimulus and reference-aligned page boundaries. */
body.tn-cbt-page-body .cs-custom-content-post-before {display:none!important}
body.tn-cbt-page-body .tn-cbt-page {
  --tn-ink:#1a1208;
  --tn-muted:#5a4a30;
  width:min(1180px,100%)!important;
  max-width:1180px!important;
  margin:0 auto 56px!important;
  color:var(--tn-ink)!important;
  -webkit-text-fill-color:currentColor!important;
  font-family:ui-serif,Georgia,"Times New Roman","Noto Serif KR",serif!important;
  font-size:15px!important;
  line-height:1.58!important;
}
/* Wrappers own spacing/reservations, never SDK creative or iframe dimensions. */
body.tn-cbt-page-body .tn-cbt-responsive-ad {
  display:block!important;
  width:100%!important;
  max-width:900px!important;
  height:auto!important;
  min-height:90px!important;
  max-height:none!important;
  margin:0 auto 28px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
body.tn-cbt-page-body .tn-cbt-ad-top {margin-top:54px!important;margin-bottom:28px!important}
body.tn-cbt-page-body .tn-cbt-ad-bottom {margin-top:0!important;margin-bottom:28px!important}
html body.wp-theme-intro.tn-cbt-page-body .tn-cbt-page[data-tn-fixed-partials="character-counter"][data-tn-fixed-partials="character-counter"] > .tn-tool-meta-row {
  width:min(820px,100%)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
body.tn-cbt-page-body:is([data-scheme="dark"],[data-scheme="inverse"],[data-scheme="auto"][data-l="dark"],[data-scheme="auto"][data-d="dark"]) .tn-cbt-page,
html[data-scheme="dark"] body.tn-cbt-page-body:not([data-scheme="light"]) .tn-cbt-page {
  --tn-ink:#f7ead1;
  --tn-muted:#d9c4a1;
}
@media (prefers-color-scheme:dark) {
  body.tn-cbt-page-body[data-scheme="auto"] .tn-cbt-page {--tn-ink:#f7ead1;--tn-muted:#d9c4a1}
}
@media (max-width:720px) {
  html body.wp-theme-intro.tn-cbt-page-body .entry-content > .tn-cbt-page[data-tn-fixed-partials="character-counter"] {width:calc(100% - 10px)!important;max-width:calc(100% - 10px)!important;margin:0 auto 40px!important}
  body.tn-cbt-page-body .tn-cbt-ad-top {margin-top:48px!important}
  /* Match the existing mobile ad renderer's full-viewport outer reservation. */
  body.tn-cbt-page-body .tn-cbt-responsive-ad {width:100vw!important;max-width:none!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important}
}

.tn-cbt-tool[data-roberin-tool="color-blind-test"] {
  --cbt-ink:#1a1208;
  --cbt-muted:#5a4a30;
  --cbt-line:#b8a888;
  --cbt-soft:#ddd4be;
  --cbt-paper:#faf6ee;
  --cbt-surface:#fffdf7;
  --cbt-wash:#f5efdf;
  --cbt-accent:#c44a00;
  --cbt-primary:#1a1208;
  --cbt-primary-hover:#c44a00;
  --cbt-primary-text:#faf6ee;
  --cbt-secondary:#ede6d4;
  --cbt-secondary-hover:#dfd4bb;
  --cbt-action-line:#b8a888;
  --cbt-error:#8a2f1f;
  --cbt-scheme:light;
  --cbt-num-font:-apple-system,BlinkMacSystemFont,"Pretendard","Segoe UI",system-ui,sans-serif;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:16px!important;
  width:100%!important;
  max-width:820px!important;
  min-width:0!important;
  margin:0 auto 18px!important;
  padding:16px!important;
  border:1px solid var(--cbt-line)!important;
  border-top:3px double var(--cbt-line)!important;
  border-bottom:3px double var(--cbt-line)!important;
  border-radius:0!important;
  background:var(--cbt-paper)!important;
  color:var(--cbt-ink)!important;
  -webkit-text-fill-color:var(--cbt-ink)!important;
  font-family:var(--cbt-num-font)!important;
  font-size:14px!important;
  line-height:1.55!important;
  box-shadow:none!important;
  filter:none!important;
  mix-blend-mode:normal!important;
  opacity:1!important;
}

/* Bleed guards reset margins, not component padding. */
.tn-cbt-tool[data-roberin-tool="color-blind-test"],
.tn-cbt-tool[data-roberin-tool="color-blind-test"] *,
.tn-cbt-tool[data-roberin-tool="color-blind-test"] *::before,
.tn-cbt-tool[data-roberin-tool="color-blind-test"] *::after {
  box-sizing:border-box!important;
  min-width:0!important;
}
.tn-cbt-tool[data-roberin-tool="color-blind-test"] :is(figure,figcaption,form,p,h2,dl,dt,dd,ol,li) {
  margin:0!important;
}
.tn-cbt-tool[data-roberin-tool="color-blind-test"] :is(ol,li) {list-style:none!important}
.tn-cbt-tool[data-roberin-tool="color-blind-test"] :is(button,input)::before,
.tn-cbt-tool[data-roberin-tool="color-blind-test"] :is(button,input)::after,
.tn-cbt-tool[data-roberin-tool="color-blind-test"] .tn-cbt-review-row::before,
.tn-cbt-tool[data-roberin-tool="color-blind-test"] .tn-cbt-review-row::after {display:none!important;content:none!important}
.tn-cbt-tool[data-roberin-tool="color-blind-test"] [hidden] {display:none!important}
.tn-cbt-tool[data-roberin-tool="color-blind-test"] .tn-cbt-workspace {
  display:grid!important;
  grid-template-columns:minmax(0,320px) minmax(0,1fr)!important;
  align-items:start!important;
  gap:24px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:none!important;
}
.tn-cbt-tool[data-roberin-tool="color-blind-test"] .tn-cbt-stimulus {
  display:grid!important;
  align-content:start!important;
  gap:8px!important;
  width:100%!important;
  max-width:320px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:none!important;
  filter:none!important;
  mix-blend-mode:normal!important;
  opacity:1!important;
}
/* Functional exception: theme changes must never recolor the task's dots/surround. */
.tn-cbt-tool[data-roberin-tool="color-blind-test"] #cbtPlate {
  display:block!important;
  width:100%!important;
  max-width:320px!important;
  height:auto!important;
  aspect-ratio:1!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:#f0f0f0!important;
  box-shadow:none!important;
  filter:none!important;
  backdrop-filter:none!important;
  mix-blend-mode:normal!important;
  opacity:1!important;
  isolation:isolate!important;
  color-scheme:light!important;
  forced-color-adjust:none!important;
  image-rendering:auto!important;
}
.tn-cbt-tool[data-roberin-tool="color-blind-test"] .tn-cbt-response {
  display:grid!important;
  align-content:start!important;
  gap:10px!important;
  padding:0!important;
  border:0!important;
  background:none!important;
}
.tn-cbt-tool[data-roberin-tool="color-blind-test"] :is(.tn-cbt-caption,.tn-cbt-help) {
  display:block!important;
  padding:0!important;
  border:0!important;
  background:none!important;
  color:var(--cbt-muted)!important;
  -webkit-text-fill-color:var(--cbt-muted)!important;
  font-family:var(--cbt-num-font)!important;
  font-size:12px!important;
  font-weight:400!important;
  line-height:1.5!important;
  letter-spacing:normal!important;
  overflow-wrap:anywhere!important;
}
.tn-cbt-tool[data-roberin-tool="color-blind-test"] .tn-cbt-progress {
  padding:0!important;
  border:0!important;
  background:none!important;
  color:var(--cbt-ink)!important;
  -webkit-text-fill-color:var(--cbt-ink)!important;
  font-family:var(--cbt-num-font)!important;
  font-size:13px!important;
  font-weight:800!important;
  line-height:18px!important;
  letter-spacing:normal!important;
  font-variant-numeric:lining-nums tabular-nums!important;
}
.tn-cbt-tool[data-roberin-tool="color-blind-test"] .tn-cbt-form {
  display:grid!important;
  gap:8px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:none!important;
  box-shadow:none!important;
}
.tn-cbt-tool[data-roberin-tool="color-blind-test"] .tn-cbt-answer-row {
  display:flex!important;
  align-items:flex-end!important;
  flex-wrap:wrap!important;
  gap:8px!important;
}
.tn-cbt-tool[data-roberin-tool="color-blind-test"] .tn-cbt-field {
  display:grid!important;
  grid-template-rows:auto 36px!important;
  gap:5px!important;
  flex:0 0 108px!important;
  max-width:100%!important;
  padding:0!important;
  border:0!important;
  background:none!important;
}
.tn-cbt-tool[data-roberin-tool="color-blind-test"] .tn-cbt-label {
  display:block!important;
  padding:0!important;
  border:0!important;
  background:none!important;
  color:var(--cbt-muted)!important;
  -webkit-text-fill-color:var(--cbt-muted)!important;
  font-family:var(--cbt-num-font)!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:15px!important;
  letter-spacing:normal!important;
}
.tn-cbt-tool[data-roberin-tool="color-blind-test"] #cbtAnswer {
  display:block!important;
  width:100%!important;
  height:36px!important;
  min-height:36px!important;
  margin:0!important;
  padding:8px 10px!important;
  border:1px solid var(--cbt-line)!important;
  border-radius:0!important;
  outline:0!important;
  background:var(--cbt-surface)!important;
  color:var(--cbt-ink)!important;
  -webkit-text-fill-color:var(--cbt-ink)!important;
  box-shadow:none!important;
  font-family:var(--cbt-num-font)!important;
  font-size:16px!important;
  font-weight:600!important;
  line-height:18px!important;
  font-variant-numeric:lining-nums tabular-nums!important;
  font-feature-settings:"lnum" 1,"tnum" 1!important;
  letter-spacing:normal!important;
  text-align:left!important;
  appearance:none!important;
  color-scheme:var(--cbt-scheme)!important;
  opacity:1!important;
}
.tn-cbt-tool[data-roberin-tool="color-blind-test"] #cbtAnswer::placeholder {
  color:var(--cbt-muted)!important;
  -webkit-text-fill-color:var(--cbt-muted)!important;
  font-family:var(--cbt-num-font)!important;
  font-weight:400!important;
  font-variant-numeric:lining-nums tabular-nums!important;
  font-feature-settings:"lnum" 1,"tnum" 1!important;
  letter-spacing:normal!important;
  opacity:.35!important;
}
.tn-cbt-tool[data-roberin-tool="color-blind-test"] #cbtAnswer:read-only {background:var(--cbt-wash)!important}
.tn-cbt-tool[data-roberin-tool="color-blind-test"] #cbtAnswer[aria-invalid="true"] {border-color:var(--cbt-error)!important}
.tn-cbt-tool[data-roberin-tool="color-blind-test"] #cbtAnswer:focus-visible {outline:2px solid var(--cbt-accent)!important;outline-offset:2px!important}
.tn-cbt-tool[data-roberin-tool="color-blind-test"] .tn-cbt-actions {
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:none!important;
}
.tn-cbt-tool[data-roberin-tool="color-blind-test"] .tn-cbt-actions button {
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  width:auto!important;
  max-width:100%!important;
  height:36px!important;
  min-height:36px!important;
  margin:0!important;
  padding:0 12px!important;
  border:1px solid var(--cbt-primary)!important;
  border-radius:0!important;
  outline:0!important;
  outline-offset:0!important;
  box-shadow:none!important;
  color:var(--cbt-primary-text)!important;
  -webkit-text-fill-color:var(--cbt-primary-text)!important;
  background:var(--cbt-primary)!important;
  font-family:var(--cbt-num-font)!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1!important;
  letter-spacing:normal!important;
  text-align:center!important;
  text-decoration:none!important;
  text-transform:none!important;
  white-space:nowrap!important;
  appearance:none!important;
  transform:none!important;
  transition:none!important;
  cursor:pointer!important;
}
.tn-cbt-tool[data-roberin-tool="color-blind-test"] .tn-cbt-actions button.tn-cbt-secondary {
  background:var(--cbt-secondary)!important;
  border-color:var(--cbt-action-line)!important;
  color:var(--cbt-ink)!important;
  -webkit-text-fill-color:var(--cbt-ink)!important;
}
.tn-cbt-tool[data-roberin-tool="color-blind-test"] .tn-cbt-actions button.tn-cbt-primary:is(:hover,:focus-visible):not(:disabled) {
  background:var(--cbt-primary-hover)!important;
  border-color:var(--cbt-primary-hover)!important;
}
.tn-cbt-tool[data-roberin-tool="color-blind-test"] .tn-cbt-actions button.tn-cbt-secondary:is(:hover,:focus-visible):not(:disabled) {background:var(--cbt-secondary-hover)!important}
.tn-cbt-tool[data-roberin-tool="color-blind-test"] .tn-cbt-actions button:disabled {cursor:not-allowed!important;opacity:.55!important}
.tn-cbt-tool[data-roberin-tool="color-blind-test"] .tn-cbt-actions button:focus-visible {outline:2px solid var(--cbt-accent)!important;outline-offset:2px!important}
.tn-cbt-tool[data-roberin-tool="color-blind-test"] .tn-cbt-status {
  min-height:36px!important;
  padding:8px 10px!important;
  border:1px solid var(--cbt-soft)!important;
  background:var(--cbt-wash)!important;
  color:var(--cbt-muted)!important;
  -webkit-text-fill-color:var(--cbt-muted)!important;
  font-family:var(--cbt-num-font)!important;
  font-size:12px!important;
  line-height:1.5!important;
  overflow-wrap:anywhere!important;
}
.tn-cbt-tool[data-roberin-tool="color-blind-test"] .tn-cbt-error {
  padding:0!important;
  border:0!important;
  background:none!important;
  color:var(--cbt-error)!important;
  -webkit-text-fill-color:var(--cbt-error)!important;
  font-size:12px!important;
  font-weight:600!important;
  line-height:1.5!important;
}
.tn-cbt-tool[data-roberin-tool="color-blind-test"] .tn-cbt-summary {
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  align-content:start!important;
  gap:10px!important;
  margin:0!important;
  padding:14px 0 0!important;
  border:0!important;
  border-top:1px solid var(--cbt-line)!important;
  background:none!important;
}
.tn-cbt-tool[data-roberin-tool="color-blind-test"] #cbtSummaryTitle:focus {outline:0!important}
.tn-cbt-tool[data-roberin-tool="color-blind-test"] #cbtSummaryTitle:focus-visible {outline:2px solid var(--cbt-accent)!important;outline-offset:2px!important}
.tn-cbt-tool[data-roberin-tool="color-blind-test"] .tn-cbt-counts {
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
  width:min(100%,390px)!important;
  padding:0!important;
  border:0!important;
  background:none!important;
}
.tn-cbt-tool[data-roberin-tool="color-blind-test"] .tn-cbt-counts .tn-cbt-metric {
  display:grid!important;
  align-content:center!important;
  justify-items:center!important;
  gap:8px!important;
  padding:10px 8px!important;
  border:1px solid var(--cbt-soft)!important;
  background:var(--cbt-wash)!important;
  text-align:center!important;
}
.tn-cbt-tool[data-roberin-tool="color-blind-test"] .tn-cbt-metric dt {
  padding:0!important;
  color:var(--cbt-muted)!important;
  -webkit-text-fill-color:var(--cbt-muted)!important;
  font-family:var(--cbt-num-font)!important;
  font-size:11px!important;
  font-weight:600!important;
  line-height:16px!important;
  letter-spacing:normal!important;
}
.tn-cbt-tool[data-roberin-tool="color-blind-test"] :is(#cbtMatched,#cbtDifferent,#cbtUnseen) {
  padding:0!important;
  border:0!important;
  background:none!important;
  color:var(--cbt-ink)!important;
  -webkit-text-fill-color:var(--cbt-ink)!important;
  font-family:var(--cbt-num-font)!important;
  font-size:27px!important;
  font-weight:800!important;
  line-height:1!important;
  font-variant-numeric:lining-nums tabular-nums!important;
  font-feature-settings:"lnum" 1,"tnum" 1!important;
  letter-spacing:normal!important;
}
.tn-cbt-tool[data-roberin-tool="color-blind-test"] .tn-cbt-review {
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:0 16px!important;
  width:100%!important;
  padding:0!important;
  border:0!important;
  background:none!important;
}
.tn-cbt-tool[data-roberin-tool="color-blind-test"] .tn-cbt-review .tn-cbt-review-row {
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:8px!important;
  padding:9px 0!important;
  border:0!important;
  border-bottom:1px solid var(--cbt-soft)!important;
  background:none!important;
  color:var(--cbt-ink)!important;
  -webkit-text-fill-color:var(--cbt-ink)!important;
  font-family:var(--cbt-num-font)!important;
  font-size:12px!important;
  line-height:1.5!important;
  font-variant-numeric:lining-nums tabular-nums!important;
  font-feature-settings:"lnum" 1,"tnum" 1!important;
  letter-spacing:normal!important;
}
.tn-cbt-tool[data-roberin-tool="color-blind-test"] .tn-cbt-review-question {color:var(--cbt-muted)!important;-webkit-text-fill-color:var(--cbt-muted)!important}
.tn-cbt-tool[data-roberin-tool="color-blind-test"] .tn-cbt-review-values {font-weight:800!important;overflow-wrap:anywhere!important}
.tn-cbt-tool[data-roberin-tool="color-blind-test"] .tn-cbt-review-outcome {font-size:11px!important;font-weight:600!important;white-space:nowrap!important}
.tn-cbt-tool[data-roberin-tool="color-blind-test"] .tn-cbt-disclaimer {
  display:grid!important;
  gap:8px!important;
  padding:12px!important;
  border:1px solid var(--cbt-soft)!important;
  background:var(--cbt-wash)!important;
  color:var(--cbt-muted)!important;
  -webkit-text-fill-color:var(--cbt-muted)!important;
  font-family:var(--cbt-num-font)!important;
  font-size:12px!important;
  font-weight:400!important;
  line-height:1.6!important;
  overflow-wrap:anywhere!important;
}
.tn-cbt-tool[data-roberin-tool="color-blind-test"] .tn-cbt-disclaimer p {padding:0!important;background:none!important;color:inherit!important;-webkit-text-fill-color:currentColor!important;font:inherit!important}
.tn-cbt-tool[data-roberin-tool="color-blind-test"] .tn-cbt-disclaimer strong {color:var(--cbt-ink)!important;-webkit-text-fill-color:var(--cbt-ink)!important;font-weight:800!important}
.tn-cbt-tool[data-roberin-tool="color-blind-test"] .tn-cbt-unavailable {padding:10px!important;border:1px solid var(--cbt-line)!important;background:var(--cbt-wash)!important;color:var(--cbt-ink)!important;-webkit-text-fill-color:var(--cbt-ink)!important}

body:is([data-scheme="dark"],[data-scheme="inverse"],[data-scheme="auto"][data-l="dark"],[data-scheme="auto"][data-d="dark"]) .tn-cbt-tool[data-roberin-tool="color-blind-test"],
html[data-scheme="dark"] body:not([data-scheme="light"]) .tn-cbt-tool[data-roberin-tool="color-blind-test"] {
  --cbt-ink:#f7ead1;
  --cbt-muted:#c3b492;
  --cbt-line:#6f6047;
  --cbt-soft:#574a37;
  --cbt-paper:#241d12;
  --cbt-surface:#322a1a;
  --cbt-wash:#2c2517;
  --cbt-accent:#e8823f;
  --cbt-primary:#6a3b1f;
  --cbt-primary-hover:#824826;
  --cbt-primary-text:#f7ead1;
  --cbt-secondary:#2f2115;
  --cbt-secondary-hover:#3a2a1b;
  --cbt-action-line:#826744;
  --cbt-error:#ffb0a2;
  --cbt-scheme:dark;
}
@media (prefers-color-scheme:dark) {
  body[data-scheme="auto"] .tn-cbt-tool[data-roberin-tool="color-blind-test"] {
    --cbt-ink:#f7ead1;
    --cbt-muted:#c3b492;
    --cbt-line:#6f6047;
    --cbt-soft:#574a37;
    --cbt-paper:#241d12;
    --cbt-surface:#322a1a;
    --cbt-wash:#2c2517;
    --cbt-accent:#e8823f;
    --cbt-primary:#6a3b1f;
    --cbt-primary-hover:#824826;
    --cbt-primary-text:#f7ead1;
    --cbt-secondary:#2f2115;
    --cbt-secondary-hover:#3a2a1b;
    --cbt-action-line:#826744;
    --cbt-error:#ffb0a2;
    --cbt-scheme:dark;
  }
}
@media (max-width:680px) {
  .tn-cbt-tool[data-roberin-tool="color-blind-test"] {padding:12px!important;gap:14px!important}
  .tn-cbt-tool[data-roberin-tool="color-blind-test"] .tn-cbt-workspace {grid-template-columns:minmax(0,1fr)!important;gap:14px!important}
  .tn-cbt-tool[data-roberin-tool="color-blind-test"] .tn-cbt-stimulus {max-width:280px!important;justify-self:center!important}
  .tn-cbt-tool[data-roberin-tool="color-blind-test"] #cbtPlate {max-width:280px!important}
  .tn-cbt-tool[data-roberin-tool="color-blind-test"] .tn-cbt-response {gap:8px!important}
  .tn-cbt-tool[data-roberin-tool="color-blind-test"] .tn-cbt-review {grid-template-columns:minmax(0,1fr)!important}
  .tn-cbt-tool[data-roberin-tool="color-blind-test"] .tn-cbt-counts .tn-cbt-metric {padding:10px 6px!important}
  .tn-cbt-tool[data-roberin-tool="color-blind-test"] .tn-cbt-metric dt {font-size:10px!important}
}
/* Component display declarations must not override semantic initial/locked hiding. */
.tn-cbt-tool[data-roberin-tool="color-blind-test"] [hidden],
.tn-cbt-tool[data-roberin-tool="color-blind-test"] .tn-cbt-actions button[hidden] {display:none!important}