/* r10 free lane (13 Nov 2026): Working freelance and Getting work guides under /careers/work/. Option 13: light, rounded,
   yellow only for actions, no monospace. Tools (day-rate calculator, role finder, CV builder) run in the browser only. */
.sys13 .mk-meta{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;padding-block:18px 4px;font-size:15px;color:var(--ink2)}
.sys13 .mk-meta b{color:var(--ink)}
.sys13 .mk-meta .mk-na{background:#fff;border-radius:var(--pill);padding:7px 14px;box-shadow:var(--sh);font-size:14px}
.sys13 .mk-jump{position:sticky;top:var(--hdr);z-index:20;background:rgba(245,245,247,.94);backdrop-filter:saturate(1.4) blur(10px);padding-block:10px;margin-top:8px}
.sys13 .mk-jump ul{display:flex;gap:8px;list-style:none;margin:0;padding:2px 0 6px;overflow-x:auto;scrollbar-width:thin}
.sys13 .mk-jump a{min-height:40px}
.sys13 .mk-jump a[aria-current="true"]{background:var(--ink);color:#fff}
/* guide sections */
.sys13 .mk-sec{display:grid;gap:18px 48px;padding-block:clamp(34px,5vw,56px);border-top:1px solid var(--line)}
@media (min-width:1000px){.sys13 .mk-sec{grid-template-columns:minmax(0,4fr) minmax(0,8fr)}.sys13 .mk-sec>.mk-h{position:sticky;top:calc(var(--hdr) + 80px);align-self:start}}
.sys13 .mk-sec h2{font:800 clamp(28px,1.4vw + 18px,40px)/1.02 var(--f-display);font-stretch:var(--ds);letter-spacing:var(--dls);margin:6px 0 10px}
.sys13 .mk-h p{color:var(--ink2);margin:0 0 10px;max-width:34rem}
.sys13 .mk-h .mk-src{font-size:14px}
.sys13 .mk-b{display:grid;gap:16px;min-width:0}
.sys13 .mk-b>p{margin:0;max-width:46rem}
.sys13 .mk-cards{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr));list-style:none;margin:0;padding:0}
.sys13 .mk-card{background:#fff;border-radius:var(--r);box-shadow:var(--sh);padding:18px 20px 20px}
.sys13 .mk-card h3{font:800 19px/1.15 var(--f-display);font-stretch:var(--ds);margin:0 0 8px}
.sys13 .mk-card p{margin:0 0 8px;font-size:15.5px;line-height:1.5}
.sys13 .mk-card p:last-child{margin-bottom:0}
.sys13 .mk-card .k{font:600 12.5px/1.3 var(--f-body);letter-spacing:.08em;text-transform:uppercase;color:var(--ink2);margin-bottom:6px}
.sys13 .mk-card.mk-ink{background:var(--ink);color:#fff}
.sys13 .mk-card.mk-ink .k,.sys13 .mk-card.mk-ink p{color:var(--on-dark)}
.sys13 .mk-card.mk-ink a{color:#fff}
.sys13 .mk-ticks{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.sys13 .mk-ticks li{position:relative;padding-left:30px;font-size:15.5px;line-height:1.45}
.sys13 .mk-ticks li::before{content:"";position:absolute;left:0;top:2px;width:18px;height:18px;border-radius:6px;border:2px solid var(--ink)}
.sys13 .mk-steps{list-style:none;margin:0;padding:0;display:grid;gap:12px;counter-reset:mk}
.sys13 .mk-steps li{counter-increment:mk;display:grid;grid-template-columns:40px 1fr;gap:14px;align-items:start;background:#fff;border-radius:var(--r);box-shadow:var(--sh);padding:16px 18px}
.sys13 .mk-steps li::before{content:counter(mk);display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--ink);color:#fff;font:800 18px/1 var(--f-display)}
.sys13 .mk-steps b{display:block;margin-bottom:3px}
.sys13 .mk-tab{width:100%;border-collapse:collapse;background:#fff;border-radius:var(--r);overflow:hidden;box-shadow:var(--sh);font-size:15.5px}
.sys13 .mk-tab caption{text-align:left;font-weight:700;padding:0 0 8px}
.sys13 .mk-tab th,.sys13 .mk-tab td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
.sys13 .mk-tab thead th{background:var(--bg3);font-size:13px;letter-spacing:.06em;text-transform:uppercase}
.sys13 .mk-tab tr:last-child>*{border-bottom:0}
.sys13 .mk-tw{overflow-x:auto}
.sys13 .mk-src a,.sys13 .mk-b a:not(.b):not(.cc):not(.xc){text-underline-offset:3px}
.sys13 .mk-flag{background:#fff;border-left:5px solid var(--ink);border-radius:var(--r);padding:14px 18px;box-shadow:var(--sh);font-size:15.5px}
/* downloads */
.sys13 .mk-dl .im{aspect-ratio:4/3;background:var(--bg3)}
.sys13 .mk-dl .im img{width:100%;height:100%;object-fit:cover;display:block}
.sys13 .mk-dl .d{-webkit-line-clamp:3}
/* tools */
.sys13 .mk-tool{background:#fff;border-radius:var(--r2);box-shadow:var(--sh);padding:clamp(18px,3vw,32px);display:grid;gap:20px}
.sys13 .mk-tool fieldset{border:0;margin:0;padding:0;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr))}
.sys13 .mk-tool legend{font:800 18px/1.2 var(--f-display);font-stretch:var(--ds);padding:0;margin-bottom:10px}
.sys13 .mk-f{display:grid;gap:6px;align-content:start}
.sys13 .mk-f label{font-weight:600;font-size:15px}
.sys13 .mk-f .hint{font-size:13.5px;color:var(--ink2)}
.sys13 .mk-f input,.sys13 .mk-f select,.sys13 .mk-f textarea,.sys13 .mk-find input{font:400 17px/1.3 var(--f-body);min-height:48px;padding:10px 14px;border:2px solid var(--line2);border-radius:12px;background:#fff;color:var(--ink);width:100%;box-sizing:border-box}
.sys13 .mk-f textarea{min-height:96px;resize:vertical}
.sys13 .mk-f input:focus,.sys13 .mk-f select:focus,.sys13 .mk-f textarea:focus,.sys13 .mk-find input:focus{border-color:var(--ink)}
.sys13 .mk-out{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(min(100%,190px),1fr));list-style:none;margin:0;padding:0}
.sys13 .mk-out li{background:var(--bg);border-radius:var(--r);padding:14px 16px}
.sys13 .mk-out span{display:block;font-size:13.5px;color:var(--ink2)}
.sys13 .mk-out output{display:block;font:800 26px/1.15 var(--f-display);font-stretch:var(--ds);margin-top:4px}
.sys13 .mk-out .mk-big{background:var(--ink);color:#fff}
.sys13 .mk-out .mk-big span{color:var(--on-dark2)}
.sys13 .mk-note{font-size:14px;color:var(--ink2);margin:0}
.sys13 .mk-acts{display:flex;flex-wrap:wrap;gap:10px}
.sys13 .b-o{background:#fff;color:var(--ink);border-color:var(--ink)}
/* role finder */
.sys13 .mk-find{display:grid;gap:12px}
.sys13 .mk-find label{font-weight:700}
.sys13 .mk-areas{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.sys13 .mk-areas button[aria-pressed="true"]{background:var(--ink);color:#fff}
.sys13 .mk-res{list-style:none;margin:0;padding:0;display:grid;gap:10px;max-height:560px;overflow:auto;padding-right:4px}
.sys13 .mk-res li{background:var(--bg);border-radius:12px;padding:12px 16px}
.sys13 .mk-res b{display:block}
.sys13 .mk-res .a{font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink2)}
.sys13 .mk-res p{margin:4px 0 0;font-size:14.5px;line-height:1.45}
.sys13 .mk-res .mk-miss{background:var(--ink);color:#fff}
.sys13 .mk-res .mk-miss p{color:var(--on-dark)}
.sys13 .mk-res .mk-miss a{color:#fff}
/* CV builder */
.sys13 .mk-cvwrap{display:grid;gap:24px}
@media (min-width:1100px){.sys13 .mk-cvwrap{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
.sys13 .mk-cred{display:grid;gap:10px}
.sys13 .mk-cred-row{display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(min(100%,130px),1fr));background:var(--bg);border-radius:12px;padding:12px}
.sys13 .mk-cred-row .mk-f input{min-height:44px;font-size:15.5px}
.sys13 .mk-x{min-height:44px;border-radius:var(--pill);border:2px solid var(--ink);background:#fff;font:600 14px var(--f-body);cursor:pointer;align-self:end}
.sys13 .mk-cvp{background:#fff;border:1px solid var(--line);border-radius:6px;padding:28px 30px;box-shadow:var(--sh2);font-size:14px;line-height:1.45;align-self:start;position:sticky;top:calc(var(--hdr) + 80px)}
.sys13 .mk-cvp h3{font:800 26px/1.05 var(--f-display);margin:0}
.sys13 .mk-cvp h4{font:700 12.5px/1.2 var(--f-body);letter-spacing:.08em;text-transform:uppercase;margin:16px 0 6px;border-bottom:1px solid var(--line);padding-bottom:4px}
.sys13 .mk-cvp p{margin:3px 0}
.sys13 .mk-cvp table{width:100%;border-collapse:collapse;font-size:13px}
.sys13 .mk-cvp td,.sys13 .mk-cvp th{text-align:left;padding:4px 6px 4px 0;vertical-align:top;border-bottom:1px solid var(--bg3)}
.sys13 .mk-cvp .mk-empty{color:var(--ink3)}
.sys13 .mk-check{display:flex;gap:10px;align-items:center;font-size:15px}
.sys13 .mk-check input{width:22px;height:22px}
/* email templates */
.sys13 .mk-mail{background:#fff;border-radius:var(--r);box-shadow:var(--sh);padding:18px 20px;display:grid;gap:10px}
.sys13 .mk-mail h3{font:800 19px/1.15 var(--f-display);font-stretch:var(--ds);margin:0}
.sys13 .mk-mail pre{white-space:pre-wrap;font:400 15px/1.55 var(--f-body);background:var(--bg);border-radius:12px;padding:14px 16px;margin:0}
.sys13 .mk-copy{justify-self:start;min-height:44px}
.sys13 .mk-sources{columns:2 340px;column-gap:40px;padding-left:18px;font-size:14.5px}
.sys13 .mk-sources li{break-inside:avoid;margin-bottom:6px}
.sys13 .mk-ph{display:block;aspect-ratio:3/2;border-radius:var(--r);overflow:hidden;background:var(--bg3);margin-bottom:16px;max-width:520px}
.sys13 .mk-ph img{width:100%;height:100%;object-fit:cover;display:block}
/* the guide body breaks out of the narrow text column (.sec-b), like the Careers A–Z */
.sec-in:has(>.sec-b>.mk-wrap),.sec-b:has(>.mk-wrap){max-width:none;width:100%;margin:0;padding:0}
.sys13 .mk-tab tbody th{font:600 15.5px/1.4 var(--f-body);text-transform:none;letter-spacing:0;color:var(--ink)}
/* no half-empty rows: an odd last card in a two-up grid takes the full row */
@media (min-width:600px){.sys13 .mk-cards>:last-child:nth-child(odd){grid-column:1/-1}}
.sys13 .mk-sec>.mk-cvwrap{grid-column:1/-1}
.sys13 .mk-mail{align-content:start}
.sys13 .mk-mail .mk-copy{align-self:start;height:auto}
/* keep the GOV.UK tables as tables on phones (the site's stacked-table rule is for long-form copy) */
.sys13 .mk-tab{display:table}.sys13 .mk-tab caption{display:table-caption}.sys13 .mk-tab thead{display:table-header-group}.sys13 .mk-tab tbody{display:table-row-group}.sys13 .mk-tab tr{display:table-row}.sys13 .mk-tab th,.sys13 .mk-tab td{display:table-cell}
@media (max-width:600px){.sys13 .mk-tab{font-size:14.5px}.sys13 .mk-tab th,.sys13 .mk-tab td{padding:10px 10px}.sys13 .mk-tab tbody th{font-size:14.5px}}