.author-box{
  --author-bg:#07111f;
  --author-surface:#101b2d;
  --author-surface-2:#13243a;
  --author-border:rgba(255,255,255,.14);
  --author-text:#e6edf7;
  --author-muted:#aebbd0;
  --author-heading:#ffffff;
  --author-orange:#fb923c;
  --author-gold:#facc15;
  --author-sky:#38bdf8;
  --author-green:#22c55e;
  background:
    linear-gradient(90deg,rgba(251,146,60,.16),rgba(56,189,248,.1),rgba(34,197,94,.12)),
    var(--author-bg);
  border-block:1px solid rgba(255,255,255,.12);
  color:var(--author-text);
  padding:1.05rem 1rem;
}
.author-box.author-box-777c{
  isolation:isolate;
}
.author-box-card{
  background:linear-gradient(135deg,rgba(16,27,45,.98),rgba(19,36,58,.96));
  border:1px solid var(--author-border);
  border-radius:8px;
  box-shadow:0 18px 44px rgba(2,6,23,.34);
  margin-inline:auto;
  max-width:1080px;
  overflow:hidden;
  padding:1rem;
  position:relative;
}
.author-box-card::before{
  background:linear-gradient(90deg,var(--author-orange),var(--author-gold),var(--author-sky),var(--author-green));
  content:"";
  height:4px;
  inset:0 0 auto;
  position:absolute;
}
.author-box-main{
  align-items:center;
  display:grid;
  gap:1rem;
  grid-template-columns:auto minmax(0,1fr) auto;
}
.author-avatar{
  align-items:center;
  background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(226,232,240,.94));
  border:3px solid var(--author-orange);
  border-radius:50%;
  box-shadow:0 0 0 4px rgba(251,146,60,.14),0 12px 30px rgba(2,6,23,.35);
  display:flex;
  flex:0 0 auto;
  height:var(--author-avatar-size,76px);
  justify-content:center;
  overflow:hidden;
  width:var(--author-avatar-size,76px);
}
.author-avatar img{
  height:100%;
  object-fit:cover;
  padding:0;
  width:100%;
}
.author-avatar-fallback{
  align-items:center;
  color:#0f172a;
  display:inline-flex;
  font-size:1.9rem;
  font-weight:900;
  height:100%;
  justify-content:center;
  width:100%;
}
.author-box-label{
  color:var(--author-gold);
  font-size:.76rem;
  font-weight:900;
  letter-spacing:0;
  margin-bottom:.28rem;
}
.author-box-name{
  color:var(--author-heading);
  font-size:1.18rem;
  font-weight:900;
  line-height:1.2;
  margin:0;
}
.author-box-role{
  color:var(--author-sky);
  font-weight:850;
}
.author-box-desc{
  color:var(--author-muted);
  font-size:.94rem;
  line-height:1.55;
  margin:.28rem 0 0;
}
.author-box-meta{
  display:flex;
  flex-wrap:wrap;
  gap:.45rem;
  margin-top:.62rem;
}
.author-box-meta span,
.author-topic-list li{
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.14);
  border-radius:999px;
  color:#dce7f7;
  font-size:.8rem;
  padding:.25rem .62rem;
}
.author-box-actions{
  justify-self:end;
}
.author-link,
.source-author-primary{
  align-items:center;
  background:linear-gradient(135deg,var(--author-orange),var(--author-gold));
  border:0;
  border-radius:8px;
  box-shadow:0 10px 22px rgba(251,146,60,.24);
  color:#111827;
  display:inline-flex;
  font-weight:900;
  min-height:40px;
  padding:.56rem .92rem;
  text-decoration:none;
  white-space:nowrap;
}
.author-link:hover,
.source-author-primary:hover{
  color:#111827;
  filter:brightness(1.04);
  transform:translateY(-1px);
}
.author-box-trust{
  border-top:1px solid rgba(255,255,255,.1);
  display:flex;
  flex-wrap:wrap;
  gap:.55rem .9rem;
  margin-top:.9rem;
  padding-top:.78rem;
}
.author-box-trust span{
  align-items:center;
  color:#cbd7ea;
  display:inline-flex;
  font-size:.84rem;
  gap:.35rem;
}
.author-box-trust i{
  color:var(--author-green);
}
.source-derived-author{
  --source-author-bg:#07111f;
  --source-author-surface:#101b2d;
  --source-author-card:#13243a;
  --source-author-border:rgba(255,255,255,.14);
  --source-author-heading:#ffffff;
  --source-author-copy:#b7c4d8;
  --source-author-accent:#fb923c;
  --source-author-accent-2:#38bdf8;
  background:linear-gradient(180deg,#07111f,#0b1524 42%,#101b2d);
  color:var(--source-author-copy);
  overflow:hidden;
}
.source-author-container{
  margin-inline:auto;
  max-width:1140px;
  padding-inline:clamp(1rem,3vw,1.5rem);
}
.source-author-section{
  padding-block:clamp(2.6rem,5vw,4.5rem);
  position:relative;
}
.source-author-hero{
  background:linear-gradient(135deg,#07111f 0%,#101b2d 62%,#17324b 100%);
  border-bottom:1px solid var(--source-author-border);
  color:var(--source-author-heading);
}
.source-author-hero-grid,
.source-author-process-grid{
  align-items:stretch;
  display:grid;
  gap:clamp(1.25rem,4vw,2rem);
  grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);
}
.source-author-copy,
.source-author-profile,
.source-author-banner,
.source-author-card,
.source-author-step,
.source-author-stat{
  background:linear-gradient(135deg,rgba(19,36,58,.96),rgba(16,27,45,.96));
  border:1px solid var(--source-author-border);
  border-radius:8px;
  box-shadow:0 18px 42px rgba(2,6,23,.24);
}
.source-author-copy,
.source-author-banner,
.source-author-card,
.source-author-step{
  padding:1.15rem;
}
.source-author-copy{
  padding:clamp(1.4rem,4vw,2.4rem);
}
.source-author-kicker,
.source-author-card-kicker{
  color:#facc15;
  display:inline-flex;
  font-size:.78rem;
  font-weight:900;
  letter-spacing:0;
  margin-bottom:.85rem;
}
.source-author-copy h1,
.source-author-heading h2,
.source-author-banner h2,
.source-author-card h3,
.source-author-step h3,
.source-author-profile h2{
  color:var(--source-author-heading);
  font-weight:900;
  letter-spacing:0;
  line-height:1.16;
  margin:0;
}
.source-author-copy h1{
  font-size:clamp(2rem,5vw,3.4rem);
}
.source-author-copy p,
.source-author-banner p,
.source-author-card p,
.source-author-step p,
.source-author-profile p{
  color:var(--source-author-copy);
  line-height:1.65;
  margin:.85rem 0 0;
}
.source-author-actions{
  display:flex;
  flex-wrap:wrap;
  gap:.75rem;
  margin-top:1.35rem;
}
.source-author-secondary{
  align-items:center;
  background:rgba(56,189,248,.1);
  border:1px solid rgba(56,189,248,.4);
  border-radius:8px;
  color:#7dd3fc;
  display:inline-flex;
  font-weight:900;
  min-height:40px;
  padding:.56rem .92rem;
  text-decoration:none;
}
.source-author-profile{
  align-items:center;
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-height:280px;
  padding:1.5rem;
  text-align:center;
}
.source-author-profile .author-avatar{
  --author-avatar-size:clamp(96px,14vw,132px);
  margin-bottom:1rem;
}
.source-author-stats{
  background:#0b1524;
  border-block:1px solid var(--source-author-border);
}
.source-author-stat-grid,
.source-author-card-grid{
  display:grid;
  gap:1rem;
  grid-template-columns:repeat(4,minmax(0,1fr));
}
.source-author-stat{
  padding:1rem;
  text-align:center;
}
.source-author-stat strong{
  color:#fb923c;
  display:block;
  font-size:clamp(1.28rem,3vw,2rem);
  font-weight:950;
}
.source-author-stat span{
  color:var(--source-author-copy);
  display:block;
  font-size:.88rem;
  margin-top:.24rem;
}
.source-author-heading{
  margin-bottom:1.4rem;
  max-width:760px;
}
.source-author-card{
  min-height:180px;
}
.source-author-process-grid{
  grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);
}
.source-author-steps{
  display:grid;
  gap:.8rem;
}
.source-author-step{
  align-items:flex-start;
  display:grid;
  gap:.8rem;
  grid-template-columns:auto minmax(0,1fr);
}
.source-author-step>span{
  align-items:center;
  background:linear-gradient(135deg,#fb923c,#facc15);
  border-radius:8px;
  color:#111827;
  display:inline-flex;
  font-weight:950;
  height:34px;
  justify-content:center;
  width:34px;
}
.author-topic-list{
  display:flex;
  flex-wrap:wrap;
  gap:.55rem;
  list-style:none;
  margin:.9rem 0 0;
  padding:0;
}
@media (max-width:991.98px){
  .author-box-main,
  .source-author-hero-grid,
  .source-author-process-grid{
    grid-template-columns:1fr;
  }
  .author-box-actions{
    justify-self:start;
  }
  .source-author-stat-grid,
  .source-author-card-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media (max-width:575.98px){
  .author-box{
    padding-inline:.65rem;
  }
  .author-box-main,
  .source-author-stat-grid,
  .source-author-card-grid{
    grid-template-columns:1fr;
  }
  .author-box-trust{
    display:grid;
  }
  .author-link,
  .source-author-primary,
  .source-author-secondary{
    width:100%;
    justify-content:center;
    white-space:normal;
  }
}