:root{--paper:#f7f9fc;--ink:#20334b;--blue:#274faa;--muted:#55667c;--line:#d5dfec;--shelf:#e9eff8;--accent:#926126}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 'Optima','Candara',sans-serif}header{display:flex;align-items:center;gap:48px;padding:32px 5%;background:#fff;border-bottom:3px solid var(--blue)}.brand{font:24px/1.15 'Palatino Linotype',Palatino,serif;color:var(--ink);text-decoration:none}.brand strong{font-size:40px;font-weight:500}header p{color:var(--muted);margin:0}header button{margin-left:auto}button,input,select,textarea{font:inherit}button{border:1px solid var(--line);background:#fff;color:var(--blue);padding:9px 15px;border-radius:5px;cursor:pointer}button:hover{background:var(--shelf)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--blue);outline-offset:3px}main{display:grid;grid-template-columns:280px minmax(300px,1fr) 280px;min-height:70vh;max-width:1600px;margin:auto}.catalogue{background:var(--shelf);padding:28px 22px}.connections{padding:28px 24px;border-left:1px solid var(--line)}h2{font:24px/1.3 Palatino,serif;margin:0 0 20px}label{display:block;font-size:14px;margin:12px 0 5px}input,select,textarea{width:100%;border:1px solid #aab9cc;border-radius:5px;padding:9px;background:white;color:var(--ink)}#count,.meta,.connections p,footer{color:var(--muted);font-size:13px}#entries button{display:block;text-align:left;width:100%;background:transparent;border:0;border-bottom:1px solid #ccd7e7;border-radius:0;padding:15px 8px;color:var(--ink);line-height:1.4}#entries button:hover,#entries button.selected{background:#fff;border-radius:5px}#entries small{display:block;color:var(--muted);margin-top:6px}article{padding:46px clamp(24px,4vw,64px)}article h1{font:40px/1.15 Palatino,serif;letter-spacing:-.6px;margin:16px 0 24px;overflow-wrap:anywhere}.body{white-space:pre-wrap;overflow-wrap:anywhere;font:19px/1.8 Palatino,serif;max-width:70ch}.type{color:var(--accent);font-size:16px}.identity{word-break:break-all;font-size:12px;color:var(--muted);margin-top:32px}.connections button{display:block;text-align:left;border:0;border-left:2px solid #a9bad8;border-radius:0;margin:12px 0;padding:5px 12px;background:transparent;overflow-wrap:anywhere}.connections small{display:block;color:var(--muted)}.connections h2:not(:first-child){margin-top:40px}.empty{color:var(--muted)}footer{padding:20px 5%;border-top:1px solid var(--line)}dialog{border:1px solid var(--line);border-radius:12px;max-width:660px;width:90%;padding:30px;color:var(--ink)}dialog::backdrop{background:#20334b66}.close{float:right}dialog textarea{font-family:monospace;font-size:13px}#publish-status{color:var(--blue)}[hidden]{display:none!important}@media(max-width:1100px){main{grid-template-columns:230px 1fr}.connections{grid-column:2;border-top:1px solid var(--line)}header{gap:24px}}@media(max-width:650px){header{padding:24px;flex-wrap:wrap}header p{display:none}.brand strong{font-size:32px}main{display:block}.catalogue{padding:20px}#entries{max-height:240px;overflow:auto}article{padding:30px 24px}article h1{font-size:34px}.connections{border-left:0}footer{padding:20px 24px}}

.actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:20px 0}.actions button{font-size:14px;padding:6px 10px}.actions [aria-pressed=true]{background:var(--blue);color:white}.actions span{font-size:14px}.discussion{margin-top:40px;border-top:1px solid var(--line);padding-top:24px}.discussion>select{width:auto;margin-bottom:20px}.comment{border-left:2px solid var(--line);padding:12px 0 12px 16px;margin:12px 0}.comment summary{cursor:pointer;overflow-wrap:anywhere}.comment-body{white-space:pre-wrap;overflow-wrap:anywhere}.children{margin-left:8px}.error{color:#a52b32}.discussion details>button{font-size:14px}.identity summary{cursor:pointer}@media(max-width:650px){.comment{padding-left:8px}.children{margin-left:0}}
