/* Assessments tab (2026-10-15) */
.as-hero .as-next{margin-top:16px}
.as-hero .as-next svg{width:14px;height:14px}
.as-hero .hero-ring b{font-size:17px}
.as-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.as-card{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 18px 16px;overflow:hidden}
.as-card::before{content:"";position:absolute;left:0;top:0;right:0;height:4px;background:var(--c)}
.as-card.done{border-color:color-mix(in srgb,var(--c) 35%,var(--line))}
.as-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.as-ic{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;color:var(--c);background:color-mix(in srgb,var(--c) 12%,#fff)}
.as-ic svg{width:24px;height:24px}
.as-num{font-family:var(--mono);font-size:12px;font-weight:700;color:var(--faint)}
.as-card h3{margin:0;font-size:17px;font-weight:800;color:var(--ink);line-height:1.25;text-wrap:balance}
.as-tag{margin:4px 0 0;font-size:13.5px;font-weight:600;color:var(--body);text-wrap:pretty}
.as-about{margin:8px 0 0;font-size:13px;line-height:1.5;color:var(--muted);text-wrap:pretty}
.as-meta{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:12px;font-size:12px;font-weight:600;color:var(--muted)}
.as-meta span+span::before{content:"·";margin-right:12px;color:var(--faint)}
.as-status{display:flex;align-items:center;gap:7px;margin-top:14px;font-size:12.5px;font-weight:700;color:var(--muted)}
.as-status svg{width:14px;height:14px;padding:2px;border-radius:50%;background:var(--green);color:#fff}
.as-status.done{color:var(--green)}
.as-status.prog{color:var(--ink)}
.as-bar{width:70px;height:6px;border-radius:999px;background:#e6eaf0;overflow:hidden}
.as-bar i{display:block;height:100%;background:var(--c)}
.as-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}
.as-results div{background:color-mix(in srgb,var(--c) 8%,#fff);border-radius:9px;padding:7px 10px;min-width:0}
.as-results small{display:block;font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.as-results b{display:block;font-size:13px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.as-hist{margin-top:8px;font-size:11.5px;color:var(--faint)}
.as-acts{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:14px}
.as-acts .btn svg{width:13px;height:13px}
/* the full-screen runner */
body.as-run-on{overflow:hidden}
.as-run{position:fixed;inset:0;z-index:400;display:flex;flex-direction:column;background:var(--paper)}
.as-run-bar{display:flex;align-items:center;gap:12px;padding:10px 14px;padding-top:calc(10px + env(safe-area-inset-top,0px));background:var(--navy);color:#fff}
.as-run-bar .btn svg{width:15px;height:15px}
.as-run-t{flex:1;min-width:0;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.as-run-t i{width:9px;height:9px;border-radius:50%;flex:none;align-self:center}
.as-run-t b{font-size:15px;font-weight:800;color:#fff}
.as-run-t small{font-size:12.5px;font-weight:700;color:#fff;opacity:.9}
.as-run-frame{position:relative;flex:1;min-height:0}
.as-iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#fff}
.as-run-load{position:absolute;inset:0}
@media (max-width:1100px){.as-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:700px){
  .as-grid{grid-template-columns:minmax(0,1fr)}
  .as-run-bar{gap:8px;padding:8px 10px;padding-top:calc(8px + env(safe-area-inset-top,0px))}
  .as-run-t small{display:none}
  .as-run-bar .btn span{display:none}
  .as-run-bar .btn{width:38px;padding:0;justify-content:center}
}
.as-gets{margin-top:3px;font-size:12px;font-weight:600;color:var(--muted)}