/* problems: Report a problem dialog and the admin list */
.prbscrim { position: fixed; inset: 0; z-index: 95; background: var(--scrim); }
.prbdlg { position: fixed; z-index: 96; top: 12vh; left: 50%; width: min(460px, calc(100% - 32px)); max-height: calc(100dvh - 24vh); overflow-y: auto; overscroll-behavior: contain; transform: translateX(-50%); box-shadow: var(--sh-pop); display: flex; flex-direction: column; gap: 10px; }
.prbdlg h2 { margin: 0; font-size: 1.125rem; }
.prbdlg p { margin: 0; }
.prbdlg .fld { margin: 0; }
.prbdlg .formact { flex-wrap: wrap; }
@media (max-width: 640px) { .prbdlg { top: 8px; max-height: calc(100dvh - 16px); } }

.prblist { list-style: none; margin: 0; padding: 0; }
.prbrow { padding: 14px 16px; border-top: 1px solid var(--divider); display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.prbrow:first-child { border-top: 0; }
.prbtop { display: flex; align-items: center; justify-content: space-between; gap: 4px 12px; flex-wrap: wrap; }
.prbmeta { min-width: 0; overflow-wrap: anywhere; }
.prbtext { margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; }
.prbrow p.small { margin: 0; overflow-wrap: anywhere; }
.prbacts { display: flex; gap: 12px; }
.prbedit { display: flex; flex-direction: column; gap: 10px; padding: 12px; margin-top: 4px; border-radius: var(--r-ctl); background: var(--ground); border: 1px solid var(--divider); max-width: 520px; }
.prbedit .fld { margin: 0; }
.prbedit .formact { flex-wrap: wrap; }

/* privacy page */
.privbody { line-height: 1.55; max-width: 72ch; }
.privbody h2 { font-size: 1rem; margin: 22px 0 6px; }
.privbody h2:first-child { margin-top: 0; }
.privbody p, .privbody ul { margin: 0 0 10px; }
.privbody ul { padding-left: 20px; }
.privbody li { margin: 2px 0; }
.privbody .chk { background: var(--tint-amber); padding: 0 3px; border-radius: 3px; font-weight: 600; }
.privbody .upd { color: var(--muted); font-size: 0.8125rem; }