#app{max-width:1100px;margin:auto;padding:24px}.document-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.document-card{border:1px solid var(--line,#a9b9c9);border-radius:12px;padding:20px;margin:20px 0;min-width:0}.document-card h3{margin-top:0}.document-card p,.document-card code{overflow-wrap:anywhere}.document-form label{display:grid;gap:8px;margin:16px 0}.document-form input:not([type=checkbox]),.document-form select,.document-form textarea,#job-select{box-sizing:border-box;width:100%;padding:12px;font:inherit;border:1px solid #9caebd;border-radius:7px}.document-form label.confirm{display:flex;align-items:flex-start;gap:12px}.document-form label.confirm input{margin-top:5px;flex:none}.document-form .actions{display:flex;gap:12px;flex-wrap:wrap}#link-result{overflow-wrap:anywhere;border-left:4px solid #df7b29;padding:16px;margin:20px 0}#link-result textarea{width:100%;box-sizing:border-box;min-height:120px}#notice.error{color:#b23420}button:disabled{opacity:.55}summary{cursor:pointer;padding:12px 0}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #df7b29;outline-offset:3px}@media(max-width:680px){#app{padding:12px}.document-grid{grid-template-columns:1fr}.document-card{padding:16px}}@media(prefers-color-scheme:dark){.document-form input,.document-form select,.document-form textarea,#job-select{color:#eef4fa;background:#142637;border-color:#627e96}.document-card{border-color:#627e96}#notice.error{color:#ffb5a5}}

.document-context{border-left:4px solid #21816a;background:var(--surface,#f3f8f7);padding:12px 16px;margin:14px 0;overflow-wrap:anywhere}.document-context p{margin:6px 0}.document-context-warning{border-left-color:#df7b29;background:var(--surface,#fff6ec)}@media(prefers-color-scheme:dark){.document-context,.document-context-warning{background:#142637}}