.ob-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:16px}
.ob-card{padding:16px;border:1px solid var(--line);border-radius:6px;background:var(--surface);min-width:0}
.ob-card h2{margin-top:12px}.ob-filename{overflow-wrap:anywhere;min-width:0}
.ob-card .li{flex-wrap:wrap}.ob-progress{display:grid;gap:8px;margin-bottom:18px;max-width:560px}
.ob-progress progress,.ob-feedback progress{width:100%;accent-color:var(--go);height:14px}
.ob-feedback:empty{display:none}.ob-feedback{margin-bottom:14px}
.ob-section{padding:16px 0;border-bottom:1px solid var(--line)}
.ob-review{padding:12px 0}.ob-review+.ob-review{border-top:1px solid var(--line)}
.ob-card input[type=checkbox]{width:auto}.ob-camera{display:none}
@media(pointer:coarse){.ob-camera{display:inline-block}}
:root{--pdf-ink:#1a201c}
/* Keep every work area reachable when tablet browser controls shorten the screen. */
nav.rail{height:100dvh;overflow-y:auto;overscroll-behavior:contain}
.rail>.nav,.rail>.mark,.rail>.foot{flex-shrink:0}
@media(max-width:860px){nav.rail{height:auto;overflow-y:hidden}}
.ob-editor{width:min(1000px,calc(100vw - 24px));height:calc(100dvh - 24px);max-height:calc(100dvh - 24px)}
.ob-editor-shell{display:flex;flex-direction:column;height:100%;min-height:0}
.ob-editor .dlg-h{flex-shrink:0}.ob-tools{padding:12px;border-bottom:1px solid var(--line);display:grid;gap:10px;flex-shrink:0}
.ob-tools input{min-width:0}.ob-pages{overflow:auto;min-height:0;flex:1;padding:16px;background:var(--sunk)}
.ob-tools.row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.ob-tools.row [role=status]{flex:1;margin:0}
.ob-q{overflow:auto;min-height:0;flex:1;padding:16px;background:var(--sunk);-webkit-overflow-scrolling:touch}
.ob-qsec{border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:14px 16px 6px;margin:0 auto 16px;max-width:720px;min-width:0}
.ob-qsec legend{font-weight:700;letter-spacing:.04em;padding:0 6px;font-size:14px}
.ob-qf{display:grid;gap:6px;margin-bottom:14px}.ob-ql{font-weight:600;font-size:15px}
.ob-qf input,.ob-qf textarea{font-size:16px;min-height:44px;padding:10px 12px;width:100%;box-sizing:border-box}
.ob-qf input.ob-sig{font-family:Georgia,serif;font-style:italic;font-size:20px}
.ob-chips{display:flex;flex-wrap:wrap;gap:8px}
.ob-chip{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:6px 14px;border:1px solid var(--line);border-radius:22px;cursor:pointer;font-size:15px;background:var(--surface)}
.ob-chip input{width:20px;height:20px;margin:0;flex-shrink:0}.ob-chip:has(input:checked){border-color:var(--go);background:var(--mark-soft)}
.ob-page{position:relative;margin:0 auto 16px;max-width:100%;line-height:0;touch-action:pan-y}
.ob-page canvas{display:block;width:100%;height:auto}
.ob-entry{position:absolute;line-height:1.2;white-space:pre;cursor:pointer;border:1px dashed transparent;background:transparent;padding:0;border-radius:0;font-weight:400;color:var(--pdf-ink)}
.ob-entry[aria-selected=true]{outline:2px solid var(--mark);background:var(--mark-soft)}
.ob-entry.ob-signature{font-family:Georgia,serif;font-style:italic}
.ob-editor .dlg-f{flex-shrink:0}.ob-consent{display:flex;align-items:flex-start;gap:8px;font-size:13px}.ob-consent input{width:auto;flex-shrink:0;margin-top:4px}
.ob-error{color:var(--bad);margin:0}.ob-editor-status:empty{display:none}
@media(max-width:600px){.ob-editor .dlg-h,.ob-editor .dlg-f{padding:10px 12px}.ob-pages{padding:8px}.ob-tools{padding:8px}.ob-editor h2{font-size:15px}}
.ob-table{display:grid;gap:12px;margin-bottom:14px}.ob-line{border:1px solid var(--line);border-radius:8px;padding:10px 12px}
.ob-line-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,180px),1fr));gap:10px;margin-top:6px}
.ob-cell{display:grid;gap:4px;font-size:13px}.ob-cell input{font-size:16px;min-height:44px;padding:8px 10px;width:100%;box-sizing:border-box}
.ob-table [data-addline]{justify-self:start;min-height:44px}