:root{--paper:#f5f3ec;--ink:#233936;--teal:#176b60;--muted:#667773;--line:#d9dfd6;--white:#fff;--gold:#ad8048}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,sans-serif;font-size:14px}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #db9f40;outline-offset:3px}.masthead{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 36px;border-bottom:1px solid var(--line);background:#fffdf8}.brand{font-family:Georgia,serif;font-weight:bold;font-size:25px;letter-spacing:2px;text-decoration:none;color:var(--ink)}.brand span{font:12px Arial,sans-serif;letter-spacing:1px;margin-left:20px;text-transform:uppercase;color:var(--muted)}.db-badge{padding:8px 12px;border:1px solid #bfd2c6;border-radius:20px;color:var(--teal);font-size:12px}main{max-width:1800px;margin:auto;padding:30px}.status{padding:40px;background:white;border:1px solid var(--line);border-radius:12px}.book-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.eyebrow{text-transform:uppercase;letter-spacing:1.7px;color:var(--teal);font-size:11px;font-weight:bold;margin:0 0 10px}h1{font:34px Georgia,serif;margin:0 0 10px}h2{font:21px Georgia,serif;margin:0 0 14px}p{line-height:1.5}.book-heading p:last-child{margin:0;color:var(--muted)}.quiet{background:transparent;border:1px solid #9db6a9;padding:10px 18px;border-radius:7px;color:var(--teal)}.book-details{background:white;border:1px solid var(--line);border-radius:10px;padding:22px;margin-bottom:20px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.book-details[hidden]{display:none}.pages{display:flex;gap:9px;margin-bottom:22px;overflow:auto;padding:3px}.page-choice{background:#fffdf8;border:1px solid var(--line);border-radius:8px;padding:12px 15px;min-width:120px;text-align:left;color:var(--ink)}.page-choice strong{display:block;margin-bottom:6px}.page-choice span{font-size:11px;color:var(--muted)}.page-choice[aria-current=page]{background:var(--teal);color:white;border-color:var(--teal)}.page-choice[aria-current=page] span{color:#dcebe5}.workspace{display:grid;grid-template-columns:245px minmax(350px,1fr) 295px;align-items:start;gap:18px}.element-panel,.inspector{background:#fffdf8;border:1px solid var(--line);border-radius:10px;padding:19px;position:sticky;top:12px;max-height:85vh;overflow:auto}.panel-title{display:flex;align-items:baseline;justify-content:space-between}.panel-title h2{font-size:19px}.panel-title span{color:var(--muted);font-size:12px}.search-label{display:block;font-size:11px;color:var(--muted);margin-bottom:7px}input[type=search]{width:100%;border:1px solid var(--line);border-radius:5px;padding:10px;background:white;margin-bottom:14px}.tree{display:flex;flex-direction:column;gap:4px}.tree button{text-align:left;border:1px solid transparent;border-radius:5px;padding:9px 7px;background:transparent;color:var(--ink);overflow-wrap:anywhere}.tree button:hover{background:#edf3ed}.tree button[aria-pressed=true]{border-color:var(--teal);background:#e8f2eb}.tree .node-id{font:10px monospace;color:var(--muted);display:block;margin-top:5px}.canvas-panel{min-width:0}.toolbar{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin-bottom:12px;font-size:12px}.toolbar>span{margin-left:auto;color:var(--muted)}.segmented{display:flex;border:1px solid #b7c9be;border-radius:6px;overflow:hidden}.segmented button{border:0;padding:9px 14px;background:transparent;color:var(--teal)}.segmented button[aria-pressed=true]{background:var(--teal);color:white}.page-context{margin:10px 0;font-size:12px;color:var(--muted);overflow-wrap:anywhere}.canvas-scroll{padding:22px;background:#e5e8df;border-radius:9px;overflow:auto}.page-canvas{background:white;position:relative;width:100%;min-width:320px;box-shadow:0 5px 18px #23393620;isolation:isolate}.page-node{position:absolute;border:1px solid #367c72a6;background:#e5f3ed12;padding:0;text-align:left;overflow:visible;color:var(--ink);border-radius:2px}.page-node:hover{background:#d4e7dc66;border-color:var(--teal)}.page-node.selected{border:2px solid #b47522;background:#eed8ab30;z-index:50!important}.page-node .id-label{position:absolute;left:1px;top:1px;max-width:100%;background:#f2f7efee;border:1px solid #a8beb1;padding:2px 3px;color:#254e45;font:9px monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;z-index:2}.node-text{display:block;padding:7px;overflow:hidden;max-height:100%;font-size:clamp(8px,1vw,14px);white-space:pre-wrap}.page-canvas.hide-ids .id-label{display:none}.page-canvas.preview .page-node{border-color:transparent;background:transparent}.page-canvas.preview .id-label{display:none}.page-canvas.preview .page-node.selected{border-color:#b47522}.page-note{font-size:12px;color:var(--muted);line-height:1.5;padding:12px 2px}.inspector h2{overflow-wrap:anywhere}.inspector .selected-id{font:11px monospace;color:var(--teal);background:#eaf1e9;padding:10px;border-radius:4px;overflow-wrap:anywhere}.inspector dl{margin:18px 0}.inspector dt{font-size:10px;letter-spacing:.7px;text-transform:uppercase;color:var(--muted);margin-top:15px}.inspector dd{margin:5px 0 0;overflow-wrap:anywhere;font-size:12px;line-height:1.5}.inspector blockquote{margin:18px 0;padding:12px;background:#f1f1e8;border-left:3px solid #b2c8ba;white-space:pre-wrap}.crumbs{font-size:10px;color:var(--muted);line-height:1.6;overflow-wrap:anywhere}.empty{padding:24px 4px;color:var(--muted);line-height:1.5}footer{font-size:11px;color:var(--muted);padding:24px 0;overflow-wrap:anywhere}@media(min-width:1500px){.workspace{grid-template-columns:275px minmax(350px,1fr) 330px}.node-text{font-size:15px}}@media(max-width:1050px){.workspace{grid-template-columns:200px minmax(300px,1fr)}.inspector{grid-column:1/-1;position:static;max-height:none}.inspector dl{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.inspector dt{margin:0}.brand span{display:none}}@media(max-width:650px){main{padding:18px 12px}.masthead{padding:0 18px;height:65px}.workspace{display:flex;flex-direction:column}.element-panel,.inspector{width:100%;position:static;max-height:none}.element-panel .tree{max-height:180px;overflow:auto}.canvas-panel{width:100%}.book-heading{gap:15px}h1{font-size:27px}.canvas-scroll{padding:12px}.book-details{grid-template-columns:1fr}.inspector dl{grid-template-columns:1fr 1fr}}
.page-preview{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none}.has-preview .node-text{visibility:hidden}.has-preview .page-node{background:transparent}.has-preview .page-node:hover{background:#d4e7dc40}
.view-tabs{display:flex;gap:8px;margin:0 0 20px;flex-wrap:wrap}.view-tabs button{border:1px solid #b7c9be;border-radius:6px;background:transparent;color:var(--teal);padding:10px 16px}.view-tabs button[aria-pressed=true]{background:var(--teal);color:white}.workspace[hidden],.content-panel[hidden]{display:none}.content-panel{background:#fffdf8;border:1px solid var(--line);border-radius:10px;padding:24px}.record-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:16px;margin-top:20px}.record-card{background:white;border:1px solid var(--line);border-radius:8px;padding:20px;min-width:0;margin:10px 0}.record-card h3{font:22px Georgia,serif;margin:0 0 12px}.record-status{display:inline-block;font-size:11px;background:#edf2e9;padding:6px 8px;border-radius:4px;margin-bottom:10px;overflow-wrap:anywhere}.record-field{font-size:12px;overflow-wrap:anywhere;line-height:1.6}.record-field strong{font-size:11px;color:var(--muted)}.missing-reason{padding:10px;background:#fff3da;border-left:3px solid #bd8c34;font-size:13px}.scope-control{display:block;font-size:12px;color:var(--muted);margin:16px 0}.illustration-preview{width:100%;height:230px;object-fit:contain;background:#f8f7f2}.asset-placeholder{height:120px;display:grid;place-items:center;background:#f3f3ed;color:var(--muted);font-size:12px}.document-actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center}.document-actions a{color:var(--teal);font-weight:bold;padding:10px 0}.document-actions span{font-size:12px;color:var(--muted)}

.thread-group{border-top:1px solid var(--line);margin-top:24px;padding-top:20px}.thread-group-title{font:25px Georgia,serif;margin:0}.thread-group .record-grid{margin-top:8px}

.review-table-wrap{overflow:auto}.review-table{width:100%;border-collapse:collapse;margin-top:20px;text-align:left}.review-table th,.review-table td{padding:12px;border-bottom:1px solid var(--line);vertical-align:top;font-size:12px}.review-table th{background:#edf2e9}.review-table td:last-child{min-width:220px}.review-event{padding:10px 0;border-top:1px solid var(--line)}.review-table summary{cursor:pointer;color:var(--teal)}
