.conn-cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:16px;margin:1.2rem 0 1rem;padding:0;list-style:none;display:grid}.conn-card{border:1px solid var(--line-card);border-radius:var(--radius-card);background:var(--surface);flex-direction:column;gap:12px;min-width:0;padding:20px;display:flex}.conn-card-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 10px;display:flex}.conn-card h2{letter-spacing:-.015em;margin:0;font-size:18px;font-weight:500}.conn-card p{margin:0;font-size:14px;line-height:1.5}.conn-card .btn{align-self:flex-start;margin-top:auto}.conn-plan{color:var(--fg-2);margin:0 0 .5rem}.conn-signed-in{margin:0 0 .5rem}.conn-section{margin:2.2rem 0 1.2rem}.conn-section h2{letter-spacing:-.03em;margin:0 0 1rem;font-size:clamp(22px,2.6vw,28px)}.conn-how,.conn-three{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:16px;margin:0 0 1.2rem;padding:0;list-style:none;display:grid}.conn-how-card{border:1px solid var(--line-card);border-radius:var(--radius-panel);background:var(--surface);flex-direction:column;gap:8px;min-width:0;padding:20px;display:flex}.conn-how-card h3{letter-spacing:-.015em;margin:0;font-size:18px;font-weight:500}.conn-how-card p{margin:0;font-size:14.5px;line-height:1.55}.conn-eyebrow{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent-text);font-size:11px}.conn-steps{margin:1.2rem 0;scroll-margin-top:16px}.conn-steps .gsteps{margin-top:0}.conn-exp{margin:.7rem 0}.conn-exp>summary{font-weight:500}.conn-exp-body{padding:14px 20px 6px}.conn-exp-body>:first-child,.conn-exp-body .callout:first-child{margin-top:0}.conn-exp-body .gsteps{margin-top:.4rem}.conn-exp-body .gsteps>li{background:var(--raised)}.conn-try{margin:1.6rem 0 1rem}.conn-try h2{letter-spacing:-.03em;margin:0 0 .7rem;font-size:clamp(22px,2.6vw,28px)}.conn-try-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.conn-try-list li{border:1px solid var(--line);border-radius:var(--radius-tile);background:var(--raised);color:var(--fg-2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;padding:10px 14px;font-size:14.5px;line-height:1.5;display:flex}.conn-try-list q{quotes:"“" "”";overflow-wrap:anywhere;flex:18rem;min-width:0}.conn-try .small{margin:.5rem 0 0}.wl{max-width:40rem;margin:0 auto}.wl-top{color:var(--muted);justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:1.2rem;font-size:13px;display:flex}.wl-progress{font-family:var(--font-mono);letter-spacing:.04em}.wl-bar{gap:6px;margin:0 0 1.4rem;padding:0;list-style:none;display:flex}.wl-bar li{background:var(--line-strong);border-radius:2px;flex:1 1 0;height:4px}.wl-bar li.on{background:var(--accent)}.wl h1{letter-spacing:-.04em;margin:0 0 .4rem;font-size:clamp(28px,3.4vw,40px);line-height:1.08}.wl .lede{margin:0 0 1.2rem}.wl-buttons{flex-wrap:wrap;gap:10px;margin:0 0 .8rem;display:flex}.wl-later{margin:.4rem 0 1.2rem;font-size:14px}.wl-actions{flex-wrap:wrap;align-items:center;gap:12px 18px;margin:1.4rem 0 0;display:flex}.wl-status{border:1px solid var(--line-card);border-radius:var(--radius-tile);background:var(--surface);align-items:center;gap:10px;margin:1rem 0;padding:12px 16px;font-size:14.5px;display:flex}.wl-status.done{border-color:var(--accent-line);background:var(--accent-soft);color:var(--fg)}.wl-dot{background:var(--faint);border-radius:50%;flex:none;width:10px;height:10px}.wl-status.done .wl-dot{background:var(--pos)}@media (prefers-reduced-motion:no-preference){.wl-status.waiting .wl-dot{animation:1.6s ease-in-out infinite wl-pulse}}@keyframes wl-pulse{50%{opacity:.35}}.wl-search{gap:8px;margin:0 0 1rem;display:flex}.wl-search input{flex:auto;min-width:0}.wl-picks{border:0;gap:4px;margin:0 0 1rem;padding:0;display:grid}.wl-picks legend{color:var(--muted);margin-bottom:4px;padding:0;font-size:13px}.wl-pick{border:1px solid var(--line);border-radius:var(--radius-tile);background:var(--surface);align-items:center;gap:10px;padding:8px 12px;display:flex}.wl-pick small{color:var(--muted)}.gs-card{border:1px solid var(--line-card);border-radius:var(--radius-card);background:var(--surface);margin:0 0 1.2rem;padding:18px 20px}.gs-head{justify-content:space-between;align-items:baseline;gap:12px;margin:0 0 .6rem;display:flex}.gs-card h2{letter-spacing:-.015em;margin:0;font-size:18px;font-weight:500}.gs-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.gs-list li{flex-wrap:wrap;align-items:center;gap:4px 12px;font-size:14.5px;display:flex}.gs-mark{border:1px solid var(--line-strong);width:22px;height:22px;color:var(--muted);border-radius:50%;flex:none;place-items:center;font-size:12px;display:inline-grid}.gs-list li.done .gs-mark{background:var(--pos);border-color:var(--pos);color:var(--bg)}.gs-state{color:var(--muted);font-size:12px}.gs-list details{flex-basis:100%;margin-left:34px}.gs-list details summary{cursor:pointer;color:var(--accent-text);font-size:13px}
