/* Small additions on top of Iris's farnor.css (kept unmodified). */
.h2 { font-size: var(--fs-lg, 20px); margin: 0; }
.h3 { font-size: var(--fs-md, 17px); margin: 0 0 8px; }
form.inline { display: inline; }
.check { width: 22px; height: 22px; }
.secret { word-break: break-all; }
.avatar-row { align-items: flex-start; }
@media (max-width: 639px) { .avatar-row { flex-direction: column; } }
.prose table { border-collapse: collapse; width: 100%; font-size: var(--fs-sm, 13px); display: block; overflow-x: auto; }
.prose th, .prose td { border: 1px solid var(--border); padding: 6px 8px; text-align: left; vertical-align: top; }
.auth-card:has(.prose) { max-width: 760px; }
.back-link { display: none; }
@media (max-width: 959px) {
  .panel-layout.has-selection > ul, .panel-layout.has-selection > .empty { display: none; }
  .back-link { display: inline-flex; min-height: 44px; align-items: center; }
}
.auth-foot .foot-switch { margin-left: 8px; }
li > .actions { gap: 8px; flex-wrap: nowrap; }
.outcome { display: inline-flex; flex-direction: column; align-items: flex-end; gap: 2px; text-align: right; }
.outcome .hint { max-width: 22ch; }
@media (max-width: 639px) { .outcome { align-items: flex-start; text-align: left; } }