.ctna-panel, .ctna-callout {
  --ctna-ink: #12372e;
  --ctna-blue: #176049;
  --ctna-border: #d6e6db;
  --ctna-muted: #42635c;
  box-sizing: border-box;
  font: 1rem/1.55 Inter, "Noto Sans Devanagari", system-ui, sans-serif;
  color: var(--ctna-ink);
}
.ctna-panel *, .ctna-callout * { box-sizing: border-box }
.ctna-panel {
  --wp--style--global--content-size: 100%;
  max-width: 1140px;
  margin: 20px auto 40px;
  background: #f6faf7;
  border: 1px solid var(--ctna-border);
  border-radius: 24px;
  overflow: hidden;
}
.ctna-panel h2, .ctna-panel h3 { margin: 0; color: inherit; line-height: 1.2; letter-spacing: -.025em }
.ctna-panel p, .ctna-callout p { margin: .5rem 0; color: inherit }
.ctna-hero {
  padding: clamp(23px, 5vw, 60px);
  background: radial-gradient(ellipse at 88% 5%, #28684e, transparent 65%), #12372e;
  color: white;
}
.ctna-hero h2 { font-size: clamp(1.75rem, 4.6vw, 3.25rem); font-weight: 780 }
.ctna-hero p { color: #dcefe4; max-width: 60ch }
.ctna-metrics {
  display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px;
  margin: 1.6rem 0 0;
}
.ctna-metrics div {
  display: flex; flex-direction: column-reverse; border: 1px solid #709884;
  border-radius: 12px; padding: 10px 12px; background: #ffffff12;
}
.ctna-metrics dt { font-size: .83rem; color: #dcefe4 }
.ctna-metrics dd { margin: 0; font-size: 1.4rem; font-weight: 750 }
.ctna-card-grid {
  display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,245px),1fr));
  gap: 14px; list-style: none; margin: 0; padding: clamp(16px,4vw,38px);
}
.ctna-card {
  min-width: 0; padding: 16px; background: white; border: 1px solid var(--ctna-border);
  border-radius: 16px; box-shadow: 0 5px 18px #12372e09;
}
.ctna-card-top { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:6px }
.ctna-card h3 { font-size:1.1rem }
.ctna-card-status { padding: 2px 8px; border-radius:30px; background:#e8f3ed; color:#24523e; font-size:.73rem; font-weight:700 }
.ctna-card p { color: var(--ctna-muted) }
.ctna-card .ctna-card-meta { font-size: .86rem; margin: .8rem 0 }
.ctna-card-meta span { display: block }
.ctna-panel .ctna-card-review { display: inline-block; margin-top: .7rem; color: var(--ctna-blue); font-size: .83rem }
.ctna-panel .ctna-cta, .ctna-callout .ctna-cta {
  display: flex; justify-content: space-between; align-items: center; gap: .65rem;
  background: var(--ctna-blue); color: #fff; padding: .64rem .95rem; min-height: 44px;
  font-weight: 680; font-size: .93rem; border-radius: 10px; text-decoration: none; line-height: 1.32;
}
.ctna-panel .ctna-cta:hover, .ctna-callout .ctna-cta:hover { background: #124734; color: #fff }
.ctna-cta:focus-visible { outline: 3px solid #ca7f16; outline-offset: 3px }
.ctna-cta span[lang="hi"] { display: block; font-size: .79rem }
.ctna-locked, .ctna-hub-rules { padding: 22px clamp(16px,4vw,38px) }
.ctna-hub-rules { border-top: 1px solid var(--ctna-border); background:#fff }
.ctna-hub-rules h3 span { font-size: .87em }
.ctna-hub-rules p { max-width: 78ch }
.ctna-hub-actions { display:flex; gap:12px; flex-wrap:wrap; margin-top:.95rem }
.ctna-panel .ctna-secondary { background: #e3edf9; color: #12372e }
.ctna-callout {
  margin: 1.1rem 0; padding: 16px 18px; border:1px solid var(--ctna-border);
  background:#f0f6fd; border-radius: 14px; display:flex; flex-wrap:wrap;
  align-items:center; justify-content:space-between; gap: 12px;
}
.ctna-callout p { margin:0; font-size:.9rem }
@media (max-width: 520px) {
  .ctna-metrics { grid-template-columns: repeat(2,minmax(0,1fr)) }
  .ctna-hub-actions a { flex: 1 1 100% }
}
.ctna-paper-sources { margin: 1rem 0 .2rem }
.ctna-paper-sources summary { font-weight: 680; cursor: pointer }
.ctna-paper-sources li { margin: .45rem 0 }
.ctna-paper-sources a { color: var(--ctna-blue) }

.ctna-pass-bar {
  display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px;
  background: #e9f5ec; border-bottom: 1px solid var(--ctna-border);
}
.ctna-pass-bar p { margin: .24rem 0; color: var(--ctna-muted) }
.ctna-existing { font-size: .87rem; color: #19563e }
.ctna-card.ctna-demo-card { border-color: #75ab8b; background: #f6fcf8 }
.ctna-demo-card .ctna-card-status { background: #ddeee2; color: #174f34 }
.ctna-locked-card .ctna-card-status { background: #eef1f6; color: #485873 }
.ctna-panel .ctna-locked-card .ctna-cta { background: #e8f3ed; color: #214d3c }
.ctna-panel .ctna-locked-card .ctna-cta:hover { background: #d9ebe0 }
.ctna-callout .ctna-secondary { background: #e8f3ed; color: #214d3c }
@media (max-width: 520px) { .ctna-pass-bar .ctna-cta { width: 100% } }

.ctna-series-stream { color: #ffdc94 !important; font-weight: 680 }