/* Interviewpedia v34.0.1 layout polish: About contact block and method link. */
#view-about .about-method-link{display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px;margin:18px 0 0}
#view-about .about-method-link .linkbtn{min-height:44px}
#view-about .about-method-link span{color:var(--muted);font-size:13px}
#view-about .about-contact{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:18px 32px;align-items:center;margin-top:24px;padding:22px;border:1px solid var(--edge);border-radius:18px;background:var(--surface-2)}
#view-about .about-contact .eyebrow{margin:0 0 4px}
#view-about .about-contact h3{margin:0 0 8px;font:700 20px/1.25 var(--font-body)}
#view-about .about-contact p{margin:0;color:var(--muted);font-size:14px;line-height:1.6}
#view-about .about-contact p .linkbtn{display:inline;min-height:0!important;padding:0!important;font:inherit;vertical-align:baseline}
#view-about .about-contact-mail{display:flex;align-items:center;gap:12px;min-width:0;min-height:60px;padding:12px 16px;border:1px solid var(--edge);border-radius:14px;background:var(--surface);color:var(--ink);text-decoration:none}
#view-about .about-contact-mail,#view-about .about-contact-mail *{text-decoration:none}
#view-about .about-contact-mail:hover{border-color:var(--link)}
#view-about .about-contact-mail:hover b{text-decoration:underline;text-underline-offset:3px}
#view-about .about-contact-mail:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
#view-about .about-contact-ic{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--chip-on-bg);color:var(--chip-on-ink)}
#view-about .about-contact-mail>span:last-child{display:grid;min-width:0}
#view-about .about-contact-mail small{color:var(--muted);font-size:12px;line-height:1.4}
#view-about .about-contact-mail b{font-size:15px;line-height:1.4;overflow-wrap:anywhere}
@media (max-width:720px){#view-about .about-contact{grid-template-columns:minmax(0,1fr);padding:18px 16px;gap:14px}#view-about .about-contact h3{font-size:18px}}

/* About: collapsed cards were shrinking to their content on tablet and desktop (the shared .prose grid rule sets align-items:start). */
.about-hub{align-items:stretch}
.about-hub>.about-hub-card,.about-hub>.about-next{width:100%;box-sizing:border-box}
/* About hero: the coverage bar is intentionally empty (no promotional counts), so do not show an empty dark pill. */
.ab-proof:empty{display:none}

/* Tablet footer: the three-column footer grid squeezes the legal line; stack it and let the links wrap underneath. */
@media (min-width:721px) and (max-width:1000px){
  .wrap > footer{grid-template-columns:minmax(0,1fr);gap:6px 0;align-items:start}
  .wrap > footer .fl{gap:0 20px;justify-content:flex-start}
  .wrap > footer .fl .linkbtn{padding-inline:0;min-height:40px}
}