.demo-conclusion { font-weight:600; line-height:1.7; }
.demo-original-line { display:block; white-space:pre-wrap; overflow-wrap:anywhere; font-size:1.05rem; margin-top:8px; }
.demo-annotations mark { background:var(--selected); color:var(--text); padding:3px; border-bottom:2px solid var(--accent); }
.demo-note { padding:8px 0; }
.demo-note p { margin:8px 0; }
.demo-note:focus,.demo-note:target { outline:3px solid var(--accent); outline-offset:4px; }
.demo-note a { display:inline-block; margin:8px; }
.demo-annotations td { min-width:120px; }
#result pre { white-space:pre-wrap; overflow-wrap:anywhere; max-height:24rem; overflow:auto; font-size:13px; }
#result details select,#result details input,#result details textarea { margin:8px 0; }
#result details button { margin:8px 8px 8px 0; }
#demo-access { padding:16px 24px; background:var(--surface); border:1px solid var(--divider); border-radius:10px; }
#demo-access .actions a { font-size:13px; }