.back{color:var(--muted);text-decoration:none;font-size:.88rem}
  .back:hover{color:var(--accent)}
  .urlbar{display:flex;gap:.6rem;margin:1rem 0}
  .urlbar input{flex:1}
  .gradebox{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}
  .grade{font-size:3.5rem;font-weight:800;line-height:1;width:5rem;height:5rem;
    display:grid;place-items:center;border-radius:14px}
  .gA{background:rgba(63,185,80,.15);color:#3fb950}
  .gB{background:rgba(63,185,80,.12);color:#5fc770}
  .gC{background:rgba(210,153,34,.15);color:#d29922}
  .gD{background:rgba(210,153,34,.18);color:#e0a92e}
  .gE{background:rgba(248,81,73,.15);color:#f85149}
  .gF{background:rgba(248,81,73,.2);color:#f85149}
  .hrow{display:flex;align-items:flex-start;gap:.7rem;padding:.6rem 0;border-bottom:1px solid var(--line)}
  .hrow .mark{font-size:1.1rem;flex:0 0 auto;width:1.5rem;text-align:center}
  .hrow .ok{color:#3fb950} .hrow .no{color:#f85149}
  .hrow h4{margin:0;font-size:.92rem} .hrow .d{color:var(--muted);font-size:.83rem}
  .hrow .v{font-family:ui-monospace,Menlo,monospace;font-size:.78rem;color:var(--muted);
    word-break:break-all;margin-top:.2rem}
  .hrow .w{margin-left:auto;font-size:.75rem;color:var(--muted);white-space:nowrap}