/* ============================================================
   Field Notebook — AUTHOR BOX
   A small, quiet neumorphic byline card for the end of an article —
   same soft-UI language as .fn-comments (see comments.css), just
   smaller. Scoped under .fn-author.
   ============================================================ */

.fn-author{
  --nm-bg:var(--paper);
  --nm-light:#ffffff;
  --nm-dark:#d7d1c5;
  --nm-accent:var(--sage);
  --nm-accent-deep:var(--sage-deep);
  margin-top:clamp(2rem,5vw,3rem);
}
:root[data-theme="dark"] .fn-author{
  --nm-bg:var(--paper);
  --nm-light:#242017;
  --nm-dark:#050404;
}

.fn-author__card{
  display:flex;align-items:flex-start;gap:1rem;
  background:var(--nm-bg);border-radius:20px;
  padding:1.2rem clamp(1rem,4vw,1.5rem);
  box-shadow:8px 8px 20px var(--nm-dark), -8px -8px 20px var(--nm-light);
  transition:box-shadow .5s var(--ease), background .5s var(--ease);
}

.fn-author__avatar{flex:0 0 auto;width:56px;height:56px;border-radius:50%;overflow:hidden;display:block}
.fn-author__avatar img,
.fn-author__avatar .fna-avatar,
.fn-author__avatar>span{
  width:56px;height:56px;border-radius:50%;object-fit:cover;display:grid;place-items:center;
  background:var(--sage-tint);color:var(--sage-deep);font-family:var(--mono);font-size:.85rem;font-weight:600;overflow:hidden;
}

.fn-author__body{min-width:0}
.fn-author__eyebrow{
  font-family:var(--mono);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;
  color:var(--grey);margin:0 0 .3rem;display:flex;align-items:center;gap:.55em;
}
.fn-author__badge{
  font-family:var(--mono);font-size:.6rem;letter-spacing:.06em;text-transform:uppercase;
  color:var(--nm-accent-deep);border:1px solid var(--nm-accent);border-radius:20px;padding:.05rem .5rem;
}
.fn-author__name{
  font-family:var(--serif);font-size:1.15rem;line-height:1.2;color:var(--ink);
  display:inline-block;margin-bottom:.35rem;transition:color .2s var(--ease);
}
.fn-author__name:hover{color:var(--sage-deep)}
.fn-author__bio{color:var(--ink-soft);font-size:.9rem;line-height:1.55;margin:0;max-width:60ch}

@media (max-width:480px){
  .fn-author__card{gap:.8rem;padding:1rem}
  .fn-author__avatar{width:48px;height:48px}
  .fn-author__avatar img,
  .fn-author__avatar .fna-avatar,
  .fn-author__avatar>span{width:48px;height:48px}
}