/* r14 media lane (14 Nov 2026): picture or film beside a skills checklist, mid-page pictures in step-up guides,
   fair-dealing / licensed industry stills with a visible credit, and finished initials cards for people without a portrait. */
.sys13 .sc13-media{display:grid;grid-template-columns:minmax(0,220px) 1fr;gap:16px 20px;align-items:center;background:#fff;border-radius:var(--r2);box-shadow:var(--sh);padding:14px;margin:0 0 18px;text-decoration:none;color:var(--ink)}
.sys13 .sc13-media .im{position:relative;display:block;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:var(--bg3)}
.sys13 .sc13-media .im img{width:100%;height:100%;object-fit:cover;display:block}
.sys13 .sc13-media .pb{position:absolute;left:10px;top:auto;bottom:10px;width:40px;height:40px;margin:0;opacity:1;transform:none;border-radius:50%;background:var(--y);color:#000;display:grid;place-items:center}
.sys13 .sc13-media .pb svg{width:18px;height:18px}
.sys13 .sc13-media .k{display:block;font:700 13px/1.3 var(--f-body);letter-spacing:.09em;text-transform:uppercase;color:var(--ink2);margin:0 0 6px}
.sys13 .sc13-media .t{display:block;font:800 19px/1.2 var(--f-display);font-stretch:var(--ds)}
.sys13 .sc13-media .m{display:block;color:var(--ink2);font-size:15px;margin-top:6px}
.sys13 a.sc13-media:hover .t,.sys13 a.sc13-media:focus-visible .t{text-decoration:underline}
@media (max-width:520px){.sys13 .sc13-media{grid-template-columns:1fr}}
/* step-up guides: one picture mid-guide */
.sys13 .mk-fig{margin:0;padding-block:clamp(10px,2vw,24px);border-top:1px solid var(--line)}
.sys13 .mk-fig img{width:100%;height:auto;max-height:520px;object-fit:cover;border-radius:var(--r2);display:block}
.sys13 .mk-fig figcaption{margin-top:10px;color:var(--ink2);font-size:15px}
/* industry stills used under fair dealing or an open licence: the credit always shows */
.sys13 .fd-fig{margin:clamp(20px,3vw,36px) 0}
.sys13 .fd-fig img{width:100%;height:auto;max-height:560px;object-fit:cover;border-radius:var(--r2);display:block}
.sys13 .fd-fig figcaption{margin-top:10px;color:var(--ink2);font-size:14.5px;line-height:1.45}
.sys13 .fd-fig figcaption b{color:var(--ink);font-weight:600}
.sys13 .fd-fig figcaption a{color:inherit}
/* people without a portrait: a finished monogram card, not an empty box */
.sys13 .x-people .pc-ini{background:linear-gradient(140deg,#1d1d1f 0%,#2c2c30 62%,#3a3a40 100%);color:#fff;position:relative;overflow:hidden;letter-spacing:-.02em}
.sys13 .x-people .pc-ini::before{content:"";position:absolute;inset:auto -18% -48% auto;width:70%;aspect-ratio:1;border-radius:50%;border:2px solid rgba(255,225,0,.55)}