/* Author bylines, author cards (parts/resources/author-lib.php) and the author page (author.php).
   Loaded with sb_rs_page($page, ['authors']). Every selector scoped to .rs. */
.rs .av{border-radius:50%;background:var(--royal-soft);display:grid;place-items:center;font-family:var(--fd);font-weight:800;color:var(--royal);flex:none;overflow:hidden;letter-spacing:-.02em}
.rs .av.img{background:var(--royal-soft)}
.rs .av.img img{width:100%;height:100%;object-fit:cover;display:block;border-radius:50%}

/* Byline: "Written by" and "Reviewed by", then a facts row */
.rs .abyl{display:grid;gap:14px;min-width:0}
.rs .abyl .ab-people{display:flex;flex-wrap:wrap;gap:14px 36px;align-items:center}
.rs .abyl .ab-person{display:flex;gap:12px;align-items:center;min-width:0;position:relative}
.rs .abyl .ab-tick{position:absolute;left:calc(var(--av,44px) - 16px);top:calc(50% + 6px);width:20px;height:20px;border-radius:50%;background:var(--c-mon,#12a150);color:#fff;display:grid;place-items:center;border:2px solid #fff;--ic-ink:#fff}
.rs .abyl .ab-tick .sbi{width:12px;height:12px}
.rs .abyl .ab-pt{display:grid;gap:1px;min-width:0;line-height:1.3}
.rs .abyl .ab-lbl{font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.rs .abyl .ab-nm{font-size:15.5px;font-weight:700;color:var(--ink)}
.rs .abyl .ab-nm a,.rs .acard .ac-name a{color:var(--ink);text-decoration:none}
.rs .abyl .ab-nm a:hover,.rs .acard .ac-name a:hover{color:var(--royal);text-decoration:underline}
.rs .ab-role{font-size:13.5px;color:var(--muted);font-weight:500}
.rs .abyl .ab-bio{font-size:14px;color:var(--ink-2);max-width:62ch;line-height:1.45;margin:0}
.rs .abyl .ab-facts{display:flex;flex-wrap:wrap;gap:8px}
.rs .abyl .ab-f{display:inline-flex;gap:6px;align-items:center;height:30px;padding:0 11px;border-radius:999px;background:var(--bg-alt,#F4F6FB);font-size:13px;font-weight:600;color:var(--ink-2);white-space:nowrap}
.rs .abyl .ab-f .sbi{width:14px;height:14px;color:var(--muted);--ic-ink:var(--muted)}
.rs .ab-dates{display:flex;flex-direction:column;gap:3px;font-size:13.5px;color:var(--muted);font-weight:500}
.rs .ab-when{display:flex;flex-wrap:wrap;gap:2px 0;align-items:center}
.rs .ab-when i{font-style:normal;padding:0 7px;color:var(--line)}
.rs .ab-rev{display:inline-flex;gap:6px;align-items:center;color:var(--ink-2)}
.rs .ab-rev .sbi{width:16px;height:16px;color:var(--c-mon,#12a150);--ic-ink:var(--c-mon,#12a150)}
.rs .ab-rev a{font-weight:600}
@media (max-width:560px){
  .rs .abyl .ab-people{flex-direction:column;align-items:flex-start}
}

/* Author card at the end of a post */
.rs .acard{display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;padding:24px;border-radius:22px;border:1px solid var(--line);background:#fff;margin-top:32px;text-align:left}
.rs .acard .ac-body{display:grid;gap:6px;min-width:0;justify-items:start}
.rs .acard .ac-name{font:750 19px var(--fd);letter-spacing:-.02em;color:var(--ink)}
.rs .acard p{font-size:15px;color:var(--ink-2);margin:4px 0 0;line-height:1.55}
.rs .acard .ac-cred{display:flex;gap:8px;align-items:flex-start;font-size:14px;margin:0}
.rs .acard .ac-cred .sbi{width:18px;height:18px;margin-top:2px;color:var(--royal);--ic-ink:var(--royal)}
.rs .acard .ac-exp{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}
.rs .acard .ab-dates{margin-top:6px;padding-top:12px;border-top:1px solid var(--line);width:100%}
.rs .acard .ac-foot{display:flex;gap:10px 16px;align-items:center;flex-wrap:wrap;margin-top:6px}
.rs .acard .more{font-weight:700;text-decoration:none;display:inline-flex;gap:6px;align-items:center;--ic-ink:var(--royal)}
.rs .acard .more .sbi{width:18px;height:18px}
.rs .ab-soc{display:flex;gap:6px;flex-wrap:wrap}
.rs .ab-soc a.bd{text-decoration:none;height:30px}
.rs .ab-soc a.bd .sbi{width:14px;height:14px}
.rs .ab-soc a.bd:hover{border-color:var(--ink);color:var(--ink)}

/* Author page */
.rs .ahero{padding:56px 0 40px;position:relative;overflow:hidden}
.rs .ahero .ring{position:absolute;border-radius:50%;border:1.5px solid color-mix(in srgb,var(--royal) 16%,transparent);width:620px;height:620px;right:-220px;top:-280px;pointer-events:none}
.rs .ahero .crumbs{margin-bottom:22px}
.rs .ahero-in{display:grid;grid-template-columns:auto minmax(0,1fr);gap:32px;align-items:start}
.rs .ahero .av{box-shadow:0 0 0 6px #fff,0 0 0 7px var(--line)}
.rs .ahero h1{font-size:clamp(2.2rem,4.6vw,3.6rem);margin:10px 0 6px;max-width:18ch}
.rs .ahero .ab-role{font-size:16px}
.rs .ahero .lede{margin-top:16px;font-size:18px}
.rs .ahero .ac-cred{display:flex;gap:8px;align-items:flex-start;color:var(--ink-2);margin-top:14px;font-size:15px}
.rs .ahero .ac-cred .sbi{width:20px;height:20px;color:var(--royal);--ic-ink:var(--royal)}
.rs .ahero .ac-exp{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.rs .ahero .ab-soc{margin-top:16px}
.rs .astats{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.rs .astats a,.rs .astats span{display:grid;gap:0;padding:12px 18px;border-radius:16px;border:1px solid var(--line);background:#fff;text-decoration:none;color:var(--ink);min-width:110px}
.rs .astats a:hover{border-color:var(--ink);color:var(--ink)}
.rs .astats b{font:800 26px var(--fd);letter-spacing:-.04em;line-height:1.1}
.rs .astats small{font-size:13px;color:var(--muted);font-weight:600}
.rs .atabs{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:28px}
.rs .atabs .chips{display:flex;gap:8px;flex-wrap:wrap}
.rs .atabs .chips a{height:40px;padding:0 15px;border-radius:999px;border:1px solid var(--line);background:#fff;font-weight:600;font-size:14.5px;color:var(--ink-2);display:inline-flex;align-items:center;gap:6px;text-decoration:none;transition:.2s}
.rs .atabs .chips a small{font-size:12.5px;color:var(--muted);font-weight:600}
.rs .atabs .chips a:hover{border-color:var(--ink);color:var(--ink)}
.rs .atabs .chips a[aria-current]{background:var(--ink);border-color:var(--ink);color:#fff}
.rs .atabs .chips a[aria-current] small{color:rgba(255,255,255,.7)}
.rs .ahow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.rs .ahow .card b{font:750 18px var(--fd);letter-spacing:-.02em}

@media (max-width:900px){.rs .ahow{grid-template-columns:minmax(0,1fr)}}
@media (max-width:620px){
  .rs .ahero{padding:36px 0 28px}
  .rs .ahero-in{grid-template-columns:minmax(0,1fr);gap:18px}
  .rs .ahero .av{width:96px!important;height:96px!important}
  .rs .acard{grid-template-columns:minmax(0,1fr);padding:20px}
  .rs .astats a,.rs .astats span{min-width:0;flex:1 1 40%}
}

/* Byline placement on guides, glossary terms and help articles */
.rs .g-by{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}
.rs .th .g-by{margin-top:18px;margin-bottom:6px}
.rs .ah .g-by{margin:14px 0 28px;padding:14px 0 22px;border-bottom:1px solid var(--line)}
.rs .ph .by .abyl{flex:1 1 320px}
