/* A small author links page, using the existing site design tokens. */
.connect-page { min-height:100vh; border-top:7px solid var(--green); }
.connect-header { max-width:620px; margin:0 auto; padding:29px 24px 0; }
.connect-header .wordmark { display:inline-block; font-size:26px; }
.connect-header .wordmark span { font-size:8px; }
.connect-main { width:calc(100% - 40px); max-width:532px; margin:34px auto 0; }
.connect-intro { text-align:center; }
.connect-portrait { width:80px; height:80px; object-fit:cover; object-position:center 20%; border-radius:50%; margin:0 auto 17px; border:1px solid var(--line); }
.connect-intro .eyebrow { margin-bottom:10px; }
.connect-intro h1 { font-size:clamp(38px,8vw,52px); letter-spacing:-.035em; margin-bottom:14px; }
.connect-lead { color:var(--muted); font-size:16px; line-height:1.55; max-width:350px; margin:0 auto 25px; }
.connect-links { display:grid; gap:12px; }
.connect-link { display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:82px; padding:17px 21px; border:1px solid var(--line); background:var(--paper); color:var(--green); border-radius:3px; text-decoration:none; }
.connect-link strong { display:block; font-size:16px; font-weight:700; line-height:1.4; }
.connect-link small { display:block; color:var(--muted); font-size:13px; line-height:1.45; margin-top:4px; }
.connect-arrow { font-size:23px; flex:0 0 auto; line-height:1; }
.connect-primary { background:var(--green); border-color:var(--green); color:var(--paper); }
.connect-primary small { color:var(--cream); }
.connect-link:hover { border-color:var(--green); background:var(--wash); text-decoration:none; }
.connect-primary:hover { background:#183429; color:white; }
.connect-page a:focus-visible { outline:3px solid var(--rust); outline-offset:4px; }
.connect-footer { max-width:532px; width:calc(100% - 40px); margin:24px auto 0; padding:0 0 22px; text-align:center; }
.connect-email { display:block; padding:10px 4px; font-size:14px; overflow-wrap:anywhere; }
.connect-privacy { display:inline-block; padding:12px 8px; color:var(--muted); font-size:12px; }
.connect-footer p { color:var(--muted); font-size:11px; margin:3px 0 0; }
@media(max-width:380px) {
  .connect-main { margin-top:25px; }
  .connect-link { padding:15px; }
  .connect-link strong { font-size:15px; }
  .connect-link small { font-size:12px; }
}