/* Job page links and previews (embeds.js). */
.prose a.txtlink{color:var(--ink);text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px;overflow-wrap:anywhere}
.prose a.txtlink:hover{text-decoration-thickness:2px}
.embeds{display:grid;gap:12px;margin-top:16px}
.emb{position:relative;border:1px solid var(--line);border-radius:12px;background:var(--surface);overflow:hidden}
.emb iframe{display:block;width:100%;height:100%;border:0}
.emb-open{position:absolute;top:8px;right:8px;z-index:2;padding:4px 9px;border-radius:999px;background:rgba(10,12,16,.7);color:#fff;font-size:12px;font-weight:600;text-decoration:none;opacity:0;transition:opacity .15s}
.emb:hover .emb-open,.emb-open:focus-visible{opacity:1}
.emb-vid{aspect-ratio:16/9;background:#000}
.emb-vid.tall,.emb-tall{aspect-ratio:9/16;max-width:300px;background:#000}
.emb-ig{max-width:420px;height:560px}
.emb-lite{position:relative;display:block;width:100%;height:100%;padding:0;border:0;background:#000;cursor:pointer}
.emb-lite img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .2s}
.emb-lite:hover img{opacity:.85}
.emb-play{position:absolute;left:50%;top:50%;width:64px;height:44px;margin:-22px 0 0 -32px;border-radius:12px;background:var(--accent);color:#fff;display:grid;place-items:center;box-shadow:0 6px 20px rgba(0,0,0,.35);transition:transform .15s}
.emb-lite:hover .emb-play{transform:scale(1.08)}
.emb-play svg{width:24px;height:24px}
.emb-lite:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}
.emb-card{display:flex;flex-direction:column;text-decoration:none;color:inherit;transition:border-color .15s,transform .15s}
.emb-card:hover{border-color:#BDBDBD;transform:translateY(-1px)}
.emb-card:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.ec-img{display:block;aspect-ratio:1.91/1;background:var(--sunk);overflow:hidden}
.ec-img img{width:100%;height:100%;object-fit:cover;display:block}
.emb-card.sq{flex-direction:row;align-items:center}
.emb-card.sq .ec-img{flex:none;width:96px;height:96px;aspect-ratio:auto;margin:14px 0 14px 14px;border-radius:50%}
.ec-body{display:flex;flex-direction:column;gap:4px;padding:14px 16px;min-width:0}
.ec-site{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}
.ec-site img{width:16px;height:16px;border-radius:3px}
.ec-title{font-weight:600;font-size:15px;line-height:1.3;overflow-wrap:anywhere}
.ec-desc{font-size:13px;color:var(--muted);line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.emb-tw{border:0;background:none;overflow:visible}
.emb-tw.ready{max-width:550px}
.emb-tw-slot>*{margin:0!important}
@media (max-width:560px){.emb-card.sq .ec-img{width:64px;height:64px}.emb-ig{height:500px}}
/* Past work on profile cards (/u/…). */
.lwork{width:100%;display:grid;gap:14px;margin-top:6px;text-align:left}
.lw{margin:0;display:flex;flex-direction:column;gap:6px;animation:cardIn .55s var(--ease,ease) both;animation-delay:calc(.12s + var(--i,0)*.06s)}
.lw figcaption{font-size:14px;font-weight:600;padding-inline:4px}
.lw .emb{box-shadow:var(--shadow)}
.lw .emb-tall,.lw .emb-vid.tall,.lw .emb-ig{margin-inline:auto;width:100%}
.lw .emb-tw{box-shadow:none}

/* Past work video cards on profiles (videoCardHtml): player on top, then title, channel and numbers. */
.lw.vc{gap:0;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:var(--shadow);overflow:hidden}
.lw.vc>.emb{border:0;border-radius:0;box-shadow:none}
.lw.vc>.emb-tall,.lw.vc>.emb-vid.tall{width:100%;max-width:none;aspect-ratio:auto;height:min(560px,150vw);margin:0;background:#000}
.lw.vc>.emb-tall>iframe,.lw.vc>.emb-vid.tall>:not(.emb-open){width:auto;height:100%;aspect-ratio:9/16;margin-inline:auto}
.lw.vc .emb-play{width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:50%;background:rgba(255,255,255,.94);color:#111}
.lw.vc .emb-play svg{width:22px;height:22px;margin-left:3px}
.vc-dur{position:absolute;right:10px;bottom:10px;padding:3px 7px;border-radius:6px;background:rgba(0,0,0,.78);color:#fff;font-size:12px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.01em}
.vc-body{display:flex;gap:12px;align-items:flex-start;padding:14px 16px 0}
.vc-av{flex:none;width:40px;height:40px;border-radius:50%;background:var(--sunk);overflow:hidden;display:grid;place-items:center;font-weight:600;color:var(--muted);text-decoration:none}
.vc-av img{width:100%;height:100%;object-fit:cover}
.vc-main{min-width:0;flex:1;display:flex;flex-direction:column;gap:4px}
.vc-title{color:var(--ink);font-weight:600;font-size:15px;line-height:1.35;text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.vc-title:hover{text-decoration:underline;text-underline-offset:2px}
.vc-chan{display:flex;flex-wrap:wrap;align-items:center;gap:0 6px;font-size:13px;color:var(--muted);min-width:0}
.vc-chan .skl{display:inline-block;height:12px;vertical-align:middle}
.vc-cname{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.vc-cname a{color:var(--ink);font-weight:500;text-decoration:none}
.vc-cname a:hover{text-decoration:underline;text-underline-offset:2px}
.vc-subs::before{content:"·";margin-right:6px}
.vc-stats{display:grid;grid-template-columns:repeat(var(--n,3),1fr);margin:14px 16px 0;border:1px solid var(--line);border-radius:12px;background:var(--bg)}
.vc-stats>div{padding:9px 12px;min-width:0}
.vc-stats>div+div{border-left:1px solid var(--line)}
.vc-stats dt{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.vc-stats dd{margin:2px 0 0;font-size:16px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lw.vc .vc-note{margin:12px 16px 0;padding:0;font-size:13px;font-weight:500;color:var(--muted)}
.lw.vc::after{content:"";display:block;height:16px}
/* Wide profile column: two cards a row; other previews (posts, link cards) keep the full width. */
@container (min-width:860px){
  .lc-main .lwork:has(.vc+.vc){grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
  .lc-main .lwork:has(.vc+.vc)>.lw:not(.vc){grid-column:1/-1}
  .lc-main .lwork:has(.vc+.vc) .vc-stats dd{font-size:15px}
  .lc-main .lwork:has(.vc+.vc) .vc-stats>div{padding:8px 10px}
  .lc-main .lwork:has(.vc+.vc)>.vc>.emb-vid.tall{height:min(520px,90vw)}
}
@media (max-width:560px){.vc-body{padding:12px 12px 0}.vc-stats{margin:12px 12px 0}.vc-stats>div{padding:8px 10px}.vc-stats dd{font-size:15px}.lw.vc .vc-note{margin-inline:12px}}
/* Job page: the poster's name and picture open their page */
a.jposter{color:inherit;text-decoration:none}
a.jposter:has(.mark){display:block;flex:none;line-height:0}
a.jposter[href]:not(:has(.mark)):hover{text-decoration:underline;text-underline-offset:3px}