/* The example owns its controls and prose, independently of the project page. */
.forum *{box-sizing:border-box}
.forum button{font:inherit;border:1px solid var(--border);border-radius:6px;background:var(--subtle);color:var(--text);font-weight:500;padding:5px 16px;cursor:pointer;min-height:32px}
.forum button:hover{filter:brightness(.96)}
.forum button:focus-visible,.forum a:focus-visible,.forum textarea:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.forum a{color:var(--link);text-decoration:underline;text-underline-offset:2px}
.forum p{margin:0 0 16px}
.forum ul,.forum ol{padding-left:28px;margin:0 0 16px}
.forum blockquote{margin:0 0 16px;border-left:3px solid var(--border);padding:0 16px;color:var(--muted)}
.forum code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:85%;background:var(--subtle);border-radius:4px;padding:2px 4px}
.forum pre{padding:16px;overflow:auto;line-height:1.5;background:var(--subtle);border-radius:6px;margin:16px 0}
.forum pre code{padding:0;font-size:12px;background:none}
.forum{--forum-accent:#087f8c;font-size:14px;line-height:1.6}.forum-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-bottom:16px;border-bottom:3px solid var(--forum-accent)}.forum-toolbar h3{flex:1;margin:0;font-size:19px}.forum-toolbar button{padding:3px 10px}.forum-list>.forum-post{border-bottom:1px solid var(--border);padding:24px 0}.forum-post{min-width:0}.forum-byline{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.forum-byline>a{margin-left:auto;font-size:12px;color:var(--muted)}.forum-avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--forum-accent);color:white;font-weight:700}.forum-body{margin:12px 0 12px 44px;overflow-wrap:anywhere}.forum-body p:last-child{margin-bottom:0}.forum-body img{max-width:100%}.forum-body pre{overflow:auto}.forum-actions{display:flex;gap:5px;flex-wrap:wrap;margin-left:44px}.forum-actions button{padding:2px 7px;border-color:transparent;background:transparent;font-size:12px;min-height:28px}.forum-actions button:hover,.forum-actions button[aria-pressed=true]{border-color:var(--forum-accent);background:var(--subtle)}.forum-actions button:disabled{opacity:.6;cursor:default}.forum .replies{margin-left:44px;margin-top:16px;padding-left:16px;border-left:2px solid var(--border)}.forum .replies .forum-post{padding:12px 0}.forum-composer{margin-top:24px;border:1px solid var(--border);border-radius:6px;background:var(--subtle);padding:14px}.forum-composer textarea{display:block;width:100%;resize:vertical;background:var(--background);color:var(--text);font:inherit;line-height:1.5;border:1px solid var(--border);border-radius:4px;padding:10px;margin:12px 0;box-sizing:border-box}.forum-composer button{margin-right:6px}.forum-composer button[type=submit]{background:var(--forum-accent);border-color:var(--forum-accent);color:white}.forum-composer p:empty{display:none}.forum-composer>div{margin:12px 0}.forum>p:empty{display:none}@media(max-width:480px){.forum-body,.forum-actions{margin-left:0}.forum .replies{margin-left:12px;padding-left:12px}.forum-toolbar h3{flex-basis:100%}.forum-byline>a{margin-left:44px;flex-basis:100%}}