.stack.svelte-1fzpnlf{display:flex;flex-direction:column;gap:10px;margin-top:10px}.lede.svelte-1fzpnlf{max-width:68ch;margin:0 0 12px;font-size:12.5px;line-height:1.55;color:var(--text-2)}.surfaces.svelte-1fzpnlf,.roles.svelte-1fzpnlf,.rules.svelte-1fzpnlf{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.roles.svelte-1fzpnlf{grid-template-columns:repeat(2,minmax(0,1fr))}.surface.svelte-1fzpnlf,.role.svelte-1fzpnlf,.rule.svelte-1fzpnlf{display:flex;flex-direction:column;gap:6px;padding:14px;background:var(--surface-card-strong);border:1px solid var(--border-hair);border-radius:var(--r-card)}.rule.svelte-1fzpnlf{padding:16px}.glyph.svelte-1fzpnlf{display:grid;place-items:center;width:32px;height:32px;color:var(--blue-strong);background:#3b82f61f;border-radius:10px}.glyph.fill.svelte-1fzpnlf{color:#fff;background:var(--grad-blue);box-shadow:0 4px 12px #3b82f647}.surface.svelte-1fzpnlf h3:where(.svelte-1fzpnlf),.role.svelte-1fzpnlf h3:where(.svelte-1fzpnlf),.rule.svelte-1fzpnlf h3:where(.svelte-1fzpnlf),.how-titles.svelte-1fzpnlf h3:where(.svelte-1fzpnlf){margin:0;font-size:13.5px;font-weight:600}.surface.svelte-1fzpnlf p:where(.svelte-1fzpnlf),.role.svelte-1fzpnlf p:where(.svelte-1fzpnlf),.rule.svelte-1fzpnlf p:where(.svelte-1fzpnlf),.how-titles.svelte-1fzpnlf p:where(.svelte-1fzpnlf),.note.svelte-1fzpnlf,.plain.svelte-1fzpnlf li:where(.svelte-1fzpnlf){margin:0;font-size:12.5px;line-height:1.55;color:var(--text-2)}.surface.svelte-1fzpnlf .btn{margin-top:6px;align-self:flex-start}.plain.svelte-1fzpnlf{margin:0;padding-left:18px}.plain.svelte-1fzpnlf li:where(.svelte-1fzpnlf)+li:where(.svelte-1fzpnlf){margin-top:8px}.inline.svelte-1fzpnlf{font:inherit;font-weight:600;color:var(--blue-strong)}kbd.svelte-1fzpnlf{display:inline-block;min-width:1.4em;padding:1px 5px;margin:0 1px;font:600 10.5px var(--font-sans, inherit);line-height:1.4;color:var(--text-1);text-align:center;background:var(--fill-subtle);border:1px solid var(--border-soft);border-bottom-width:2px;border-radius:6px}.how.svelte-1fzpnlf{padding:16px 18px 14px}.how-head.svelte-1fzpnlf{display:flex;gap:10px;align-items:flex-start;margin-bottom:10px}.how-titles.svelte-1fzpnlf{flex:1;min-width:0}.how-head.svelte-1fzpnlf .btn{flex:none;margin-left:auto}.how.svelte-1fzpnlf ol:where(.svelte-1fzpnlf){margin:0;padding:0;list-style:none;counter-reset:step}.how.svelte-1fzpnlf li:where(.svelte-1fzpnlf){display:flex;gap:10px;padding:8px 0;font-size:12.5px;line-height:1.55;color:var(--text-2);border-top:1px solid var(--border-hair);counter-increment:step}.how.svelte-1fzpnlf li:where(.svelte-1fzpnlf):before{flex:none;width:18px;font-size:10.5px;font-weight:700;line-height:1.55;color:var(--blue-strong);content:counter(step)}.note.svelte-1fzpnlf{padding:10px 12px;margin-top:10px;background:var(--fill-subtle);border-radius:10px}.rules.svelte-1fzpnlf{margin-top:10px}@media(max-width:1000px){.surfaces.svelte-1fzpnlf,.rules.svelte-1fzpnlf{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.surfaces.svelte-1fzpnlf,.roles.svelte-1fzpnlf,.rules.svelte-1fzpnlf{grid-template-columns:minmax(0,1fr)}.how-head.svelte-1fzpnlf{flex-wrap:wrap}.how-head.svelte-1fzpnlf .btn{margin-left:42px}}