:root{--nav:#0d3651;--ink:#172033;--muted:#667085;--paper:#f7f4ef;--purple:#6d4fd6;--gold:#f2b84b;--green:#0f766e;--border:#ddd7cd}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif}.pmcc-wrap{max-width:1210px;margin:0 auto;padding-left:24px;padding-right:24px}.pmcc-header{background:var(--nav);color:#fff;border-bottom:3px solid #6d4fd6}.pmcc-header-inner{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px}.pmcc-brand{font:700 20px Lora,Georgia,serif;color:#fff;text-decoration:none}.pmcc-brand span{font:800 11px Inter,sans-serif;background:#6d4fd6;border-radius:999px;padding:5px 8px;margin-left:5px}.pmcc-header nav{display:flex;gap:22px;align-items:center;flex-wrap:wrap}.pmcc-header nav a{color:#e5edf4;text-decoration:none;font-size:14px;font-weight:700}.pmcc-header nav a.active{color:#fff;border-bottom:2px solid var(--gold);padding-bottom:5px}.pmcc-hero{padding:52px 0;background:linear-gradient(120deg,#1e245b,#0d4160);color:#fff}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.11em;color:#d9d1ff}.pmcc-hero h1{font:700 42px/1.12 Lora,Georgia,serif;max-width:860px;margin:12px 0}.pmcc-hero p{max-width:920px;font-size:17px;line-height:1.65;color:#e7edf4}.warning{margin-top:22px;max-width:950px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.22);border-left:5px solid var(--gold);padding:15px 17px;border-radius:10px;line-height:1.5}.pmcc-grid-section{padding-top:34px;padding-bottom:55px;display:grid;gap:22px}.pmcc-card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:24px;box-shadow:0 7px 22px rgba(31,41,55,.06)}.section-head{display:flex;justify-content:space-between;gap:16px;align-items:center}.pmcc-card h2{font:700 26px Lora,Georgia,serif;margin:0 0 16px}.control-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px}.control-grid label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:800;color:#475467}.control-grid select,.control-grid input{width:100%;padding:10px 11px;border:1px solid #ccd3dc;border-radius:9px;background:#fff;color:#172033;font-size:14px}.pmcc-btn{border:1px solid #c6ccd5;background:#fff;color:#172033;border-radius:9px;padding:10px 14px;font-weight:800;cursor:pointer}.pmcc-btn.primary{background:#0f766e;color:#fff;border-color:#0f766e}.fine{font-size:12px;color:#667085;line-height:1.55}.status{font-weight:700;color:#475467}.status.good{border-color:#8bd1be;background:#eefaf6;color:#0f604f}.status.bad{border-color:#e7aaaa;background:#fff3f3;color:#8f2929}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:8px 0 22px}.metric{background:#f7f8fa;border:1px solid #e2e5ea;border-radius:12px;padding:14px}.metric span{display:block;font-size:12px;color:#667085}.metric strong{display:block;font-size:22px;margin-top:5px}.chart-wrap{border:1px solid #e2e5ea;border-radius:12px;padding:12px;overflow:hidden}.chart-wrap canvas{width:100%;height:auto}.detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}.detail{border:1px solid #e2e5ea;border-radius:10px;padding:12px}.detail span{font-size:12px;color:#667085}.detail strong{display:block;margin-top:4px}.callout{padding:15px;border-left:5px solid #6d4fd6;background:#f4f1ff;border-radius:8px;line-height:1.55}.pmcc-card li{margin:8px 0;line-height:1.5}@media(max-width:1000px){.control-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pmcc-header-inner{align-items:flex-start;flex-direction:column;padding-top:18px;padding-bottom:18px}.metric-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.pmcc-wrap{padding-left:16px;padding-right:16px}.control-grid,.metric-grid,.detail-grid{grid-template-columns:1fr}.pmcc-hero h1{font-size:34px}.section-head{align-items:flex-start;flex-direction:column}.pmcc-btn{width:100%}}

/* A class-level display rule outranks the UA [hidden] style, which silently
   breaks any element toggled via el.hidden. Guard it once, here. */
[hidden]{display:none!important}
