/* /connect and /donate (Archive family; mirrors samuelbaird.com donate + latter-day-stats connect) */
.sr{position:absolute;left:-999px;width:1px;height:1px;overflow:hidden}
.pagehead{padding:56px 0 28px;border-bottom:1px solid var(--border);margin-bottom:32px}
.pagehead h1{margin-bottom:10px}
.pagehead .lede{margin:0 0 20px;color:var(--muted)}
.back{margin:0 0 18px;font-size:.9rem}
.two{display:grid;gap:40px}
@media (min-width:900px){.two{grid-template-columns:minmax(0,1fr) 20rem;gap:56px}.two aside{border-left:1px solid var(--border);padding-left:40px}}
.two .main{max-width:44rem}
.two h2{font:600 1.5rem/1.25 var(--font-serif);margin:0 0 10px}
.two aside h2,.two .small-caps.muted{font-size:.82rem;color:var(--muted);font-family:var(--font-sans);margin:0 0 10px}
.block{padding:32px 0 0}
.note{color:var(--muted);font-size:.88rem;line-height:1.5;margin:14px 0 0}
.btns{display:flex;flex-wrap:wrap;gap:12px}
.primary,.secondary{display:inline-flex;align-items:center;min-height:44px;padding:0 22px;border-radius:var(--radius);font:600 .95rem var(--font-sans);text-decoration:none;cursor:pointer}
.primary{background:var(--accent);color:var(--on-accent);border:1px solid var(--accent)}
.secondary{background:var(--surface);color:var(--foreground);border:1px solid var(--border)}
.primary:hover{opacity:.9}
.secondary:hover{border-color:var(--accent);background:var(--muted-soft)}
.side{margin:0;padding:12px 0 0;border-top:1px solid var(--border);color:var(--muted);font-size:.92rem}
ul.side{list-style:none;display:grid;gap:10px}
aside section{padding:0 0 28px}
.asidebody{border-top:1px solid var(--border);padding-top:12px;display:grid;gap:14px;color:var(--muted);font-size:.92rem}
.asidebody p{margin:0}

/* copy field */
.copyfield{display:flex;align-items:center;gap:12px;padding:10px 12px 10px 16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);max-width:48rem}
.copyfield .lbl{font-size:.78rem;color:var(--muted)}
.copyfield code{flex:1;min-width:0;font-size:.9rem;color:var(--foreground);background:none;padding:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.copyfield code.wrap{white-space:normal;overflow-wrap:anywhere;line-height:1.55}
.copyfield button{flex:none;min-height:36px;padding:0 14px;border:1px solid var(--border);border-radius:var(--radius);background:none;color:var(--foreground);font:500 .82rem var(--font-sans);cursor:pointer}
.copyfield button:hover{background:var(--muted-soft);border-color:var(--accent)}
.stack{display:grid;gap:10px}

/* tabs + steps */
.tabs{display:inline-flex;border:1px solid var(--border);border-radius:var(--radius);margin:8px 0 18px;background:var(--surface)}
.tabs button{min-height:40px;padding:0 20px;border:0;background:none;color:var(--muted);font:500 .92rem var(--font-sans);cursor:pointer}
.tabs button+button{border-left:1px solid var(--border)}
.tabs button[aria-selected=true]{background:var(--muted-soft);color:var(--foreground)}
.before{border:1px solid var(--border);border-radius:var(--radius);background:var(--muted-soft);padding:16px 20px;font-size:.92rem}
.before p{margin:0}
.before ul{margin:8px 0 0;padding-left:20px;color:var(--muted)}
.before li{margin-bottom:4px}
.before strong,.stepbody strong{color:var(--foreground);font-weight:600}
.steps{list-style:none;margin:12px 0 0;padding:0}
.steps>li{display:grid;grid-template-columns:2.25rem minmax(0,1fr);gap:0 12px;padding:22px 0;border-top:1px solid var(--border)}
.steps>li:first-child{border-top:0}
.steps .n{font-size:1.5rem;font-weight:600;color:var(--honey);line-height:1.2}
.steps h3{margin:0;font:600 1.1rem/1.3 var(--font-serif)}
.stepbody{margin-top:8px;display:grid;gap:12px;color:var(--muted);font-size:.92rem}
.stepbody p{margin:0}
ol.plain{margin:0;padding-left:20px;display:grid;gap:4px}
.trouble{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);margin-top:12px}
.trouble details{margin:0;border:0;border-radius:0;border-top:1px solid var(--border);padding:14px 18px;background:none}
.trouble details:first-child{border-top:0}
.trouble summary{font-size:.92rem}
.trouble p{margin:10px 0 0;color:var(--muted);font-size:.92rem}
pre{margin:0;overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:12px;font-size:.78rem;line-height:1.5;color:var(--foreground)}

/* donate thank-you modal */
.modal[hidden]{display:none}
.modal{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:16px}
.backdrop{position:absolute;inset:0;background:rgba(0,0,0,.55)}
.panel{position:relative;width:100%;max-width:26rem;padding:32px 28px;text-align:center;background:var(--background);border:1px solid var(--border);border-radius:var(--radius)}
.panel h2{font:600 2rem/1.2 var(--font-serif);color:var(--honey);margin:0 0 12px}
.panel p{color:var(--muted);margin:0 0 24px}
.x{position:absolute;top:8px;right:8px;width:36px;height:36px;border:0;border-radius:50%;background:none;color:var(--muted);font-size:1.5rem;line-height:1;cursor:pointer}
.x:hover{background:var(--muted-soft);color:var(--foreground)}