@layer modules{#tutorial .section-lede{max-width:none}.tutorial-doc{flex-direction:column;gap:56px;display:flex}.tut-example{flex-direction:column;gap:14px;display:flex}.tut-example .codebox+.codebox{margin-top:0}.tut-example-title{font-family:var(--font-display);letter-spacing:-.01em;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;font-size:20px;font-weight:700;display:flex}.tut-codebox{position:relative}.tut-example-code{font-family:var(--font-mono);color:var(--aurora-a);background:var(--code-bg);border:1px solid var(--line);white-space:nowrap;border-radius:6px;padding:3px 10px;font-size:11.5px;font-weight:500;position:absolute;top:45px;right:12px}.tut-example-code:hover{border-color:var(--aurora-a);text-decoration:none}.tut-step{font-family:var(--font-mono);color:var(--aurora-a);background:color-mix(in srgb, var(--aurora-a) 14%, transparent);vertical-align:2px;border-radius:6px;margin-right:6px;padding:1px 8px;font-size:13px;font-weight:700;display:inline-block}.tut-blurb{color:var(--ink-dim);font-size:14px;line-height:1.65}.tut-outro{color:var(--ink-dim);margin-top:40px;font-size:14px;line-height:1.65}.tut-live-body{flex-direction:column;gap:12px;padding:14px 16px;display:flex}.tut-controls{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.tut-field{flex-direction:column;gap:4px;display:flex}.tut-field .tut-field-label{color:var(--ink-dim);font-size:11.5px}.tut-field input{border:1px solid var(--line);background:var(--night);width:160px;color:var(--ink);font-family:var(--font-body);border-radius:8px;padding:6px 10px;font-size:13px}.tut-field input:hover{border-color:var(--aurora-a)}.tut-outs{flex-direction:column;gap:2px;display:flex}.out-row{border-radius:8px;grid-template-columns:150px 1fr;align-items:baseline;gap:10px;padding:4px 10px;display:grid}.out-row:nth-child(odd){background:var(--panel)}.out-label{font-family:var(--font-mono);color:var(--ink-dim);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.out-value{overflow-wrap:anywhere;font-size:14px}.tut-table-wrap{border:1px solid var(--line);border-radius:12px;overflow-x:auto}.tut-table{border-collapse:collapse;width:100%;font-size:13px}.tut-table th,.tut-table td{border-bottom:1px solid var(--line);text-align:left;white-space:nowrap;padding:7px 14px}.tut-table thead th{background:var(--panel);font-family:var(--font-mono);color:var(--ink-dim);font-size:11.5px}.tut-table tbody tr:last-child td{border-bottom:none}.tut-td-lang{font-family:var(--font-mono);color:var(--aurora-a)}@media (max-width:575px){.out-row{grid-template-columns:110px 1fr}}}