/* My progress: a summary strip and one row per trade */
.pg{max-width:1080px;margin:0 auto;padding:56px 24px 100px}
.pg-head h1{margin:0;font-size:clamp(34px,4.6vw,52px);font-weight:650;letter-spacing:-.04em}
.pg-head p{margin:12px 0 0;color:var(--muted);font-size:17px}
.pg-sum{margin:32px 0 28px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.pg-sum div{padding:18px 20px;border-radius:18px;background:var(--surface);box-shadow:0 0 0 1px var(--line);display:grid;gap:4px}
.pg-sum b{font-size:32px;font-weight:650;letter-spacing:-.03em;line-height:1}
.pg-sum span{color:var(--muted);font-size:13.5px}
.pg-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.pg-card{display:grid;grid-template-columns:120px minmax(0,1fr) auto;grid-template-rows:auto auto auto;column-gap:16px;row-gap:6px;align-items:center;
  padding:12px 18px 12px 12px;border-radius:18px;background:var(--surface);box-shadow:0 0 0 1px var(--line);color:inherit;text-decoration:none;transition:transform .2s}
.pg-card:hover{transform:translateY(-1px)}
.pg-card img{grid-row:1/4;width:120px;height:76px;object-fit:cover;border-radius:12px;background:#15171b}
.pg-name{font-weight:650;font-size:16.5px;letter-spacing:-.01em}
.pg-pass{grid-column:2;justify-self:start;padding:3px 8px;border-radius:99px;background:var(--chip);color:var(--muted);font:500 11.5px/1.3 "Geist Mono",ui-monospace,monospace}
.pg-pass.on{color:#0a7c45;background:rgba(10,124,69,.12)}
.pg-meta{grid-column:2;color:var(--muted);font-size:13.5px}
.pg-meta b{color:var(--ink);font-size:15px}
.pg-bar{grid-column:2;height:6px;border-radius:99px;background:var(--chip);overflow:hidden}
.pg-bar i{display:block;height:100%;border-radius:99px;background:#2997ff}
.pg-recent{grid-column:2;display:flex;flex-wrap:wrap;gap:6px}
.pg-recent em{font-style:normal;font-size:12px;padding:3px 8px;border-radius:99px;background:var(--chip);color:var(--muted)}
.pg-recent em.ok{color:#0a7c45}
.pg-recent em.no{color:#c2410c}
.pg-go{grid-column:3;grid-row:1/4;font-size:14px;font-weight:600;color:#0071e3;white-space:nowrap}
.pg-row.none .pg-card img{filter:grayscale(.6) brightness(.85)}
@media (max-width:760px){
  .pg{padding:36px 16px 90px}
  .pg-sum{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pg-list{grid-template-columns:minmax(0,1fr)}
  .pg-card{grid-template-columns:96px minmax(0,1fr);padding-right:14px}
  .pg-card img{width:96px;height:64px}
  .pg-go{grid-column:2;grid-row:auto}
}
/* admin: demo requests */
.ad-wrap{overflow-x:auto;margin-top:24px}
.ad-table{width:100%;border-collapse:collapse;font-size:14px}
.ad-table th{text-align:left;padding:10px 12px;color:var(--muted);font:500 11.5px/1.2 "Geist Mono",ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid var(--line)}
.ad-table td{padding:12px;border-bottom:1px solid var(--line);vertical-align:top}
.ad-table a{color:inherit}
.pg-empty{padding:22px 24px;border:1px solid var(--line);border-radius:16px;color:var(--muted);font-size:15px;line-height:1.7;background:var(--surface)}.pg-list{grid-template-columns:minmax(0,1fr);max-width:760px}.pg-pass{white-space:normal;line-height:1.5}.pg-recent em{overflow-wrap:anywhere}.pg-sum div{border-radius:14px}.pg-head p{font-size:15px;line-height:1.7}.pg-card{border-radius:16px}.pg-pass.on,.pg-recent em.ok{color:#279765}.pg-go{color:var(--focus)}
@media(max-width:380px){.pg-card{grid-template-columns:72px minmax(0,1fr);gap:6px 12px}.pg-card img{width:72px;height:60px}.pg-name{font-size:15px}.pg-meta{font-size:12px}.pg-sum div{padding:16px}.pg-sum span{font-size:12px}}
/* Question practice is shown independently of hands-on assessment scores. */
.pg-knowledge { display:flex; justify-content:space-between; align-items:center; gap:24px; padding:24px; margin:22px 0; border:1px solid var(--line,#d4dce6); border-radius:12px; background:var(--surface,#f1f5f9); color:var(--ink,#172331); }
.pg-knowledge[hidden] { display:none; }
.pg-kicker { font-size:10px; font-weight:700; letter-spacing:.1em; }
.pg-knowledge h2 { margin:10px 0; font-size:22px; }
.pg-knowledge p { font-size:14px; }
.pg-knowledge small { font-size:12px; opacity:.8; }
.pg-knowledge>a { padding:12px 16px; min-height:44px; border:1px solid currentColor; border-radius:8px; text-decoration:none; font-size:13px; white-space:nowrap; }
@media(max-width:600px) { .pg-knowledge { flex-direction:column; align-items:stretch; padding:20px; } .pg-knowledge>a { text-align:center; } }