
/* About Author section (Answer With Grace) */
#about-author {
  --awg-bg: #f7f7fb;
  --awg-text: #2f2f3a;
  --awg-muted: #616173;
  --awg-accent: #6b8cff;
  --awg-card: #ffffff;
  --awg-shadow: 0 10px 24px rgba(23, 23, 33, 0.08);
  padding: 56px 20px;
  background: var(--awg-bg);
  display: grid;
  place-items: center;
}
#about-author .awg-container { width: min(100%, 960px); background: var(--awg-card); border-radius: 20px; box-shadow: var(--awg-shadow); padding: 32px 28px; }
#about-author h2 { font-size: clamp(24px, 3vw, 32px); margin: 0 0 12px 0; text-align: center; color: var(--awg-text); letter-spacing: 0.3px; }
#about-author .awg-body { max-width: 760px; margin: 0 auto; font-size: clamp(16px, 2.2vw, 18px); line-height: 1.75; color: var(--awg-muted); text-align: center; }
#about-author blockquote { margin: 22px auto 0; padding: 0 12px; color: var(--awg-text); font-style: italic; }
#about-author .awg-photo-wrap { margin: 26px auto 8px; display: grid; place-items: center; }
#about-author img.awg-photo { width: min(100%, 360px); height: auto; border-radius: 16px; box-shadow: var(--awg-shadow); }
#about-author .awg-social { margin-top: 18px; display: flex; justify-content: center; gap: 16px; flex-wrap: wrap; }
#about-author .awg-social a { display: inline-flex; align-items: center; gap: 8px; text-decoration: none; padding: 10px 14px; border-radius: 999px; background: #eef1ff; color: #2c3360; font-weight: 600; transition: transform 0.12s ease, box-shadow 0.12s ease; box-shadow: 0 6px 12px rgba(70, 83, 255, 0.08); }
#about-author .awg-social a:hover { transform: translateY(-2px); box-shadow: 0 10px 18px rgba(70, 83, 255, 0.12); }
#about-author .awg-social svg { width: 18px; height: 18px; }
