/* Sign in: one card beside the page heading; Google's own button inside it. */
.si-wrap{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(24px,4vw,64px);align-items:center}
@media (max-width:860px){.si-wrap{grid-template-columns:minmax(0,1fr)}}
.si-card{min-height:230px;display:grid;align-content:center}
/* the logo banner across the top of the card, edge to edge (the card's own padding, negated) */
.si-banner{display:block;width:calc(100% + 2*clamp(20px,2.4vw,34px));max-width:none;height:auto;margin:calc(-1*clamp(20px,2.4vw,34px)) calc(-1*clamp(20px,2.4vw,34px)) 8px;border-bottom:1px solid var(--line)}
.si-card [data-si]{display:grid;gap:14px;justify-items:start}
.si-card h2{font-size:1.3rem}
.si-card p{color:var(--ink-2)}
.si-google{width:100%;max-width:360px;min-height:44px}
.si-error{color:var(--warn);font-weight:600}
.si-fine{color:var(--muted);font-size:.86rem;max-width:46ch}
.si-actions{display:flex;flex-wrap:wrap;gap:10px}
/* /delete-account/ shares this card; what is deleted and kept sits under the heading */
.da-facts{margin-top:22px;display:grid;gap:10px;max-width:60ch}
.da-facts h2{font-size:1.05rem;margin-top:8px}
.da-facts ul{margin:0;padding-left:1.2em;display:grid;gap:6px;color:var(--ink-2)}
.da-sure{display:flex;gap:10px;align-items:flex-start;color:var(--ink-2);max-width:46ch}
.da-sure input{margin-top:4px;flex:none}
.da-facts a{text-decoration:underline}
.da-delete:not(:disabled){background:var(--warn);border-color:var(--warn);color:light-dark(#fff,#11141c)}
.da-delete:disabled{opacity:.5;cursor:not-allowed}