/* ai-swarm#8300 · N04 · [pca_maturity_grid] · same navy palette as [pca_assessment] (#8222) 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-mgrid{--m-bg1:#0A1128;--m-bg2:#1E3A8A;--m-text:#FFFFFF;--m-muted:#C7D2FE;--m-card:rgba(255,255,255,.06);--m-line:rgba(96,165,250,.35);
  --m-accent:#60A5FA;--m-accent-text:#0A1128;--m-focus:#FFD900;
  background:linear-gradient(135deg,var(--m-bg1),var(--m-bg2));color:var(--m-text);border:1px solid var(--m-line);border-radius:20px;
  padding:28px 18px;max-width:1200px;margin:0 auto;font-size:15px;line-height:1.5;text-align:left;overflow-wrap:anywhere}
.pca-mgrid *{box-sizing:border-box}
.pca-mgrid__head{margin:0 0 18px}
.pca-mgrid__kicker{color:var(--m-accent);font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px}
.pca-mgrid .pca-mgrid__title{color:var(--m-text);font-size:26px;line-height:1.2;margin:0 0 8px;font-weight:700}
.pca-mgrid__intro,.pca-mgrid__def,.pca-mgrid__count,.pca-mgrid__note{color:var(--m-muted)}
.pca-mgrid__intro{margin:0 0 14px}
.pca-mgrid__progress{height:10px;background:rgba(255,255,255,.15);border-radius:99px;overflow:hidden}
.pca-mgrid__bar{display:block;height:100%;width:0;background:linear-gradient(90deg,#60A5FA,#34D399);border-radius:99px;transition:width .35s ease}
.pca-mgrid__count{font-size:13px;margin:6px 0 0}
.pca-mgrid__fn{border:1px solid rgba(255,255,255,.08);border-radius:16px;margin:0 0 16px;padding:14px;background:rgba(255,255,255,.03);min-width:0}
.pca-mgrid__fn.is-done{border-color:var(--m-line)}
.pca-mgrid .pca-mgrid__fn legend{color:var(--m-text);font-weight:700;font-size:19px;margin:0;padding:0 6px;float:none;width:auto}
.pca-mgrid__def{font-size:13px;margin:2px 0 10px}
.pca-mgrid__opts{display:grid;grid-template-columns:1fr;gap:8px}
@media (min-width:1024px){.pca-mgrid__opts{grid-template-columns:repeat(5,minmax(0,1fr))}}
.pca-mgrid__opt{background:var(--m-card);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:10px;display:flex;flex-direction:column;min-width:0}
.pca-mgrid__opt label{cursor:pointer;margin:0;display:flex;flex-direction:column;gap:6px;color:var(--m-text);flex:1}
.pca-mgrid__opt input{position:absolute;opacity:0;width:1px;height:1px}
.pca-mgrid__lv{font-weight:700;font-size:14px;color:var(--m-accent)}
.pca-mgrid__lv::before{content:"";display:inline-block;width:14px;height:14px;border:2px solid var(--m-accent);border-radius:50%;margin-right:8px;vertical-align:-2px}
.pca-mgrid__looks{font-size:13.5px;line-height:1.45}
.pca-mgrid__opt:has(input:checked){background:var(--m-accent);border-color:var(--m-accent)}
.pca-mgrid__opt:has(input:checked) label,.pca-mgrid__opt:has(input:checked) .pca-mgrid__lv,.pca-mgrid__opt:has(input:checked) summary,.pca-mgrid__opt:has(input:checked) li{color:var(--m-accent-text)}
.pca-mgrid__opt:has(input:checked) .pca-mgrid__lv::before{background:var(--m-accent-text);border-color:var(--m-accent-text)}
.pca-mgrid__opt:has(input:focus-visible){outline:3px solid var(--m-focus);outline-offset:2px}
.pca-mgrid__ev{margin-top:8px;font-size:13px}
.pca-mgrid__ev summary{cursor:pointer;color:var(--m-muted);text-decoration:underline}
.pca-mgrid__ev ul{margin:6px 0 0 18px;padding:0}
.pca-mgrid__ev li{color:var(--m-muted);margin:0 0 3px}
.pca-mgrid__result{border-top:1px solid var(--m-line);margin-top:8px;padding-top:18px}
.pca-mgrid__bars{list-style:none;margin:0 0 12px;padding:0}
.pca-mgrid__bars li{display:grid;grid-template-columns:90px minmax(0,1fr) 110px;gap:10px;align-items:center;margin:0 0 8px}
.pca-mgrid__bn{font-weight:700}
.pca-mgrid__bt{height:12px;background:rgba(255,255,255,.15);border-radius:99px;overflow:hidden}
.pca-mgrid__bt span{display:block;height:100%;background:linear-gradient(90deg,#60A5FA,#34D399);border-radius:99px}
.pca-mgrid__bars li.is-low .pca-mgrid__bt span{background:var(--m-focus)}
.pca-mgrid__bl{font-size:13px;color:var(--m-muted)}
.pca-mgrid .pca-mgrid__lowest{font-weight:700;margin:0 0 12px;color:var(--m-text)}
.pca-mgrid .pca-mgrid__next li,.pca-mgrid .pca-mgrid__bn{color:var(--m-text)}
.pca-mgrid__sub{color:var(--m-accent);font-weight:700;margin:0 0 6px}
.pca-mgrid__next{margin:0 0 16px 20px;padding:0}
.pca-mgrid__next li{margin:0 0 6px}
.pca-mgrid__actions{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 10px}
.pca-mgrid__btn{background:var(--m-accent);color:var(--m-accent-text);border:2px solid var(--m-accent);border-radius:99px;padding:10px 18px;font-weight:700;cursor:pointer;font-size:15px}
.pca-mgrid__btn--ghost{background:transparent;color:var(--m-text)}
.pca-mgrid__btn:focus-visible{outline:3px solid var(--m-focus);outline-offset:2px}
.pca-mgrid__note a,.pca-mgrid a{color:#fff;text-decoration:underline}
.pca-mgrid__note{font-size:13px;margin:0}
@media (max-width:480px){.pca-mgrid{padding:22px 12px}.pca-mgrid__bars li{grid-template-columns:80px minmax(0,1fr);}.pca-mgrid__bl{grid-column:2}}