/* Guide "Try this at home" checklist (Article.astro) + Join success finish (JoinPage.astro).
   Uses the glass.css tokens, so light/dark follow the theme. */
.try__l{margin:4px 0 0;padding:0;list-style:none;border-top:1px solid var(--g-hair)}
.try__l li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;align-items:start;padding:14px 0;border-bottom:1px solid var(--g-hair)}
.try__c{appearance:none;-webkit-appearance:none;width:22px;height:22px;margin:2px 0 0;border:1.5px solid var(--g-mut);border-radius:6px;background:var(--g-field);cursor:pointer;display:grid;place-content:center;transition:background .2s,border-color .2s}
.try__c::before{content:"";width:11px;height:6px;border:solid var(--g-btnfg);border-width:0 0 2px 2px;transform:rotate(-45deg) translate(1px,-1px);opacity:0}
.try__c:checked{background:var(--g-gold);border-color:var(--g-gold)}
.try__c:checked::before{opacity:1}
.try__c:focus-visible{outline:2px solid var(--g-gold);outline-offset:3px}
.try__l label{font-size:17px;line-height:1.55;color:var(--g-fg);cursor:pointer;overflow-wrap:break-word}
.try__c:checked + label{color:var(--g-mut)}
main .gar__p p.try__n{margin:14px 0 0;font-size:13px;line-height:1.4;color:var(--g-mut)}
html[data-theme="dark"] .try__c::before{border-color:#16130e}

/* Waitlist success: Base.astro swaps the form's card (.pk-fw on /join/, .iv1__fw on /invite/) for this */
.is-done{text-align:center}
.pk-fw.is-done{border-radius:24px;padding:24px 20px 22px}
.jf{display:flex;flex-direction:column;align-items:center;gap:8px;outline:none;animation:jfIn .5s ease-out both}
main .jf p,.jf p{margin:0;max-width:34em;text-align:center}
main .jf p.jf__h,.jf p.jf__h{font-size:20px;line-height:1.35;font-weight:600;letter-spacing:-.01em;color:var(--g-fg,inherit)}
main .jf p.jf__s,.jf p.jf__s{font-size:15px;line-height:1.5;color:var(--g-mut,inherit);overflow-wrap:anywhere}
.jf__s strong{font-weight:600;color:var(--g-fg,inherit)}
@keyframes jfIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.jf{animation:none}.try__c{transition:none}}
/* thank-you quick facts (2026-10-30): gold mono eyebrow, breaks only between facts */
main .jf p.jf__k,.jf p.jf__k{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;column-gap:10px;row-gap:6px;margin-top:6px;font:500 11.5px/1.4 var(--t-mono,ui-monospace,monospace);letter-spacing:.16em;text-transform:uppercase;color:var(--g-gold,#b8913a)}
.jf__k span{white-space:nowrap}
.jf__k i{font-style:normal;opacity:.6}
html[lang="zh"] .jf p.jf__k{letter-spacing:.08em;font-size:12.5px}
@media (max-width:420px){main .jf p.jf__k,.jf p.jf__k{letter-spacing:.08em;font-size:10.5px;column-gap:7px}}