.connect-intro{margin:16px 0 24px}.connect-intro h1{font-size:clamp(1.8rem,3vw,2.7rem);margin:5px 0 10px}.connect-intro p{color:var(--muted,#a7aebb)}
.connect-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,350px),1fr));gap:18px;margin:20px 0 32px}
.connect-book{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:25px}.connect-book h2{margin:0;font-size:1.3rem}.connect-book p{margin:2px 0}.connect-book small{opacity:.8}.connect-book .button{margin-top:auto}
.connect-panel{padding:clamp(22px,3vw,34px)}.connect-panel h2{margin-top:0}.connect-panel .stack{display:grid;gap:15px}.connect-panel label{display:grid;gap:7px}
.connect-format{display:inline-flex;align-items:center;font-size:.75rem;font-weight:700;letter-spacing:.09em;border:1px solid #b9a270;border-radius:8px;padding:6px 10px}
.connect-stats{display:flex;gap:15px;flex-wrap:wrap}.connect-stats span{display:flex;align-items:center;gap:10px;padding:12px 18px;border-radius:10px;border:1px solid #b9a27055}.connect-stats strong{font-size:1.4rem}
.connect-recipients{display:grid;gap:10px}.connect-recipient{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px;border:1px solid #b9a27055;border-radius:10px}.connect-recipient div{display:grid;gap:3px}.connect-recipient small{font-size:.8rem;opacity:.76;overflow-wrap:anywhere}
.connect-empty{grid-column:1/-1;padding:30px}.connect-panel .muted{font-size:.88rem;margin-top:20px}
@media(max-width:600px){.connect-recipient{flex-wrap:wrap}}