.prose section:first-child h2 { margin-top: .3rem; }
.prose label { display: block; font-weight: 650; margin: .8rem 0 .35rem; }
.prose textarea,.prose input { width:100%; box-sizing:border-box; background:var(--panel); color:var(--ink); border:1px solid var(--ink-3); border-radius:3px; padding:.7rem; font:inherit; }
.prose textarea { resize:vertical; line-height:1.5; }
.prose button { margin-top:.65rem; padding:.6rem .9rem; font:inherit; cursor:pointer; background:var(--ink); color:var(--ground); border:1px solid var(--ink); border-radius:3px; }
.prose button.secondary { background:transparent; color:var(--ink); }
.prose button:disabled { opacity:.55; cursor:default; }
.review-card { padding:1.1rem 0 1.5rem; border-bottom:1px solid var(--ink-3); }
.review-card h3 { font-size:1.3rem; margin:.75rem 0 .3rem; }
.review-card .meta,.review-card .context { font-size:.85rem; }
.review-card .meta { color:var(--ink-3); }
.review-card .actions { display:flex; flex-wrap:wrap; gap:.65rem; }
.review-card p { margin:.5rem 0; }
.result { min-height:1.5em; }
.result.error,#connection.error { color:var(--r); }
.submitted { border-left:3px solid var(--g); padding-left:1rem; }
#count { font-size:.9rem; color:var(--ink-3); }
#filter { margin-bottom:.6rem; }
@media (max-width:34rem) { .review-card .actions button { width:100%; } }

/* Compact scanning rows; context and every submission option remain expandable. */
.prose.wide { padding-top:1rem; }
.prose h2 { margin:1.25rem 0 .5rem; }
.page-details summary,.entry-details summary { cursor:pointer; color:var(--ink); }
.page-details summary { font-weight:600; }
.suggestion-details { margin:.6rem 0; font-size:.85rem; }
#connection { font-size:.85rem; margin:.4rem 0; }
.review-card { padding:.65rem 0; }
.entry-heading { display:flex; flex-wrap:wrap; align-items:baseline; gap:.15rem .7rem; }
.review-card h3 { margin:0; font-size:1rem; }
.entry-heading .context { margin:0 0 0 auto; min-width:0; overflow-wrap:anywhere; }
.review-card p { line-height:1.4; margin:.3rem 0; }
.review-card .examples { overflow-wrap:anywhere; }
.entry-details summary { font-size:.8rem; margin-top:.3rem; }
.entry-details[open] { padding-bottom:.5rem; }
.entry-details[open] summary { margin-bottom:.6rem; }
.entry-details form { max-width:42rem; }
.entry-details label { font-size:.85rem; margin:.55rem 0 .2rem; }
.entry-details input,.entry-details textarea { padding:.45rem .55rem; }
.result:empty { display:none; }
.submitted { padding-left:.7rem; }
.submitted summary { color:var(--g); }
@media (max-width:34rem) {
  .entry-heading .context { margin-left:0; }
  .entry-heading { gap:.15rem .5rem; }
}