:root{--li:#0a66c2;--ink:rgba(0,0,0,.9);--sub:rgba(0,0,0,.6);--line:rgba(0,0,0,.08);--bg:#f4f2ee}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg);color:var(--ink);font-size:14px;line-height:1.5;
  font-family:-apple-system,system-ui,'Segoe UI',Roboto,Helvetica,Arial,sans-serif}
.pg{max-width:1128px;margin:0 auto;padding:24px 16px 60px}
.card{background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden;margin-bottom:8px}
.cover{display:block;width:100%;height:auto;background:#000}
/* LinkedIn overlaps the logo onto the bottom-left of the cover, so the cover
   needs clear space there. Their own cover leaves it; ours must too, which is
   why nothing load-bearing sits in the left 8% or the bottom band. */
.covwrap{position:relative;background:#000}
.cover--none{height:191px;background:linear-gradient(120deg,#d9e6f2,#eef3f8)}
.top{padding:0 24px 20px;position:relative}
.logo{width:96px;height:96px;border-radius:8px;border:2px solid #fff;background:#fff;
  margin-top:-28px;position:relative;display:block;object-fit:contain}
.nm{font-size:24px;font-weight:600;line-height:1.25;margin-top:12px}
.tag{font-size:16px;color:var(--ink);margin-top:4px;line-height:1.5}
.meta{font-size:14px;color:var(--sub);margin-top:4px}
.acts{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}
.b{height:32px;padding:0 16px;border-radius:16px;font-size:14px;font-weight:600;
  display:inline-flex;align-items:center;border:1px solid transparent;background:var(--li);color:#fff}
.b.g{background:#fff;color:var(--li);border-color:var(--li)}
.nav{display:flex;gap:22px;padding:0 24px;border-top:1px solid var(--line);font-size:14px}
.nav span{padding:12px 0;color:var(--sub)}
.nav span.on{color:#01754f;font-weight:600;box-shadow:inset 0 -2px 0 #01754f}
.sec{padding:20px 24px 22px}
.sh{font-size:20px;font-weight:600}
.abt{font-size:14px;line-height:1.5;color:var(--ink);margin-top:12px}
.abt p{margin:0}
.abt p+p{margin-top:12px}
.abt p.h{font-weight:600;letter-spacing:.02em;margin-top:22px}
.abt p.n{margin-top:2px}
.fold{margin-top:10px;font-size:14px;color:var(--sub);font-weight:600}
.empty{margin-top:12px;font-size:14px;color:var(--sub);font-style:italic}
.ftg{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}
.ft{border:1px solid var(--line);border-radius:8px;overflow:hidden;display:flex;flex-direction:column}
.ft img{width:100%;height:auto;display:block;border-bottom:1px solid var(--line)}
.ft .t{padding:10px 12px 12px}
.ft b{font-size:14px;font-weight:600;display:block}
.ft span{font-size:13px;color:var(--sub);display:block;margin-top:3px;line-height:1.45}
.dl{display:grid;grid-template-columns:150px 1fr;gap:6px 14px;margin-top:14px;font-size:14px}
.dl dt{font-weight:600}
.dl dd{color:var(--sub)}
@media(max-width:820px){.ftg{grid-template-columns:1fr}.dl{grid-template-columns:1fr}}