.demo-documents{max-width:1296px;margin:40px auto;padding:0 24px}.demo-doc-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}.demo-doc-grid form,.demo-document-preview{padding:24px;border:1px solid #a4b8a6;border-radius:16px;background:#fff;color:#233d30;min-width:0}.demo-doc-grid label{display:grid;gap:6px;margin:14px 0}.demo-doc-grid input,.demo-doc-grid select,.demo-doc-grid textarea{box-sizing:border-box;width:100%;min-width:0;padding:10px;border:1px solid #7a907f;border-radius:6px;background:#fff;color:#233d30;font:inherit}.demo-doc-grid fieldset{min-width:0;margin:16px 0;border:1px solid #a4b8a6;border-radius:8px}.demo-doc-numbers{display:grid;grid-template-columns:1fr 1fr;gap:16px}.demo-doc-actions{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.demo-documents button{padding:10px 14px;border:1px solid #466b54;border-radius:8px;background:#edf5e9;color:#233d30;cursor:pointer}.demo-documents button:disabled{opacity:.5;cursor:default}.demo-documents :focus-visible{outline:3px solid #367851;outline-offset:3px}.demo-document-preview{position:sticky;top:20px;overflow-wrap:anywhere}.demo-doc-table{overflow-x:auto}.demo-doc-table table{width:100%;border-collapse:collapse}.demo-doc-table th,.demo-doc-table td{text-align:left;padding:12px 8px;border-bottom:1px solid #c9d6ca}.demo-doc-total{text-align:right;font-size:1.3rem}.portfolio-demo-links{display:flex;gap:16px;flex-wrap:wrap;margin-top:10px}@media(max-width:800px){.demo-doc-grid{grid-template-columns:1fr}.demo-document-preview{position:static}.demo-documents{padding:0 16px}.demo-doc-grid form,.demo-document-preview{padding:16px}}@media print{body *{visibility:hidden}.demo-document-preview,.demo-document-preview *{visibility:visible}.demo-document-preview{position:absolute;left:0;top:0;width:100%;border:0}.demo-doc-table{overflow:visible}}