*{box-sizing:border-box}html{font-family:var(--fw-font);color:var(--fw-text);background:var(--fw-bg)}body{--site-gutter:clamp(16px, 8vw, 32px);min-height:100vh;padding:32px var(--site-gutter);margin:0}main{width:min(1720px,100%);margin:0 auto}main.has-editor{flex-direction:column;display:flex}main.has-editor>guide-editor{flex:none;height:calc(100dvh - 64px);min-height:0}@media (width<=599.98px){main.has-editor>guide-editor{width:auto;margin-inline:calc(-1 * var(--site-gutter))}}h1{margin-top:0}h1,h2,code{overflow-wrap:anywhere}.editor-demo__header{justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px;display:flex}.editor-demo__header .editor-demo__lead{max-width:62ch;color:var(--fw-text-secondary);font-size:var(--fw-font-size-lg);font-weight:var(--fw-weight-text);letter-spacing:normal;text-transform:none;margin:8px 0 0}.editor-demo__header p{color:var(--fw-primary);font-size:var(--fw-font-size-base);font-weight:var(--fw-weight-heading);letter-spacing:var(--fw-tracking-caps);text-transform:uppercase;margin:0 0 4px}.editor-demo__header h1{margin:0}.editor-demo__actions{gap:var(--fw-space-3);display:flex}.editor-demo__actions a{min-height:42px;padding:var(--fw-space-3) var(--fw-space-4);border:1px solid var(--fw-primary);border-radius:var(--fw-radius-button);background:var(--fw-primary);color:var(--fw-surface);font-weight:var(--fw-weight-heading);align-items:center;text-decoration:none;display:inline-flex}.editor-demo__actions a:hover{background:var(--fw-primary-hover)}.editor-demo__actions a:focus-visible{outline:3px solid var(--fw-text);outline-offset:3px;box-shadow:0 0 0 6px var(--fw-focus-ring)}@media (width<=640px){.editor-demo__header{flex-direction:column;align-items:stretch}.editor-demo__actions a{justify-content:center}}.save-status{align-items:center;gap:var(--fw-space-2,8px);color:var(--fw-text-secondary);font-size:var(--fw-font-size-sm);display:inline-flex}.save-status[data-failed]{min-height:44px;padding-block:var(--fw-space-2,8px);border:1px solid var(--fw-danger-border);border-radius:var(--fw-radius-sm,8px);background:var(--fw-danger-surface);color:var(--fw-danger-text);font-weight:var(--fw-weight-strong);padding-inline-start:var(--fw-space-3,12px)}.save-status__dismiss{width:44px;height:44px;font-size:var(--fw-font-size-2xl);color:inherit;cursor:pointer;background:0 0;border:0;flex:none;padding:0;font-family:inherit}.save-status__dismiss[hidden]{display:none}.save-status__dismiss:focus-visible{outline:3px solid var(--fw-text);outline-offset:2px;box-shadow:0 0 0 5px var(--fw-focus-ring)}.save-status__live{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}