/* Shared components for the /guides buying guides and recipes.
   Byline (top of article) and author box (end of article). */

/* ── Byline ─────────────────────────────────────────────────────────── */
.gd-byline{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:var(--s-5);}
.gd-author-chip{display:inline-flex;align-items:center;gap:10px;padding:5px 16px 5px 5px;border:1px solid var(--line);border-radius:999px;background:var(--bg-elev);text-decoration:none;color:var(--ink);transition:border-color .15s,transform .15s;}
.gd-author-chip:hover{border-color:var(--ink);}
.gd-author-chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px;}
.gd-author-chip strong{display:block;font-weight:600;font-size:14px;line-height:1.2;}
.gd-by{display:block;font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted);line-height:1.3;}
.gd-av{width:38px;height:38px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent-soft),var(--butter, #f3e2b3));font-family:"Instrument Serif",Georgia,serif;font-style:italic;font-size:16px;color:var(--accent-deep);border:1px solid color-mix(in oklab,var(--accent) 25%,transparent);}
.gd-av.lg{width:68px;height:68px;font-size:28px;}
.gd-trust{display:flex;flex-wrap:wrap;gap:6px 18px;list-style:none;margin:0;padding:0;font-size:13px;color:var(--ink-soft);}
.gd-trust li{display:inline-flex;align-items:center;gap:6px;}
.gd-trust svg{width:15px;height:15px;color:var(--accent);flex-shrink:0;}
.gd-trust a{color:inherit;text-decoration:underline;text-decoration-color:var(--line-strong);text-underline-offset:2px;}
.gd-trust a:hover{color:var(--ink);text-decoration-color:var(--ink);}

/* ── Author box ─────────────────────────────────────────────────────── */
.gd-authorbox{border:1px solid var(--line);border-radius:12px;background:var(--bg-elev);padding:26px;margin-top:var(--s-7);}
.gd-ab-head{display:flex;gap:16px;align-items:center;}
.gd-ab-head h2{font-family:"Instrument Serif",Georgia,serif;font-weight:400;font-size:clamp(24px,3vw,30px);line-height:1.1;margin:4px 0 0;color:var(--ink);}
.gd-ab-role{margin:4px 0 0;font-size:13.5px;color:var(--ink-muted);}
.gd-ab-bio{font-size:15px;line-height:1.65;color:var(--ink-soft);margin:16px 0 0;max-width:70ch;}
.gd-ab-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px;}
.gd-ab-grid > div{border:1px solid var(--line);border-radius:8px;padding:14px 16px;background:var(--bg);}
.gd-ab-grid h3{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted);margin:0 0 6px;font-weight:500;}
.gd-ab-grid ul{margin:0;padding:0;list-style:none;}
.gd-ab-grid li{position:relative;padding-left:24px;font-size:14px;line-height:1.5;color:var(--ink-soft);margin:7px 0;}
.gd-ab-grid li::before{position:absolute;left:0;top:1px;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;line-height:1;}
.gd-ab-grid .did li::before{content:"✓";background:color-mix(in oklab,var(--accent) 16%,transparent);color:var(--accent-deep);}
.gd-ab-grid .didnt li::before{content:"✕";background:color-mix(in oklab,var(--ink-muted) 16%,transparent);color:var(--ink-soft);}
.gd-ab-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;}
.gd-ab-links a{font-size:13px;padding:7px 13px;border:1px solid var(--line-strong);border-radius:999px;color:var(--ink);text-decoration:none;transition:border-color .15s;}
.gd-ab-links a:hover{border-color:var(--ink);}
.gd-ab-links a.primary{background:var(--ink);color:var(--bg);border-color:var(--ink);}
.gd-ab-links a.primary:hover{opacity:.9;}
@media (max-width:640px){
  .gd-authorbox{padding:18px;}
  .gd-ab-grid{grid-template-columns:1fr;}
  .gd-av.lg{width:56px;height:56px;font-size:24px;}
}