/* HC2 Authors v1.1 — byline, author card and profile page. Uses HC2's own tokens. */
.hc2a-card,.hc2a-by,.hc2a-hero,.hc2a-stats,.hc2a-body{
  --a-dark:#002939;--a-slate:#27404A;--a-soft:#5C7480;--a-gold:#BBA072;
  --a-goldsoft:rgba(187,160,114,.28);--a-goldbg:#FBF8F3;--a-line:#E5E7EB;--a-pale:#DFE8EC;--a-steel:#8FA4AE;
  font-family:"proxima-nova","Proxima Nova",Helvetica,Arial,sans-serif;
}

/* ---------- byline in the hero ---------- */
.hc2a-by{margin-top:2px}
.hc2a-by a{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:inherit;padding-block:2px}
.hc2a-by img{width:40px;height:40px;border-radius:50%;object-fit:cover;object-position:top center;
  border:1.5px solid var(--a-goldsoft);display:block}
.hc2a-by span{display:block;line-height:1.3}
.hc2a-by b{display:block;font-size:14px;font-weight:700;color:#fff}
.hc2a-by i{display:block;font-style:normal;font-size:12.5px;color:#B9C9D1}
.hc2a-by a:hover b{color:var(--a-gold)}

/* ---------- card after the article ---------- */
.hc2a-card{border:1px solid var(--a-line);border-radius:14px;background:#fff;overflow:hidden;
  margin:44px 0 0;color:var(--a-slate)}
.hc2a-card *{box-sizing:border-box}
.hc2a-top{display:flex;gap:22px;padding:26px;align-items:flex-start}
.hc2a-pic{width:96px;height:96px;border-radius:50%;object-fit:cover;object-position:top center;
  border:2px solid var(--a-goldsoft);flex:0 0 96px;margin:0;display:block}
.hc2a-who{min-width:0}
.hc2a-card h3{font-family:"Kopius",Georgia,serif;font-weight:400;font-size:23px;line-height:1.2;
  color:var(--a-slate);margin:0}
.hc2a-role{font-size:12.5px;font-weight:700;letter-spacing:1.3px;text-transform:uppercase;
  color:var(--a-gold);margin:6px 0 0}
.hc2a-bio{margin:12px 0 0;font-size:15px;line-height:1.68;color:var(--a-soft);max-width:62ch}
.hc2a-chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}
.hc2a-chips b{font-size:11.5px;font-weight:600;background:var(--a-goldbg);border:1px solid var(--a-goldsoft);
  color:#6B5A3C;padding:4px 10px;border-radius:20px}
.hc2a-rev{margin:0;padding:13px 26px;background:var(--a-goldbg);border-top:1px solid var(--a-goldsoft);
  font-size:13.5px;color:#6B5A3C}
.hc2a-rev b{color:#5A4A30}
.hc2a-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
  padding:15px 26px;background:#F8FAFB;border-top:1px solid var(--a-line)}
.hc2a-more{font-size:13.5px;font-weight:700;color:var(--a-dark);text-decoration:none;
  border-bottom:1.5px solid var(--a-gold);padding-bottom:2px}
.hc2a-more:hover{color:var(--a-gold)}
.hc2a-soc{display:flex;gap:9px}
.hc2a-soc a{width:36px;height:36px;border-radius:50%;border:1px solid var(--a-line);background:#fff;
  display:flex;align-items:center;justify-content:center;color:var(--a-soft);transition:.18s;text-decoration:none}
.hc2a-soc a:hover{background:var(--a-dark);color:#fff;border-color:var(--a-dark)}
.hc2a-soc svg{width:16px;height:16px;display:block}
.hc2a-soc.is-dark a{border-color:#2C4650;background:transparent;color:#B9C9D1}
.hc2a-soc.is-dark a:hover{background:var(--a-gold);color:#08222C;border-color:var(--a-gold)}

/* ---------- profile page ---------- */
.hc2a-wrap{max-width:1088px;margin:0 auto;padding:0 16px}
/* The theme header (160px on desktop) sits over the first block of the page. */
.hc2a-hero{background:var(--a-dark);color:#fff;padding:118px 0 clamp(40px,5.5vw,68px)}
.hc2a-hero-in{display:flex;gap:clamp(24px,4vw,46px);align-items:center;flex-wrap:wrap}
.hc2a-av{width:clamp(118px,15vw,168px);height:clamp(118px,15vw,168px);border-radius:50%;object-fit:cover;
  object-position:top center;border:3px solid var(--a-goldsoft);flex:0 0 auto;display:block}
.hc2a-hero-txt{flex:1 1 320px;min-width:0}
.hc2a-crumb{font-size:11.5px;letter-spacing:1.4px;text-transform:uppercase;color:var(--a-steel);margin:0}
.hc2a-crumb a{color:inherit;text-decoration:none;display:inline-block;padding-block:5px}
.hc2a-crumb a:hover{color:var(--a-gold)}
.hc2a-hero h1{font-family:"Kopius",Georgia,serif;font-weight:300;font-size:clamp(32px,5vw,54px);
  line-height:1.06;margin:10px 0 0;color:#fff}
.hc2a-hrole{font-size:13px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;
  color:var(--a-gold);margin:12px 0 0}
.hc2a-hbio{margin:18px 0 0;font-size:16.5px;line-height:1.7;color:var(--a-pale);max-width:62ch}
.hc2a-hero .hc2a-soc{margin-top:20px}
.hc2a-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:1px;
  background:var(--a-line);border-bottom:1px solid var(--a-line)}
.hc2a-stats div{background:#fff;padding:20px 16px;text-align:center}
.hc2a-stats strong{display:block;font-family:"Kopius",Georgia,serif;font-weight:300;font-size:32px;
  color:var(--a-gold);line-height:1}
.hc2a-stats span{display:block;font-size:11.5px;font-weight:700;letter-spacing:1.3px;text-transform:uppercase;
  color:var(--a-soft);margin-top:8px}
.hc2a-body{padding:clamp(34px,4.5vw,56px) 16px}
.hc2a-h2{font-family:"Kopius",Georgia,serif;font-weight:300;font-size:clamp(23px,3.2vw,34px);
  color:var(--a-slate);margin:0 0 24px}
.hc2a-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(258px,1fr));gap:20px}
.hc2a-n{border:1px solid var(--a-line);border-radius:12px;overflow:hidden;background:#fff;display:flex;
  flex-direction:column;transition:.2s;text-decoration:none;color:inherit}
.hc2a-n:hover{box-shadow:0 14px 34px rgba(0,41,57,.11);transform:translateY(-3px)}
.hc2a-nthumb{display:block;height:108px;background:var(--a-dark) center/cover no-repeat}
.hc2a-nb{display:flex;flex-direction:column;flex:1;padding:15px 17px 17px}
.hc2a-nlab{font-size:10px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:var(--a-gold)}
.hc2a-nt{font-family:"Kopius",Georgia,serif;font-weight:400;font-size:16px;line-height:1.36;
  color:var(--a-slate);margin-top:9px}
.hc2a-nd{margin-top:auto;padding-top:12px;font-size:11px;color:var(--a-steel);letter-spacing:.5px;
  text-transform:uppercase}

/* ---------- Chinese typography ---------- */
.lang-zh .hc2a-hero h1,.lang-zh .hc2a-card h3,.lang-zh .hc2a-nt,.lang-zh .hc2a-h2{
  font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",sans-serif;font-weight:400}

@media (min-width:1024px){.hc2a-hero{padding-top:196px}}
@media (max-width:640px){
  .hc2a-top{flex-direction:column;gap:16px}
  .hc2a-pic{flex:0 0 auto}
  .hc2a-hero-in{flex-direction:column;align-items:flex-start}
}