.panel{width:min(600px,100%);max-width:100%;height:100dvh;max-height:100dvh;color:var(--ink);box-shadow:var(--shadow-panel);background:0 0;border:0;margin:0;position:fixed;inset:0 0 0 auto}.panel[data-size=wide]{width:min(1120px,100%)}.panel[open]{animation:panel-enter .22s var(--ease-out)}.panel::backdrop{background:var(--scrim);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.panel[open]::backdrop{animation:.22s fade}.panel-surface{background:var(--canvas);border-left:1px solid var(--line);min-height:100%}.panel header{height:48px;padding:0 var(--s4);border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--canvas) 93%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--muted);font-size:var(--t-small);z-index:1;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.panel-label{align-items:center;gap:var(--s2);color:var(--text);font-weight:500;display:flex}.panel-label .page-icon{border-radius:6px;width:22px;height:22px}.panel header .panel-link{margin-left:auto;margin-right:var(--s3);color:var(--accent)}.panel header .panel-link:hover{text-decoration:underline}.panel header .step-buttons{margin-left:auto;margin-right:var(--s2)}.panel:focus{outline:none}.panel-body{padding:var(--s5);font-size:var(--t-body);overflow-wrap:anywhere;line-height:1.7}.panel-body h2{font-size:var(--t-title);letter-spacing:-.03em;margin-bottom:var(--s3);line-height:1.3}.panel-body .section{margin-top:var(--s5)}.panel-foot{gap:var(--s3);margin:var(--s5) 0 calc(-1 * var(--s5));padding:var(--s4) 0 var(--s5);border-top:1px solid var(--line);background:var(--surface);display:grid;position:sticky;bottom:0}