/* ai-swarm#8222/#8223 · [pca_assessment] · carries its own navy background (same palette as [dms_forward]) so it reads
   the same in the light and dark themes. White on #0A1128 = 18.9:1 · #C7D2FE on #0A1128 = 12.9:1 · #0A1128 on #60A5FA = 7.4:1. */
.pca-assess{--a-bg1:#0A1128;--a-bg2:#1E3A8A;--a-text:#FFFFFF;--a-muted:#C7D2FE;--a-card:rgba(255,255,255,.06);--a-line:rgba(96,165,250,.35);
  --a-accent:#60A5FA;--a-accent-text:#0A1128;--a-focus:#FFD900;
  background:linear-gradient(135deg,var(--a-bg1),var(--a-bg2));color:var(--a-text);border:1px solid var(--a-line);border-radius:20px;
  padding:28px 18px;max-width:920px;margin:0 auto;font-size:16px;line-height:1.5;text-align:left}
.pca-assess *{box-sizing:border-box}
.pca-assess__head{position:sticky;top:0;z-index:2;background:linear-gradient(135deg,var(--a-bg1),#14286a);margin:-28px -18px 18px;padding:24px 18px 14px;border-radius:20px 20px 0 0}
.pca-assess__kicker{color:var(--a-accent);font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px}
/* (0,2,0) beats Pixfort's h3:not(.elementor-heading-title) (0,1,1), which painted the title black on navy · ai-swarm#8296 M03 */
.pca-assess .pca-assess__title{color:var(--a-text);font-size:26px;line-height:1.2;margin:0 0 8px;font-weight:700}
.pca-assess__intro{color:var(--a-muted);margin:0 0 14px}
.pca-assess__progress{height:10px;background:rgba(255,255,255,.15);border-radius:99px;overflow:hidden}
.pca-assess__bar{display:block;height:100%;width:0;background:linear-gradient(90deg,#60A5FA,#34D399);border-radius:99px;transition:width .35s ease}
.pca-assess__count{color:var(--a-muted);font-size:13px;margin:6px 0 0}
.pca-assess__family{border:0;margin:0 0 18px;padding:0}
.pca-assess__family legend{color:var(--a-text);font-weight:700;font-size:18px;margin:0 0 10px;padding:0}
.pca-assess__q{background:var(--a-card);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:14px;margin:0 0 10px;transition:border-color .2s}
.pca-assess__q.is-done{border-color:var(--a-line)}
.pca-assess__qtext{margin:0 0 10px;color:var(--a-text);display:flex;gap:10px}
.pca-assess__num{flex:0 0 26px;height:26px;border-radius:50%;background:rgba(96,165,250,.2);color:var(--a-accent);font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center}
.pca-assess__opts{display:flex;flex-wrap:wrap;gap:8px;padding-left:36px}
.pca-assess__opt{position:relative;cursor:pointer;margin:0}
.pca-assess__opt input{position:absolute;opacity:0;width:1px;height:1px}
.pca-assess__opt span{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 16px;border-radius:99px;border:1px solid rgba(255,255,255,.3);color:var(--a-text);font-weight:600;font-size:15px}
.pca-assess__opt span::before{content:"";width:18px;height:18px;border-radius:5px;border:2px solid var(--a-muted);flex:0 0 18px}
.pca-assess__opt input:checked+span{background:var(--a-accent);color:var(--a-accent-text);border-color:var(--a-accent)}
.pca-assess__opt input:checked+span::before{border-color:var(--a-accent-text);background:var(--a-accent-text) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%2360A5FA' stroke-width='2.5' d='M3 8.5l3 3 7-7'/%3E%3C/svg%3E") center/14px no-repeat}
.pca-assess__opt input:focus-visible+span{outline:3px solid var(--a-focus);outline-offset:2px}
.pca-assess__result{background:rgba(255,255,255,.08);border:1px solid var(--a-line);border-radius:16px;padding:20px;margin:8px 0 0}
.pca-assess__score{font-size:56px;font-weight:800;line-height:1;margin:0 0 6px;color:var(--a-text)}
.pca-assess__band{color:var(--a-muted);font-size:17px;margin:0 0 12px}
.pca-assess__fams{list-style:none;margin:0 0 16px;padding:0;display:grid;grid-template-columns:1fr;gap:6px}
.pca-assess__fams li{display:flex;justify-content:space-between;gap:8px;background:rgba(255,255,255,.06);padding:8px 12px;border-radius:10px;color:var(--a-text)}
.pca-assess__actions{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}
.pca-assess__btn{min-height:46px;padding:10px 20px;border-radius:10px;border:0;background:var(--a-accent);color:var(--a-accent-text);font-weight:700;font-size:15px;cursor:pointer}
.pca-assess__btn--ghost{background:transparent;color:var(--a-text);border:1px solid rgba(255,255,255,.5)}
.pca-assess__btn:focus-visible{outline:3px solid var(--a-focus);outline-offset:2px}
.pca-assess__mail{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--a-muted);flex:1 1 220px}
.pca-assess__mail input{min-height:46px;padding:10px 12px;border-radius:10px;border:0;background:#fff;color:#1F2937;font-size:15px}
.pca-assess__note{color:var(--a-muted);font-size:14px;margin:14px 0 0}
.pca-assess__sheet{color:#FFFFFF;text-decoration:underline}
.pca-assess__note a,.pca-assess__other a{color:#FFFFFF;text-decoration:underline}
.pca-assess__other{margin:18px 0 0;font-weight:700}
@media (min-width:768px){.pca-assess{padding:36px 40px}.pca-assess__head{margin:-36px -40px 22px;padding:30px 40px 16px}.pca-assess__fams{grid-template-columns:1fr 1fr}}
/* Print = the blank sheet (or the filled one): only the test is printed. */
@media print{
  body *{visibility:hidden!important}
  .pca-assess,.pca-assess *{visibility:visible!important}
  .pca-assess{position:absolute;left:0;top:0;width:100%;background:#fff!important;color:#000!important;border:0;padding:0;font-size:12px}
  .pca-assess *{color:#000!important;background:transparent!important;border-color:#999!important}
  .pca-assess__head{position:static;margin:0 0 10px;padding:0}
  .pca-assess__progress,.pca-assess__count,.pca-assess__actions,.pca-assess__other,.pca-assess__result[hidden]{display:none!important}
  .pca-assess__q{break-inside:avoid;padding:6px 8px;margin:0 0 6px}
  .pca-assess__opt span{min-height:0;padding:2px 10px}
  .pca-assess__opt span::before{border-color:#000!important}
}