.tool-cta,.tool-join{justify-items:start;gap:var(--space-4);padding:var(--space-5);background:var(--moss-tint);border-radius:var(--radius-card-sm);display:grid}.tool-cta[hidden]{display:none}.tool-cta-lead{font-weight:var(--weight-bold)}.tool-cta-actions{align-items:center;gap:var(--space-2) var(--space-5);flex-wrap:wrap;display:flex}.tool-cta-actions a:not(.tool-cta-main){min-height:var(--touch-min);color:var(--moss-deep);font-weight:var(--weight-bold);align-items:center;display:inline-flex}.tool-join{column-gap:var(--space-4);padding:var(--space-6);border-radius:var(--radius-card);grid-template-columns:auto 1fr;margin-top:48px}.tool-join>:not(.pal){grid-column:2}.tool-join .pal{grid-row:1/span 2}.tool-join h2{font-size:24px}.tool-join-page{max-width:calc(1100px - 2 * var(--screen-pad-x));margin:0 auto 64px}@media (width<=480px){.tool-join{grid-template-columns:1fr}.tool-join>:not(.pal){grid-column:1}.tool-join .pal{grid-row:auto}.tool-join-page{margin-inline:var(--screen-pad-x)}}.tool-cta-main,.tool-button{min-height:var(--button-height);border-radius:var(--radius-pill);background:var(--moss);color:var(--white);font:inherit;font-size:var(--text-button);font-weight:var(--weight-heavy);cursor:pointer;border:0;justify-content:center;align-items:center;padding:0 28px;text-decoration:none;display:inline-flex}.tool-main{max-width:860px;padding:20px var(--screen-pad-x) 64px;margin:auto}.tool-main>*+*{margin-top:20px}.tool-prose{margin-top:40px}.tool-prose>*+*{margin-top:16px}.tool-prose h2{margin-top:28px;font-size:24px}.tool-button-quiet{min-height:var(--touch-min);border:2px solid var(--moss);border-radius:var(--radius-pill);background:var(--washi);color:var(--ink);font:inherit;font-weight:var(--weight-bold);cursor:pointer;justify-content:center;align-items:center;padding:0 20px;display:inline-flex}.tool-button:disabled,.tool-button-quiet:disabled{opacity:.55;cursor:not-allowed}.tool-main select{min-height:var(--touch-min);border:2px solid var(--moss);border-radius:var(--radius-pill);background:var(--washi);color:var(--ink);font:inherit;padding:0 12px}.tool-main label:has(>input[type=checkbox],>input[type=radio]){align-items:center;gap:var(--space-2);min-height:var(--touch-min);display:flex}.tool-main input[type=checkbox],.tool-main input[type=radio]{width:22px;height:22px;accent-color:var(--moss);flex:none;margin:0}[hidden]{display:none!important}