#document-app{--ink:#182b29;--muted:#60736e;--line:#dce5df;--paper:#fff;--wash:#f5f8f4;--accent:#176d54;font:15px/1.55 system-ui,sans-serif;color:var(--ink);background:var(--paper);max-width:1240px;margin:auto;overflow-wrap:anywhere;box-sizing:border-box}
#document-app *{box-sizing:border-box}#document-app [hidden]{display:none!important}
body:has(#document-app){margin:0;background:#f5f8f4}body.document-browser #document-app{min-height:100vh}
#document-app button,#document-app input,#document-app textarea{font:inherit}
#document-app button{border:1px solid var(--line);border-radius:8px;padding:9px 13px;background:var(--paper);color:var(--ink);cursor:pointer;min-height:40px;text-align:left}
#document-app button:hover{background:var(--wash)}#document-app button:disabled{opacity:.5;cursor:default}
#document-app button:focus-visible,#document-app a:focus-visible,#document-app textarea:focus,#document-app input:focus{outline:3px solid #77bda5;outline-offset:2px}
#document-app button.primary{background:var(--accent);color:white;border-color:var(--accent)}
#document-app h1{font:600 clamp(22px,3vw,30px)/1.2 Georgia,serif;margin:10px 0}#document-app h2{font-size:19px;margin:0 0 12px}#document-app h3{font-size:13px;margin:18px 0 7px;text-transform:uppercase;letter-spacing:.04em}
#document-app .document-header{padding:24px 28px 16px;border-bottom:1px solid var(--line)}#document-app .brand{font-size:11px;font-weight:750;letter-spacing:.14em;color:var(--accent)}#document-app .brand span{font-weight:400;letter-spacing:0;color:var(--muted);margin-left:8px}
#document-app .title-row{display:flex;align-items:center;justify-content:space-between;gap:12px}#revision-label{white-space:nowrap;font-size:12px;color:var(--muted)}
#document-app .document-actions{display:flex;flex-wrap:wrap;gap:8px}#document-status{margin:0;padding:10px 28px;background:var(--wash);font-size:13px;min-height:40px}
#document-app .document-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,340px)}#document-app .document-reading{padding:20px 28px;min-width:0;max-height:620px;overflow:auto}#document-app .document-feedback{padding:22px;border-left:1px solid var(--line);background:var(--wash);min-width:0;max-height:620px;overflow:auto}
#document-app .hint{color:var(--muted);font-size:13px;margin:0 0 18px}#document-app .passage{position:relative;padding:10px 12px;margin:0 -12px 12px;border:1px solid transparent;border-radius:9px}#document-app .passage.selected{border-color:#77bda5;background:#f0f9f4}#document-app .passage p{margin:0 0 8px}#document-app .passage h1,#document-app .passage h2,#document-app .passage h3{margin:0 0 8px;text-transform:none;letter-spacing:normal}#document-app .passage-button{font-size:11px;color:var(--muted);padding:4px 8px;min-height:28px;background:transparent}
#document-app pre{white-space:pre-wrap}#document-app img{max-width:100%;height:auto}#document-app table{display:block;overflow:auto;max-width:100%}
#document-app textarea,#document-app input{display:block;width:100%;max-width:100%;border:1px solid #bccdc3;border-radius:7px;background:var(--paper);color:var(--ink);padding:10px;margin:6px 0 12px}#document-app textarea{resize:vertical}#draft-body{font:14px/1.6 ui-monospace,monospace!important}#document-app label{font-weight:600;font-size:13px}
#document-app .selected-text{border-left:3px solid #77bda5;padding:8px 12px;background:var(--paper);font-size:14px;max-height:230px;overflow:auto}#document-app .selected-text>:first-child{margin-top:0}#document-app .selected-text>:last-child{margin-bottom:0}
#document-app .diff-label{font-size:11px;font-weight:700;color:var(--muted);margin:12px 0 4px}#document-app .diff-before,#document-app .diff-after{white-space:pre-wrap;font-size:14px;padding:12px;border-radius:7px;max-height:240px;overflow:auto}#document-app .diff-before{background:#fff0ed;color:#8a3a2a}#document-app .diff-after{background:#e5f4e9;color:#155237}#proposal-actions{margin-top:14px}#proposal-status{font-size:13px;color:var(--accent)}#recent-comments{margin-top:24px;display:grid;gap:8px}#document-app .comment-choice{font-size:13px}
@media(max-width:760px){#document-app .document-layout{grid-template-columns:minmax(0,1fr)}#document-app .document-header{padding:16px}#document-status{padding:10px 16px}#document-app .document-reading{padding:16px;max-height:340px}#document-app .document-feedback{padding:16px;border-left:0;border-top:1px solid var(--line);max-height:none}#document-app .title-row{align-items:flex-start}#document-app .selected-text{max-height:180px}}
@media(prefers-color-scheme:dark){body:not(.document-browser) #document-app{--ink:#e2ede8;--muted:#a8bcb2;--line:#354a41;--paper:#172a22;--wash:#20352b;--accent:#26775d}body:not(.document-browser) #document-app .passage.selected{background:#234638}}