/* r12 stepup lane (13 Nov 2026): skills checklist per grade (partials/skillcheck13.njk) and its hub pages.
   Option 13 tokens only (fif13.css). Yellow only on the print action. */
.sys13 .sc13{background:#fff;border-radius:var(--r2);box-shadow:var(--sh);padding:clamp(20px,2.6vw,32px);scroll-margin-top:110px}
.sys13 .sc13-head h2,.sys13 .sc13-head h3{font:800 clamp(24px,1rem + 1.2vw,34px)/1.05 var(--f-display);font-stretch:var(--ds);letter-spacing:-.02em;margin:.25em 0 .3em}
.sys13 .sc13-aka{font-weight:600;color:var(--ink2);font-size:.7em}
.sys13 .sc13-d{font-size:18px;color:var(--ink);margin:0 0 6px;max-width:44rem}
.sys13 .sc13-how{color:var(--ink2);margin:0 0 18px;max-width:44rem}
.sys13 .sc13-who{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;margin:0 0 16px}
.sys13 .sc13-who label{font-weight:700}
.sys13 .sc13-opt{font-weight:400;color:var(--ink2)}
.sys13 .sc13-who input{flex:1 1 220px;min-height:44px;border:1px solid var(--line2);border-radius:12px;padding:8px 12px;font:inherit;background:var(--bg)}
.sys13 .sc13-grp{border:0;margin:0 0 18px;padding:0}
.sys13 .sc13-grp legend{font:700 13px/1.3 var(--f-body);letter-spacing:.09em;text-transform:uppercase;color:var(--ink2);margin:0 0 8px;padding:0}
.sys13 .sc13-i{display:flex;gap:12px;align-items:flex-start;padding:11px 14px;margin:0 0 6px;border-radius:12px;background:var(--bg);cursor:pointer;line-height:1.45}
.sys13 .sc13-i input{width:22px;height:22px;flex:0 0 22px;margin:1px 0 0;accent-color:#1d1d1f}
.sys13 .sc13-i:has(input:checked){background:#eef7ee}
.sys13 .sc13-i:has(input:checked) span{color:var(--ink)}
.sys13 .sc13-foot{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:16px;margin-top:6px}
.sys13 .sc13-n{margin:0;color:var(--ink2)}
.sys13 .sc13-n b{color:var(--ink);font-size:20px}
.sys13 .sc13-acts{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:0}
.sys13 .sc13-clear{background:none;border:0;padding:12px 6px;min-height:44px;font:600 15px var(--f-body);text-decoration:underline;color:var(--ink2);cursor:pointer}
.sys13 .sc13-sign{display:none}
.sys13 .sc13-fine{font-size:14px;color:var(--ink2);margin:14px 0 0}
/* role pages: the checklist sits under the long read */
.sys13 .sc13-role{max-width:var(--max);margin:var(--rowgap) auto 0;width:calc(100% - 2*var(--gut))}
/* hub: grade chips */
.sys13 .sc13-pick{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.sys13 .sc13-pick li{margin:0}
.sys13 .sc13-track{margin:0 0 16px}
.sys13 .sc13-track h3{font:700 15px/1.3 var(--f-body);margin:0 0 8px;color:var(--ink2)}
.sys13 .sc13-pick a[aria-current="true"]{background:var(--ink);color:#fff;border-color:var(--ink)}
.sys13 .sc13-layout{display:grid;grid-template-columns:minmax(240px,320px) 1fr;gap:clamp(20px,3vw,40px);align-items:start}
.sys13 .sc13-side{position:sticky;top:calc(var(--hdr) + 20px)}
@media (max-width:900px){.sys13 .sc13-layout{grid-template-columns:1fr}.sys13 .sc13-side{position:static}}
@media print{
  body.sc13-printing *{visibility:hidden}
  body.sc13-printing .sc13.sc13-on,body.sc13-printing .sc13.sc13-on *{visibility:visible}
  body.sc13-printing .sc13.sc13-on{position:absolute;inset:0 auto auto 0;width:100%;box-shadow:none;padding:0}
  body.sc13-printing .sc13-acts,body.sc13-printing .sc13-how a{display:none}
  body.sc13-printing .sc13-i{background:none!important;padding:4px 0;margin:0}
  body.sc13-printing .sc13-sign{display:grid;grid-template-columns:2fr 1fr 2fr;gap:16px;margin-top:22px}
  body.sc13-printing .sc13-sign span{border-top:1px solid #000;padding-top:4px;font-size:12px}
  body.sc13-printing .sc13-who input{border:0;border-bottom:1px solid #000;border-radius:0;background:none}
}
.sys13 .sc13-faq li{background:#fff;border-radius:var(--r2);box-shadow:var(--sh);padding:20px 22px;margin:0}
.sys13 .sc13-faq h3{margin:0 0 8px}
.sys13 .sc13-faq p{margin:0;color:var(--ink2)}