.demo .primary { display: inline-flex; align-items: center; justify-content: center; text-decoration: none; }
.demo textarea:read-only { opacity: 1; }
.demo .examples button[aria-pressed="true"] { color: var(--ink); background: var(--surface); border-color: var(--accent); }
.demo .status { position: static; margin-top: 14px; }
.demo .brand-byline { color: var(--secondary); }
.demo .input-notes { display: block; }
.local-setup { width: min(900px, calc(100% - 40px)); margin: 30px auto; font-size: 18px; line-height: 1.6; }
.local-setup h1 { margin-top: 24px; }
.local-setup h2 { margin-top: 36px; font-size: 25px; }
.local-setup a { color: var(--accent); text-underline-offset: 4px; }
.local-setup pre { padding: 20px; background: var(--surface); overflow-x: auto; font: 15px/1.7 var(--mono); }
.local-setup p { max-width: 72ch; color: var(--secondary); }
@media (max-width: 760px) { .demo .examples button { flex: 1 1 30%; } }