/* Guide extras: share row, author card, newsletter. Inherits the site's colours and fonts. */
.guide-extras{max-width:46rem;margin:2.5rem auto;padding:0 1rem;font:inherit;color:inherit}
.guide-extras h2{font-size:1.15rem;margin:0 0 .6rem}
.guide-extras>div{border-top:1px solid rgba(128,128,128,.35);padding:1.25rem 0}
.guide-extras .ge-share-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}
.guide-extras .ge-share-list li{margin:0;padding:0;list-style:none}
.ge-share-list a,.ge-copy{display:inline-block;padding:.5rem .9rem;min-height:2.75rem;box-sizing:border-box;line-height:1.7;border:1px solid currentColor;border-radius:.4rem;background:transparent;color:inherit;font:inherit;text-decoration:none;cursor:pointer}
.ge-share-list a:hover,.ge-copy:hover{text-decoration:underline}
.ge-copied{margin:.5rem 0 0;min-height:1.25rem}
.ge-author{display:flex;gap:1rem;align-items:flex-start}
.guide-extras .ge-photo{width:96px;height:96px;border-radius:50%;object-fit:cover;flex:none}
.ge-author-text p{margin:0 0 .4rem}
.ge-kicker{font-size:.85rem;text-transform:none;opacity:.8}
.ge-name{font-size:1.1rem;font-weight:700}
@media (max-width:30rem){.ge-author{flex-direction:column}}

/* SEO pass: breadcrumbs, FAQ questions as h3, and non-heading titles in the guide extras */
.breadcrumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:.25rem .5rem;margin:0 0 .75rem;padding:0;font-size:.875rem}
.breadcrumbs li{margin:0;padding:0}
.breadcrumbs li+li::before{content:"\203A";margin-right:.5rem;opacity:.6}
.breadcrumbs a{color:inherit}
.faq .faq-q{font-family:var(--font-body);font-weight:700;font-size:1.375rem;line-height:1.3;margin:2rem 0 .5rem}
.faq .faq-a{margin-left:0}
.guide-extras .ge-title{font-family:var(--font-display);font-weight:700;font-size:1.15rem;line-height:1.3;margin:0 0 .6rem}