/* PayerGrade — ACA Marketplace denial-rate explorer.
   Design carried over from the original PayerGrade preview: Fraunces display serif,
   teal hero gradient, arc gauges, card shadows. Data is real CMS. */
#pg{--pg-page:#EFF7F6;--pg-w:#fff;--pg-t1:#0F172A;--pg-t2:#334155;--pg-t3:#64748B;--pg-t4:#94A3B8;
--pg-b1:#CBD5E1;--pg-b2:#E2E8F0;--pg-b3:#F1F5F9;--pg-teal:#0D9488;--pg-td:#0F766E;--pg-tlt:#F0FDFA;--pg-tbd:#99F6E4;
--pg-g:#15803D;--pg-gbg:#F0FDF4;--pg-gbd:#86EFAC;--pg-am:#B45309;--pg-abg:#FFFBEB;--pg-abd:#FDE68A;
--pg-re:#B91C1C;--pg-rbg:#FEF2F2;--pg-rbd:#FECACA;
--pg-hgrad:linear-gradient(120deg,#115E59 0%,#0F766E 45%,#0E7490 100%);
--pg-sh1:0 1px 3px rgba(15,23,42,.04),0 4px 16px rgba(15,23,42,.07);
--pg-sh2:0 4px 20px rgba(15,23,42,.09),0 12px 40px rgba(15,23,42,.12);
--pg-serif:'Fraunces','Georgia',serif;
font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--pg-t1);display:block;margin:0 0 8px}
#pg *,#pg *::before,#pg *::after{box-sizing:border-box}
#pg .pg-shell{background:var(--pg-page);border:1px solid var(--pg-b2);border-radius:20px;padding:0;overflow:hidden;box-shadow:var(--pg-sh1)}

/* ── hero ── */
#pg .pg-hero{background:var(--pg-hgrad);padding:26px 26px 22px;color:#fff;position:relative;overflow:hidden}
#pg .pg-hero::after{content:"";position:absolute;top:-90px;right:-70px;width:280px;height:280px;border-radius:50%;background:rgba(255,255,255,.055)}
#pg .pg-hero-in{position:relative;z-index:1}
#pg .pg-eyebrow{display:inline-block;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);
border-radius:30px;padding:4px 13px;font-size:10.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#CCFBF1;margin-bottom:13px}
#pg .pg-hero h2{font-family:var(--pg-serif);font-size:27px;font-weight:800;letter-spacing:-.02em;line-height:1.18;margin:0 0 7px;color:#fff}
#pg .pg-hero p{font-size:13.5px;line-height:1.6;color:#B9EDE6;max-width:620px;margin:0}
#pg .pg-nat{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:16px;margin-top:20px}
#pg .pg-nat b{display:block;font-family:var(--pg-serif);font-size:27px;font-weight:800;line-height:1.1;color:#fff;letter-spacing:-.01em}
#pg .pg-nat span{display:block;font-size:10.5px;color:#9FE3DA;margin-top:4px;line-height:1.45}

/* ── controls ── */
#pg .pg-body{padding:20px 22px 22px}
#pg .pg-controls{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;margin-bottom:18px}
#pg .pg-field{display:flex;flex-direction:column;gap:5px;min-width:0}
#pg .pg-field>label{font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--pg-t3)}
#pg select,#pg input[type=search]{font:inherit;font-size:14px;padding:9px 12px;border:1px solid var(--pg-b1);border-radius:10px;background:var(--pg-w);color:var(--pg-t1);min-height:40px;max-width:100%}
#pg input[type=search]{min-width:210px}
#pg select:focus-visible,#pg input:focus-visible,#pg button:focus-visible{outline:2px solid var(--pg-teal);outline-offset:2px}
#pg .pg-count{margin-left:auto;font-size:12.5px;color:var(--pg-t3);padding-bottom:11px}
#pg .pg-toggle>span{display:flex;align-items:center;gap:7px;min-height:40px}
#pg .pg-toggle input[type=checkbox]{width:16px;height:16px;accent-color:var(--pg-teal);margin:0;cursor:pointer}
#pg .pg-tog-lbl{font-size:12.5px;color:var(--pg-t2);font-weight:500;cursor:pointer;letter-spacing:0;text-transform:none}

/* ── cards ── */
#pg .pg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:14px}
#pg .pg-card{background:var(--pg-w);border:1px solid var(--pg-b2);border-radius:16px;padding:18px;
box-shadow:var(--pg-sh1);display:flex;flex-direction:column;gap:12px;text-align:left;width:100%;cursor:pointer;
transition:box-shadow .18s,transform .18s,border-color .18s;font:inherit;color:inherit}
#pg .pg-card:hover{box-shadow:var(--pg-sh2);transform:translateY(-2px);border-color:var(--pg-tbd)}
#pg .pg-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
#pg .pg-name{font-family:var(--pg-serif);font-weight:800;font-size:16px;line-height:1.22;letter-spacing:-.01em}
#pg .pg-sub{font-size:11px;color:var(--pg-t3);margin-top:4px;letter-spacing:.01em}
#pg .pg-gauge{flex:0 0 auto}
#pg .pg-meta{display:flex;flex-wrap:wrap;gap:6px}
#pg .pg-chip{font-size:10.5px;font-weight:600;padding:4px 9px;border-radius:999px;border:1px solid var(--pg-b2);background:var(--pg-b3);color:var(--pg-t2);letter-spacing:.01em}
#pg .pg-mini{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--pg-b2);border:1px solid var(--pg-b2);border-radius:11px;overflow:hidden}
#pg .pg-mini>div{background:var(--pg-w);padding:9px 11px}
#pg .pg-mini b{display:block;font-family:var(--pg-serif);font-size:16px;font-weight:800;line-height:1.15}
#pg .pg-mini span{display:block;font-size:9.5px;color:var(--pg-t3);margin-top:2px;letter-spacing:.02em;text-transform:uppercase;font-weight:600}

/* ── bands ── */
#pg .b-good{color:var(--pg-g)} #pg .b-mid{color:var(--pg-am)} #pg .b-bad{color:var(--pg-re)}
#pg .pill-good{background:var(--pg-gbg);border-color:var(--pg-gbd);color:var(--pg-g)}
#pg .pill-mid{background:var(--pg-abg);border-color:var(--pg-abd);color:var(--pg-am)}
#pg .pill-bad{background:var(--pg-rbg);border-color:var(--pg-rbd);color:var(--pg-re)}

/* ── profile ── */
#pg .pg-back{font:inherit;font-size:13px;font-weight:600;color:var(--pg-td);background:none;border:0;padding:6px 0;cursor:pointer;margin-bottom:12px}
#pg .pg-profile{background:var(--pg-w);border:1px solid var(--pg-b2);border-radius:18px;padding:24px;box-shadow:var(--pg-sh1)}
#pg .pg-ptop{display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:space-between;margin-bottom:6px}
#pg .pg-ptitle{font-family:var(--pg-serif);font-size:25px;font-weight:800;letter-spacing:-.02em;line-height:1.2}
#pg .pg-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:11px;margin:20px 0 6px}
#pg .pg-stat{border:1px solid var(--pg-b2);border-radius:13px;padding:13px 15px;background:var(--pg-b3)}
#pg .pg-stat b{display:block;font-family:var(--pg-serif);font-size:23px;font-weight:800;letter-spacing:-.01em;line-height:1.1}
#pg .pg-stat span{display:block;font-size:10.5px;color:var(--pg-t3);margin-top:4px;line-height:1.45}
#pg h3.pg-h{font-family:var(--pg-serif);font-size:16px;font-weight:800;letter-spacing:-.01em;color:var(--pg-t1);margin:24px 0 11px;text-transform:none}
#pg .pg-reason{display:grid;grid-template-columns:1fr auto;gap:4px 12px;align-items:center;padding:8px 0;border-bottom:1px solid var(--pg-b3);font-size:13.5px}
#pg .pg-reason:last-of-type{border-bottom:0}
#pg .pg-reason em{font-style:normal;color:var(--pg-t3);font-size:11.5px}
#pg .pg-reason>div:nth-child(2){font-family:var(--pg-serif);font-weight:800;color:var(--pg-re)}
#pg .pg-rbar{grid-column:1/-1;height:5px;border-radius:3px;background:var(--pg-b3);overflow:hidden}
#pg .pg-rbar i{display:block;height:100%;background:var(--pg-teal);border-radius:3px;transition:width .5s ease}

/* ── notes ── */
#pg .pg-note{font-size:12px;color:var(--pg-t3);line-height:1.65;background:var(--pg-b3);border:1px solid var(--pg-b2);
border-radius:12px;padding:13px 16px;margin-top:18px}
#pg .pg-note strong{color:var(--pg-t2);display:block;margin-bottom:3px}
#pg .pg-note a{color:var(--pg-td);font-weight:600}
#pg .pg-empty{background:var(--pg-w);border:1px dashed var(--pg-b1);border-radius:16px;padding:36px 20px;text-align:center;color:var(--pg-t3);font-size:14px}
#pg .pg-unranked{font-size:12px;color:var(--pg-am);background:var(--pg-abg);border:1px solid var(--pg-abd);border-radius:10px;padding:9px 13px;margin-top:12px}

/* ── remarks ── */
#pg .pg-remarks{margin-top:22px;border:1px solid var(--pg-b2);border-radius:16px;background:var(--pg-w);padding:20px;box-shadow:var(--pg-sh1)}
#pg .pg-remarks h3{font-family:var(--pg-serif);font-size:17px;font-weight:800;margin:0 0 4px}
#pg .pg-remarks p.pg-rsub{font-size:12.5px;color:var(--pg-t3);line-height:1.6;margin:0 0 14px}
#pg .pg-empty-state{border:1px dashed var(--pg-b1);border-radius:13px;padding:22px;text-align:center;background:var(--pg-b3)}
#pg .pg-empty-state b{display:block;font-family:var(--pg-serif);font-size:15px;margin-bottom:5px;color:var(--pg-t2)}
#pg .pg-empty-state span{font-size:12.5px;color:var(--pg-t3);line-height:1.6}
#pg .pg-form{display:grid;gap:11px;margin-top:14px}
#pg .pg-form textarea{font:inherit;font-size:14px;padding:11px 13px;border:1px solid var(--pg-b1);border-radius:10px;min-height:92px;resize:vertical;color:var(--pg-t1);background:var(--pg-w)}
#pg .pg-row2{display:grid;grid-template-columns:1fr 1fr;gap:11px}
#pg .pg-submit{font:inherit;font-size:14px;font-weight:700;padding:11px 20px;border:0;border-radius:10px;background:var(--pg-td);color:#fff;cursor:pointer;justify-self:start}
#pg .pg-submit:hover{background:var(--pg-teal)}
#pg .pg-submit:disabled{background:var(--pg-b1);cursor:not-allowed}
#pg .pg-formnote{font-size:11.5px;color:var(--pg-t3);line-height:1.6}

@media(max-width:620px){
  #pg .pg-hero{padding:20px 17px 18px}
  #pg .pg-hero h2{font-size:22px}
  #pg .pg-body{padding:16px 15px 18px}
  #pg .pg-grid{grid-template-columns:1fr}
  #pg input[type=search]{min-width:0;width:100%}
  #pg .pg-field{flex:1 1 100%}
  #pg .pg-count{margin-left:0;padding-bottom:0}
  #pg .pg-ptitle{font-size:20px}
  #pg .pg-profile{padding:17px}
  #pg .pg-row2{grid-template-columns:1fr}
}