.pen[data-astro-cid-gl4oqdx3]{background:var(--surface-1);border:1px solid var(--line-1);border-left:3px solid var(--topic-accent,var(--ember));border-radius:var(--radius-md);padding:var(--space-5);margin-block:var(--space-6);gap:var(--space-3);display:grid}.pen[data-astro-cid-gl4oqdx3].is-solved{border-left-color:var(--success)}.pen-head[data-astro-cid-gl4oqdx3]{justify-content:space-between;align-items:baseline;gap:var(--space-4);flex-wrap:wrap;display:flex}.pen-eyebrow[data-astro-cid-gl4oqdx3]{font-family:var(--font-ui);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--topic-accent,var(--ember));filter:brightness(1.5);font-weight:600}.pen-kind[data-astro-cid-gl4oqdx3]{color:var(--ink-dim);letter-spacing:.04em}.pen-hint[data-astro-cid-gl4oqdx3]{font-family:var(--font-ui);font-size:var(--text-xs);color:var(--ink-dim)}.pen-title[data-astro-cid-gl4oqdx3]{font-size:var(--text-lg);line-height:var(--leading-snug)}.pen-grid[data-astro-cid-gl4oqdx3]{gap:var(--space-3);grid-template-columns:1fr;display:grid}@media (width>=56rem){.pen-grid[data-astro-cid-gl4oqdx3]{grid-template-columns:1fr 1fr}}.pen-editors[data-astro-cid-gl4oqdx3],.pen-preview[data-astro-cid-gl4oqdx3]{gap:var(--space-2);align-content:start;display:grid}.pen-file[data-astro-cid-gl4oqdx3]{font-family:var(--font-ui);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-dim);font-weight:600}.pen-tabs[data-astro-cid-gl4oqdx3]{gap:var(--space-2);display:flex}.pen-tab[data-astro-cid-gl4oqdx3]{border:1px solid var(--line-1);background:var(--surface-2);color:var(--ink-dim);cursor:pointer;border-radius:999px;padding:.35em .9em;font-family:ui-monospace,Menlo,monospace;font-size:.75rem}.pen-tab[data-astro-cid-gl4oqdx3].is-on{color:var(--ink);border-color:var(--line-2);background:var(--surface-3)}.pen-tab[data-astro-cid-gl4oqdx3]:focus-visible{outline:var(--focus-ring);outline-offset:2px}.pen-pane[data-astro-cid-gl4oqdx3]{display:none}.pen-pane[data-astro-cid-gl4oqdx3].is-on{gap:var(--space-2);display:grid}.pen-input[data-astro-cid-gl4oqdx3]{width:100%;color:var(--ink);background:var(--surface-3);border:1px solid var(--line-2);border-radius:var(--radius-md);padding:var(--space-3);resize:vertical;tab-size:2;white-space:pre;overflow-wrap:normal;font-family:ui-monospace,Menlo,monospace;font-size:.85rem;line-height:1.7;overflow-x:auto}.pen-input[data-astro-cid-gl4oqdx3]:focus-visible{outline:var(--focus-ring);outline-offset:1px}.pen-keys[data-astro-cid-gl4oqdx3]{font-family:var(--font-ui);font-size:var(--text-xs);color:var(--ink-dim)}.pen-keys[data-astro-cid-gl4oqdx3] kbd[data-astro-cid-gl4oqdx3]{border:1px solid var(--line-2);border-radius:var(--radius-sm);background:var(--surface-3);padding:.1em .4em;font-family:ui-monospace,Menlo,monospace;font-size:.9em}.pen-frame[data-astro-cid-gl4oqdx3]{border:1px solid var(--line-2);border-radius:var(--radius-md);color-scheme:light;background:#fff;width:100%}.pen-goals[data-astro-cid-gl4oqdx3]{gap:var(--space-2);padding:0;list-style:none;display:grid}.pen-goal[data-astro-cid-gl4oqdx3]{gap:var(--space-2);font-family:var(--font-ui);font-size:var(--text-sm);line-height:var(--leading-snug);color:var(--ink-muted);grid-template-columns:auto 1fr;align-items:start;display:grid}.pen-tick[data-astro-cid-gl4oqdx3]{border:1px solid var(--line-2);border-radius:var(--radius-sm);width:1em;height:1em;transition:background var(--dur-1) var(--ease), border-color var(--dur-1) var(--ease);margin-top:.25em}.pen-goal[data-astro-cid-gl4oqdx3].is-met{color:var(--ink)}.pen-goal[data-astro-cid-gl4oqdx3].is-met .pen-tick[data-astro-cid-gl4oqdx3]{background:var(--success);border-color:var(--success)}.pen-goal-hint[data-astro-cid-gl4oqdx3]{color:var(--ink-dim);font-size:var(--text-xs);display:block}.pen-goal[data-astro-cid-gl4oqdx3].is-met .pen-goal-hint[data-astro-cid-gl4oqdx3]{display:none}.pen-actions[data-astro-cid-gl4oqdx3]{gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.pen-said[data-astro-cid-gl4oqdx3]{font-family:var(--font-ui);font-size:var(--text-xs);color:var(--ink-dim)}.pen-caption[data-astro-cid-gl4oqdx3]{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--ink-muted);border-top:1px solid var(--line-1);padding-top:var(--space-3)}.pen-sr[data-astro-cid-gl4oqdx3]{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}