.knobset, .layout-pick { display: none !important; }
.margin-page { max-width: 760px; margin: 0 auto; }
.margin-lede { font-style: italic; }
.margin-note { border-bottom: 1px dotted var(--box-line); padding: 8px 0 16px; overflow-wrap: anywhere; }
.margin-note:last-of-type { border-bottom: 0; }
.margin-words { font-size: 1.1em; line-height: 1.6; }
.margin-signature { margin-bottom: 4px; }
.margin-signature time { font-size: .8em; margin-left: 8px; opacity: .8; white-space: nowrap; }
.margin-context { margin-top: 4px; font-size: .9em; opacity: .8; }
.margin-form { display: grid; gap: 8px; }
.margin-form label { margin-top: 6px; font-weight: bold; }
.margin-form input, .margin-form textarea { width: 100%; min-width: 0; box-sizing: border-box; font: inherit; line-height: 1.5; padding: 8px; color: var(--ink); background: var(--box-bg); border: 1px solid var(--box-line); border-radius: 2px; }
.margin-form textarea { resize: vertical; }
.margin-form button { justify-self: start; padding: 8px 14px; font: bold 1em var(--body); cursor: pointer; border: 1px solid var(--box-line); background: var(--hot); color: #fff; }
.margin-form :focus-visible, .margin-tools summary:focus-visible { outline: 2px solid var(--link); outline-offset: 3px; }
.margin-status { padding: 12px; border: 1px solid var(--hot); }
.margin-tools { margin-top: 18px; }
.margin-tools summary { cursor: pointer; }
.margin-tools code { overflow-wrap: anywhere; }