/* Online Result Check — the result card (website page and the designer's preview). Paper-like on purpose: it reads like a printed card on any theme. */
.csh-rc{ font-family:'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif; color:#1f2937; }
.csh-rc *{ box-sizing:border-box; }
.csh-rc .logo{ width:38px; height:38px; border-radius:50%; background:var(--ink,#13224b); color:#fff; display:flex; align-items:center; justify-content:center; font-weight:900; font-size:13px; border:2px solid var(--acc,#b8932a); flex:none; overflow:hidden; }
.csh-rc .logo img{ width:100%; height:100%; object-fit:contain; background:#fff; }
.csh-rc button{ font-family:inherit; }
.csh-rc .rc{--acc:#9b7a1d;--ink:#13224b;background:#fff;color:#1f2937;border-radius:14px;overflow:hidden;box-shadow:0 10px 30px rgba(20,33,61,.1);font-size:13px;position:relative}
.csh-rc .rc table{width:100%;border-collapse:collapse}
.csh-rc .rc th{font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;color:#6b7280;text-align:left;padding:7px 8px;border-bottom:1px solid #e5e7eb;background:#fafbfd;white-space:nowrap}
.csh-rc .rc td{padding:7px 8px;border-bottom:1px solid #eef0f4}
.csh-rc .rc th.ph{white-space:normal;min-width:72px;max-width:150px;vertical-align:bottom}
.csh-rc .rc .n{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.csh-rc .rc.p-board th.cmb{background:color-mix(in srgb,var(--ink) 82%,#000);color:#fff}
.csh-rc .rc .fail{color:#c62839;font-weight:700}
.csh-rc .rc .ab{color:#c62839;font-weight:800;font-style:normal}
.csh-rc .rc .muted{color:#6b7280}
.csh-rc .rc-acts{display:flex;gap:6px;justify-content:flex-end;padding:10px 14px 0}
.csh-rc .rc-acts button{border:1px solid #e5e7eb;background:#fff;border-radius:8px;padding:6px 11px;font-weight:700;font-size:12px;cursor:pointer;color:#14213d}
.csh-rc .rc-acts button.p{background:var(--acc);border-color:var(--acc);color:#fff}
.csh-rc .rc-views{display:flex;gap:6px;margin:12px 0 8px;flex-wrap:wrap}
.csh-rc .rc-views button{border:1px solid #e5e7eb;background:#fff;border-radius:20px;padding:6px 12px;font-weight:700;cursor:pointer;font-size:12px;color:#14213d}
.csh-rc .rc-views button.on{background:var(--ink);border-color:var(--ink);color:#fff}
.csh-rc .rc-box{border:1px solid #e5e7eb;border-radius:10px;padding:10px 12px;margin-top:10px}
.csh-rc .rc-box h5{margin:0 0 4px;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#6b7280}
.csh-rc .rc-box p{margin:0;line-height:1.5}
.csh-rc .rc-key{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;font-size:11px;color:#6b7280}
.csh-rc .rc-key span{border:1px solid #e5e7eb;border-radius:6px;padding:2px 6px}
.csh-rc .rc-chart{margin-top:12px}
.csh-rc .rc-chart .cr{display:grid;grid-template-columns:90px 1fr 40px;gap:8px;align-items:center;margin-bottom:5px;font-size:11.5px}
.csh-rc .rc-chart .tr{height:10px;background:#eef0f4;border-radius:5px;overflow:hidden;position:relative}
.csh-rc .rc-chart .tr div{height:100%;background:var(--acc);border-radius:5px}
.csh-rc .rc-chart .tr em{position:absolute;top:-2px;width:2px;height:14px;background:var(--ink)}
.csh-rc .rc-cmp{display:flex;gap:10px;align-items:center;margin-top:10px;font-size:12.5px}
.csh-rc .rc-cmp b{font-size:15px}
.csh-rc .up{color:#1f9d63;font-weight:800}
.csh-rc .down{color:#c62839;font-weight:800}
.csh-rc .rc-held{padding:30px 24px;text-align:center}
.csh-rc .rc-held h3{margin:8px 0 6px;color:var(--ink)}
.csh-rc .rc-wm{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;font-size:54px;font-weight:900;color:rgba(19,34,75,.05);transform:rotate(-25deg);letter-spacing:.08em;white-space:nowrap}
.csh-rc .pos{display:inline-block;background:#fff6dc;color:#8a6a0f;border-radius:20px;padding:2px 9px;font-weight:800;font-size:11.5px}
.csh-rc .res-pass{color:#1f9d63;font-weight:900}
.csh-rc .res-fail{color:#c62839;font-weight:900}
.csh-rc .p-classic{border:2px solid var(--ink);border-radius:6px;font-family:Inter,sans-serif}
.csh-rc .p-classic .hd{text-align:center;padding:14px 14px 10px;border-bottom:2px solid var(--ink);position:relative}
.csh-rc .p-classic .hd .logo{position:absolute;left:14px;top:14px;background:var(--ink)}
.csh-rc .p-classic .hd h2{margin:0;font-family:Merriweather,Georgia,serif;font-size:19px;color:var(--ink)}
.csh-rc .p-classic .hd p{margin:2px 0 0;font-size:11.5px;color:#6b7280}
.csh-rc .p-classic .band{background:var(--ink);color:#fff;text-align:center;padding:6px;font-weight:800;letter-spacing:.08em;font-size:12px;text-transform:uppercase}
.csh-rc .p-classic .band small{display:block;font-weight:600;letter-spacing:0;text-transform:none;opacity:.8}
.csh-rc .p-classic .body{padding:12px 14px}
.csh-rc .p-classic .info{display:grid;grid-template-columns:auto 1fr auto 1fr;border:1px solid #cfd5e2;margin-bottom:10px}
.csh-rc .p-classic .info div{padding:5px 8px;border-bottom:1px solid #e5e7eb;font-size:12px}
.csh-rc .p-classic .info .k{background:#f6f7fb;font-weight:700;color:#4b5563}
.csh-rc .p-classic .info.ph{grid-template-columns:auto 1fr auto 1fr}
.csh-rc .p-classic table{border:1px solid #cfd5e2}
.csh-rc .p-classic th{background:#eef1f7;color:var(--ink);border:1px solid #cfd5e2}
.csh-rc .p-classic td{border:1px solid #e1e5ee}
.csh-rc .p-classic tfoot td{font-weight:800;background:#f6f7fb}
.csh-rc .p-classic .sum{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #cfd5e2;margin-top:10px;text-align:center}
.csh-rc .p-classic .sum div{padding:7px 4px;border-right:1px solid #e1e5ee}
.csh-rc .p-classic .sum div:last-child{border-right:0}
.csh-rc .p-classic .sum > div > span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#6b7280;font-weight:700}
.csh-rc .p-classic .sum b{font-size:15px;color:var(--ink)}
.csh-rc .p-classic .sig{display:flex;justify-content:space-between;margin-top:26px;font-size:11.5px;color:#4b5563}
.csh-rc .p-classic .sig div{border-top:1px solid #9ca3af;padding-top:4px;min-width:120px;text-align:center}
.csh-rc .p-cards .hd{background:linear-gradient(135deg,var(--ink),color-mix(in srgb,var(--ink) 70%,var(--acc)));color:#fff;padding:16px 18px;display:flex;gap:12px;align-items:center}
.csh-rc .p-cards .hd .logo{background:rgba(255,255,255,.15);border-color:var(--acc)}
.csh-rc .p-cards .hd b{font-size:14px}
.csh-rc .p-cards .hd small{display:block;opacity:.8;font-size:11.5px}
.csh-rc .p-cards .who{display:flex;gap:12px;align-items:center;padding:14px 18px;border-bottom:1px solid #eef0f4}
.csh-rc .p-cards .av{width:52px;height:52px;border-radius:50%;background:color-mix(in srgb,var(--acc) 22%,#fff);color:var(--ink);font-weight:900;display:flex;align-items:center;justify-content:center;font-size:20px;flex:none}
.csh-rc .p-cards .who h3{margin:0;font-size:16px;color:var(--ink)}
.csh-rc .p-cards .who small{display:block;color:#6b7280;font-size:12px}
.csh-rc .p-cards .body{padding:14px 18px}
.csh-rc .p-cards .tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:8px}
.csh-rc .p-cards .tile{background:#f6f7fb;border-radius:12px;padding:10px;text-align:center}
.csh-rc .p-cards .tile b{display:block;font-size:17px;color:var(--ink);line-height:1.2}
.csh-rc .p-cards .tile > span{font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:#6b7280;font-weight:700}
.csh-rc .p-cards .tile.big{background:color-mix(in srgb,var(--acc) 16%,#fff)}
.csh-rc .p-cards .subs{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px}
.csh-rc .p-cards .sc{border:1px solid #e5e7eb;border-radius:12px;padding:10px}
.csh-rc .p-cards .sc .t{display:flex;justify-content:space-between;align-items:center;font-weight:700}
.csh-rc .p-cards .sc .g{background:color-mix(in srgb,var(--acc) 18%,#fff);color:var(--ink);border-radius:6px;padding:1px 7px;font-size:11.5px;font-weight:800}
.csh-rc .p-cards .sc .m{font-size:12px;color:#6b7280;margin:4px 0}
.csh-rc .p-cards .bar{height:7px;border-radius:4px;background:#eef0f4;overflow:hidden}
.csh-rc .p-cards .bar div{height:100%;background:var(--acc)}
.csh-rc .p-cards .sc .crit{margin-top:6px;font-size:11.5px;color:#4b5563}
.csh-rc .p-cards .sc .crit div{display:flex;justify-content:space-between;border-top:1px dashed #eef0f4;padding-top:3px;margin-top:3px}
.csh-rc .p-grade{background:#fffdf7}
.csh-rc .p-grade .hd{text-align:center;padding:18px 16px 12px;background:color-mix(in srgb,var(--acc) 14%,#fff);border-bottom:3px dotted var(--acc)}
.csh-rc .p-grade .hd h2{margin:6px 0 2px;font-size:20px;color:var(--ink)}
.csh-rc .p-grade .hd .logo{margin:0 auto}
.csh-rc .p-grade .body{padding:14px 16px}
.csh-rc .p-grade .kid{display:flex;gap:12px;align-items:center;background:#fff;border:1px solid #f0e6c8;border-radius:14px;padding:10px 12px;margin-bottom:12px}
.csh-rc .p-grade .kid .av{width:48px;height:48px;border-radius:50%;background:var(--acc);color:#fff;font-weight:900;display:flex;align-items:center;justify-content:center;font-size:19px}
.csh-rc .p-grade .kid b{font-size:15px;color:var(--ink)}
.csh-rc .p-grade .kid small{display:block;color:#6b7280}
.csh-rc .p-grade .area{background:#fff;border:1px solid #f0e6c8;border-radius:14px;padding:10px 12px;margin-bottom:8px}
.csh-rc .p-grade .area h4{margin:0 0 6px;font-size:13.5px;color:var(--ink);display:flex;justify-content:space-between}
.csh-rc .p-grade .skill{display:flex;justify-content:space-between;align-items:center;padding:4px 0;border-top:1px dashed #f3ecd6;font-size:12.5px;gap:8px}
.csh-rc .p-grade .stars{color:var(--acc);letter-spacing:2px;font-size:14px;white-space:nowrap}
.csh-rc .p-grade .stars s{color:#e3dcc6;text-decoration:none}
.csh-rc .p-grade .lv{border-radius:20px;padding:2px 9px;font-size:11px;font-weight:800;white-space:nowrap}
.csh-rc .lv-ex{background:#e3f6ec;color:#1f7a50}
.csh-rc .lv-gd{background:#e7edfd;color:#3b5bc4}
.csh-rc .lv-dv{background:#fdf3dc;color:#9a6a06}
.csh-rc .lv-ne{background:#fdeaec;color:#b02a3c}
.csh-rc .p-board{border:1px solid #cfd5e2;border-radius:4px;background:#fff}
.csh-rc .p-board .hd{display:flex;gap:12px;align-items:center;padding:14px 16px;border-bottom:3px double var(--ink)}
.csh-rc .p-board .hd .logo{width:52px;height:52px;background:#fff;color:var(--ink);border:3px double var(--ink)}
.csh-rc .p-board .hd h2{margin:0;font-family:Merriweather,Georgia,serif;font-size:17px;color:var(--ink);text-transform:uppercase;letter-spacing:.04em}
.csh-rc .p-board .hd p{margin:2px 0 0;font-size:11.5px;color:#6b7280}
.csh-rc .p-board .ttl{text-align:center;font-family:Merriweather,Georgia,serif;font-weight:900;color:var(--ink);padding:10px 0 4px;font-size:15px;letter-spacing:.06em;text-decoration:underline;text-underline-offset:4px}
.csh-rc .p-board .body{padding:8px 16px 16px}
.csh-rc .p-board .info{font-size:12.5px;line-height:1.9}
.csh-rc .p-board .info b{display:inline-block;min-width:110px;color:#4b5563;font-weight:600}
.csh-rc .p-board .info u{text-decoration:none;border-bottom:1px dotted #9ca3af;padding:0 6px;font-weight:700;color:#111827}
.csh-rc .p-board table{margin-top:8px;border:1.5px solid var(--ink)}
.csh-rc .p-board th{background:var(--ink);color:#fff;border:1px solid var(--ink)}
.csh-rc .p-board td{border:1px solid #cfd5e2}
.csh-rc .p-board tfoot td{font-weight:900}
.csh-rc .p-board .verdict{margin-top:10px;border:1.5px solid var(--ink);padding:8px 10px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px;font-size:13px}
.csh-rc .p-board .stamp{margin-top:14px;display:flex;justify-content:space-between;align-items:flex-end;font-size:11px;color:#4b5563}
.csh-rc .p-board .seal{width:64px;height:64px;border-radius:50%;border:2px dashed var(--acc);color:var(--acc);display:flex;align-items:center;justify-content:center;text-align:center;font-weight:800;font-size:9px;transform:rotate(-12deg)}
.csh-rc .p-compact .hd{padding:14px 16px;border-bottom:1px solid #eef0f4;display:flex;gap:10px;align-items:center}
.csh-rc .p-compact .hd .logo{width:32px;height:32px;font-size:11px;background:var(--acc);border-color:var(--acc)}
.csh-rc .p-compact .hd b{font-size:13px;color:var(--ink)}
.csh-rc .p-compact .hd small{display:block;color:#6b7280;font-size:11px}
.csh-rc .p-compact .hero{text-align:center;padding:16px}
.csh-rc .p-compact .ring{width:116px;height:116px;border-radius:50%;margin:0 auto 8px;display:flex;align-items:center;justify-content:center;background:conic-gradient(var(--acc) calc(var(--p)*1%),#eef0f4 0)}
.csh-rc .p-compact .ring div{width:92px;height:92px;border-radius:50%;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center}
.csh-rc .p-compact .ring b{font-size:22px;color:var(--ink)}
.csh-rc .p-compact .ring small{font-size:10.5px;color:#6b7280}
.csh-rc .p-compact .hero h3{margin:2px 0;font-size:16px;color:var(--ink)}
.csh-rc .p-compact .hero p{margin:0;color:#6b7280;font-size:12px}
.csh-rc .p-compact .list{padding:0 16px 12px}
.csh-rc .p-compact details{border-top:1px solid #eef0f4}
.csh-rc .p-compact summary{display:flex;justify-content:space-between;padding:10px 2px;cursor:pointer;list-style:none;font-weight:700}
.csh-rc .p-compact summary::-webkit-details-marker{display:none}
.csh-rc .p-compact summary span:last-child{color:var(--ink)}
.csh-rc .p-compact details div{display:flex;justify-content:space-between;font-size:12px;color:#4b5563;padding:2px 10px 6px}
.csh-rc .p-body-pad{padding:0 16px 14px}
.csh-rc .rc-foot{padding:10px 14px;font-size:11px;color:#6b7280;border-top:1px solid #eef0f4;text-align:center}
.csh-rc .rcard{border:1px solid var(--line);border-radius:12px;padding:12px;margin-bottom:12px;background:#fff}
.csh-rc .rcard.on{border-color:var(--gold);box-shadow:0 0 0 3px rgba(155,122,29,.12)}
.csh-rc .rcard .rtop{display:flex;gap:8px;align-items:center;margin-bottom:8px}
.csh-rc .rcard .rtop input{flex:1;min-width:0;border:1px solid var(--line);border-radius:8px;padding:8px 10px;font-weight:700;color:var(--text)}
.csh-rc .rcard .kind{font-size:11px;font-weight:800;border-radius:20px;padding:3px 9px;background:#eef1f6;color:var(--slate);white-space:nowrap}
.csh-rc .rcard .kind.mg{background:#efe7d2;color:#7a5d12}
.csh-rc .rc .np{color:#9aa1ad;font-style:italic;font-size:11.5px}
.csh-rc .rc th.gh{text-align:center;border-bottom:1px solid #e5e7eb}
.csh-rc .rc th.cmb,.csh-rc .rc td.cmb{background:color-mix(in srgb,var(--acc) 7%,#fff)}
.csh-rc .rc-parts{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 0}
.csh-rc .rc-parts span{background:#f6f7fb;border:1px solid #eef0f4;border-radius:20px;padding:3px 10px;font-size:11.5px;color:#4b5563}
.csh-rc .rc-parts span b{color:var(--ink)}
.csh-rc .rc-sel{display:flex;gap:8px;align-items:center;padding:10px 14px 0;font-size:12px;color:#6b7280;flex-wrap:wrap}
.csh-rc .rc-sel select{max-width:100%;border:1px solid #e5e7eb;border-radius:8px;padding:6px 8px;font-weight:700;color:#14213d;background:#fff}
.csh-rc .rc-prov{margin:8px 0 0;font-size:11.5px;color:#9a6a06;background:#fdf6e3;border-radius:8px;padding:6px 10px}
.csh-rc .p-cards .pp{display:grid;grid-template-columns:minmax(0,1fr) 54px 56px;gap:6px;align-items:center;font-size:11.5px;color:#4b5563;margin-top:4px}
.csh-rc .p-cards .pp > span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.csh-rc .p-cards .pp .bar{height:5px}
.csh-rc .p-grade .skill .rt{display:flex;gap:10px}
.csh-rc .p-grade .skill .rt span small{display:block;font-size:9.5px;color:#9aa1ad;text-align:center;letter-spacing:0}
.csh-rc .rc{ max-width:860px; margin:0 auto; }
.csh-rc .rc-own iframe{ width:100%; border:0; display:block; min-height:600px; background:#fff; }
.csh-rc .rc-err{ padding:24px; text-align:center; color:#6b7280; }
@media (max-width:480px){
  .csh-rc .p-classic .info{ grid-template-columns:auto 1fr; }
  .csh-rc .p-classic .sum{ grid-template-columns:repeat(2,1fr) !important; }
  .csh-rc .p-classic .hd .logo{ position:static; margin:0 auto 6px; }
  .csh-rc .p-board .hd{ flex-direction:column; text-align:center; }
}
@media print{
  body.csh-rc-printing *{ visibility:hidden !important; }
  body.csh-rc-printing .csh-rc-printme, body.csh-rc-printing .csh-rc-printme *{ visibility:visible !important; }
  body.csh-rc-printing .csh-rc-printme{ position:absolute; left:0; top:0; width:100%; }
  body.csh-rc-printing .csh-rc-printme .rc-acts, body.csh-rc-printing .csh-rc-printme .rc-sel, body.csh-rc-printing .csh-rc-printme .rc-views{ display:none !important; }
  body.csh-rc-printing .csh-rc-printme .rc{ box-shadow:none; }
}
/* A minor subject in a one-table view, and the note under its total. */
.csh-rc .rc-mn{ display:inline-block; margin-left:6px; padding:1px 7px; border-radius:10px; font-size:10px; font-weight:700; letter-spacing:.03em; text-transform:uppercase; color:#6b7280; background:#f1f3f7; vertical-align:middle; }
.csh-rc .rc-note{ margin:4px 2px 0; font-size:11.5px; color:#6b7280; }

/* ===== Styles (Look & order): header, table, lettering, border, score colours ===== */
.csh-rc .rc{--hbg:#fff;--hfg:var(--ink);--hsub:#6b7280}
.csh-rc .rc.h-band{--hbg:var(--ink);--hfg:#fff;--hsub:rgba(255,255,255,.82)}
.csh-rc .rc.h-gradient{--hbg:linear-gradient(115deg,var(--ink) 0%,color-mix(in srgb,var(--ink) 62%,var(--acc)) 70%,var(--acc) 130%);--hfg:#fff;--hsub:rgba(255,255,255,.85)}
.csh-rc .rc.h-light{--hbg:linear-gradient(180deg,color-mix(in srgb,var(--ink) 9%,#fff),color-mix(in srgb,var(--acc) 10%,#fff));--hfg:var(--ink);--hsub:#4b5563}
.csh-rc .rc.h-letter{--hbg:#fff;--hfg:var(--ink);--hsub:#6b7280}
.csh-rc .rc:not(.h-letter) .hd{background:var(--hbg);color:var(--hfg)}
.csh-rc .rc:not(.h-letter) .hd h2,.csh-rc .rc:not(.h-letter) .hd b{color:var(--hfg)}
.csh-rc .rc:not(.h-letter) .hd p,.csh-rc .rc:not(.h-letter) .hd small,.csh-rc .rc:not(.h-letter) .hd .muted{color:var(--hsub)}
.csh-rc .rc.h-band .hd .logo,.csh-rc .rc.h-gradient .hd .logo{background:#fff;color:var(--ink);border-color:var(--acc);box-shadow:0 0 0 3px color-mix(in srgb,var(--acc) 35%,transparent)}
.csh-rc .rc.h-band .hd,.csh-rc .rc.h-gradient .hd{border-bottom:4px solid var(--acc)}
.csh-rc .rc.h-light .hd{border-bottom:3px solid var(--acc)}
.csh-rc .rc.p-classic.h-band .band,.csh-rc .rc.p-classic.h-gradient .band{background:color-mix(in srgb,var(--acc) 16%,#fff);color:var(--ink);border-bottom:1px solid color-mix(in srgb,var(--acc) 40%,#fff)}
.csh-rc .rc.p-classic.h-light .band{background:var(--ink)}
.csh-rc .rc.p-classic.h-letter .hd{border-bottom:4px double var(--ink)}
.csh-rc .rc.p-classic.h-letter .band{background:linear-gradient(90deg,var(--ink),color-mix(in srgb,var(--ink) 70%,var(--acc)))}
.csh-rc .rc.p-board:not(.h-letter) .ttl{background:color-mix(in srgb,var(--acc) 12%,#fff);margin:0;padding:9px 0 7px;border-bottom:1px solid color-mix(in srgb,var(--acc) 35%,#fff);text-decoration:none}
.csh-rc .rc.p-grade:not(.h-letter):not(.h-light) .hd{border-bottom:4px dotted var(--acc)}
.csh-rc .rc.p-compact.h-letter .hd{border-bottom:3px solid var(--acc)}
.csh-rc .rc.p-cards.h-letter .hd{background:#fff;color:var(--ink);border-bottom:4px solid var(--acc)}
.csh-rc .rc.p-cards.h-letter .hd b{color:var(--ink)}
.csh-rc .rc.p-cards.h-letter .hd small{color:#6b7280}

/* Tables */
.csh-rc .rc.t-colour th{background:var(--ink);color:#fff;border-color:var(--ink)}
.csh-rc .rc.t-colour th.cmb{background:color-mix(in srgb,var(--ink) 78%,var(--acc));color:#fff}
.csh-rc .rc.t-colour tbody tr:nth-child(even) td{background:color-mix(in srgb,var(--ink) 3.5%,#fff)}
.csh-rc .rc.t-colour tbody tr:nth-child(even) td.cmb{background:color-mix(in srgb,var(--acc) 10%,#fff)}
.csh-rc .rc.t-colour tfoot td{background:color-mix(in srgb,var(--acc) 22%,#fff);color:var(--ink);font-weight:800;border-top:2px solid var(--acc)}
.csh-rc .rc.t-striped th{background:color-mix(in srgb,var(--ink) 11%,#fff);color:var(--ink)}
.csh-rc .rc.t-striped tbody tr:nth-child(odd) td{background:color-mix(in srgb,var(--acc) 7%,#fff)}
.csh-rc .rc.t-striped tfoot td{background:color-mix(in srgb,var(--ink) 11%,#fff);font-weight:800;color:var(--ink)}
.csh-rc .rc.t-soft table{border:0 !important;border-collapse:separate;border-spacing:0 4px}
.csh-rc .rc.t-soft th{background:transparent;border:0 !important;color:var(--ink);border-bottom:2px solid var(--acc) !important}
.csh-rc .rc.t-soft td{border:0 !important;background:color-mix(in srgb,var(--ink) 4%,#fff)}
.csh-rc .rc.t-soft td:first-child{border-radius:8px 0 0 8px;box-shadow:inset 3px 0 0 var(--acc)}
.csh-rc .rc.t-soft td:last-child{border-radius:0 8px 8px 0}
.csh-rc .rc.t-soft tfoot td{background:color-mix(in srgb,var(--acc) 18%,#fff);font-weight:800;color:var(--ink)}
.csh-rc .rc tbody tr:hover td{background:color-mix(in srgb,var(--acc) 12%,#fff)}
.csh-rc .rc .lbl{display:flex;align-items:center;gap:8px;margin:14px 0 6px;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ink)}
.csh-rc .rc .lbl::before{content:"";width:6px;height:16px;border-radius:3px;background:var(--ink)}
.csh-rc .rc .lbl.mn::before{background:var(--acc)}
.csh-rc .rc .lbl:first-child{margin-top:4px}

/* Lettering */
.csh-rc .rc.f-modern{font-family:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif}
.csh-rc .rc.f-serif,.csh-rc .rc.f-serif h2,.csh-rc .rc.f-serif h3,.csh-rc .rc.f-serif .hd b{font-family:Georgia,'Times New Roman',Merriweather,serif}
.csh-rc .rc.f-friendly,.csh-rc .rc.f-friendly h2,.csh-rc .rc.f-friendly h3{font-family:'Trebuchet MS','Segoe UI',Verdana,system-ui,sans-serif;letter-spacing:0}

/* Border */
.csh-rc .rc.b-none{border:0 !important}
.csh-rc .rc.b-thin{border:1px solid color-mix(in srgb,var(--ink) 30%,#fff) !important}
.csh-rc .rc.b-double{border:5px double var(--ink) !important}
.csh-rc .rc.b-ornate{border:3px solid var(--ink) !important;box-shadow:inset 0 0 0 3px #fff,inset 0 0 0 5px var(--acc),0 10px 30px rgba(20,33,61,.12);padding:6px}

/* Score colours: a 80%+, b 70%+, c 60%+, d up to the pass mark, f below it */
.csh-rc .rc .gch{display:inline-block;min-width:30px;text-align:center;border-radius:6px;padding:1px 7px;font-weight:800;font-size:12px}
.csh-rc .rc .gch.g-a{background:#dcfce7;color:#166534}
.csh-rc .rc .gch.g-b{background:#dbeafe;color:#1e40af}
.csh-rc .rc .gch.g-c{background:#fef3c7;color:#92400e}
.csh-rc .rc .gch.g-d{background:#ffedd5;color:#9a3412}
.csh-rc .rc .gch.g-f{background:#fee2e2;color:#991b1b}
.csh-rc .rc .tr div.g-a,.csh-rc .rc .bar div.g-a,.csh-rc .rc .pb b.g-a{background:linear-gradient(90deg,#4ade80,#16a34a)}
.csh-rc .rc .tr div.g-b,.csh-rc .rc .bar div.g-b,.csh-rc .rc .pb b.g-b{background:linear-gradient(90deg,#60a5fa,#2563eb)}
.csh-rc .rc .tr div.g-c,.csh-rc .rc .bar div.g-c,.csh-rc .rc .pb b.g-c{background:linear-gradient(90deg,#fcd34d,#d97706)}
.csh-rc .rc .tr div.g-d,.csh-rc .rc .bar div.g-d,.csh-rc .rc .pb b.g-d{background:linear-gradient(90deg,#fdba74,#ea580c)}
.csh-rc .rc .tr div.g-f,.csh-rc .rc .bar div.g-f,.csh-rc .rc .pb b.g-f{background:linear-gradient(90deg,#fca5a5,#dc2626)}
.csh-rc .rc .rc-hl b.g-a{color:#15803d}
.csh-rc .rc .rc-hl b.g-b{color:#1d4ed8}
.csh-rc .rc .rc-hl b.g-c{color:#b45309}
.csh-rc .rc .rc-hl b.g-d{color:#c2410c}
.csh-rc .rc .rc-hl b.g-f{color:#b91c1c}
.csh-rc .p-cards .sc .g.g-a{background:#dcfce7;color:#166534}
.csh-rc .p-cards .sc .g.g-b{background:#dbeafe;color:#1e40af}
.csh-rc .p-cards .sc .g.g-c{background:#fef3c7;color:#92400e}
.csh-rc .p-cards .sc .g.g-d{background:#ffedd5;color:#9a3412}
.csh-rc .p-cards .sc .g.g-f{background:#fee2e2;color:#991b1b}
.csh-rc .rc .pb{display:inline-flex;flex-direction:column;align-items:flex-end;gap:3px;min-width:58px}
.csh-rc .rc .pb i{display:block;width:58px;height:4px;border-radius:2px;background:#e5e7eb;overflow:hidden}
.csh-rc .rc .pb i b{display:block;height:100%;border-radius:2px;background:var(--acc)}
.csh-rc .rc small.pw{display:block;font-size:10.5px;font-weight:700;color:var(--acc);text-transform:none;letter-spacing:0;margin-top:2px}
.csh-rc .rc .pwi{font-style:normal;font-weight:700;color:var(--acc);margin-left:4px}

/* Highlights */
.csh-rc .rc-hl{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.csh-rc .rc-hl > div{border-radius:12px;padding:10px 12px}
.csh-rc .rc-hl .best{background:linear-gradient(135deg,#ecfdf5,#f0fdf4);border:1px solid #bbf7d0}
.csh-rc .rc-hl .work{background:linear-gradient(135deg,#fffbeb,#fff7ed);border:1px solid #fde68a}
.csh-rc .rc-hl h5{margin:0 0 6px;font-size:11px;text-transform:uppercase;letter-spacing:.06em}
.csh-rc .rc-hl .best h5{color:#15803d}
.csh-rc .rc-hl .work h5{color:#b45309}
.csh-rc .rc-hl ul{list-style:none;margin:0;padding:0}
.csh-rc .rc-hl li{display:flex;justify-content:space-between;padding:3px 0;font-size:12.5px;border-top:1px dashed rgba(0,0,0,.07)}
.csh-rc .rc-hl li:first-child{border-top:0}

/* Column chart */
.csh-rc .rc-cols .cols{display:flex;gap:8px;align-items:flex-end;height:170px;padding-top:6px}
.csh-rc .rc-cols .col{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:4px;height:100%}
.csh-rc .rc-cols .col b{font-size:11px;color:var(--ink)}
.csh-rc .rc-cols .col .tr{flex:1;width:70%;max-width:38px;height:auto;border-radius:6px 6px 2px 2px;display:flex;align-items:flex-end;background:#eef0f4}
.csh-rc .rc-cols .col .tr div{width:100%;border-radius:6px 6px 2px 2px}
.csh-rc .rc-cols .col span{font-size:10.5px;color:#4b5563;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* More colour on the summary tiles and buttons */
.csh-rc .p-cards .tile{border-top:3px solid var(--ink)}
.csh-rc .p-cards .tile:nth-child(2){border-top-color:var(--acc)}
.csh-rc .p-cards .tile:nth-child(3){border-top-color:#16a34a;background:#f0fdf4}
.csh-rc .p-cards .tile:nth-child(4){border-top-color:#7c3aed;background:#f5f3ff}
.csh-rc .p-cards .tile:nth-child(5){border-top-color:#0891b2;background:#ecfeff}
.csh-rc .p-classic .sum > div{border-top:3px solid var(--ink)}
.csh-rc .p-classic .sum > div:nth-child(2){border-top-color:var(--acc);background:color-mix(in srgb,var(--acc) 8%,#fff)}
.csh-rc .p-classic .sum > div:nth-child(3){border-top-color:#16a34a}
.csh-rc .p-classic .sum > div:nth-child(4){border-top-color:#7c3aed}
.csh-rc .p-classic .sum > div:nth-child(5){border-top-color:#0891b2}
.csh-rc .rc-views{background:color-mix(in srgb,var(--ink) 6%,#fff);border-radius:24px;padding:4px;display:inline-flex}
.csh-rc .rc-views button{border:0;background:transparent}
.csh-rc .rc-views button.on{background:linear-gradient(135deg,var(--ink),color-mix(in srgb,var(--ink) 70%,var(--acc)));box-shadow:0 3px 10px color-mix(in srgb,var(--ink) 30%,transparent)}
.csh-rc .rc-acts button.p{background:linear-gradient(135deg,var(--acc),color-mix(in srgb,var(--acc) 70%,var(--ink)))}
.csh-rc .rc-chart .tr div{background:linear-gradient(90deg,color-mix(in srgb,var(--acc) 70%,#fff),var(--acc))}
.csh-rc .rc-box{border-left:3px solid var(--acc)}
.csh-rc .rc-issued{font-weight:700;color:var(--ink);margin-bottom:3px}
@media (max-width:480px){
  .csh-rc .rc-hl{grid-template-columns:1fr}
  .csh-rc .rc-cols .col span{font-size:9px}
}
@media print{
  .csh-rc .rc{ -webkit-print-color-adjust:exact; print-color-adjust:exact; }
}