*{box-sizing:border-box}body{margin:0;background:#f2f6f8;color:#18303e;font:16px/1.6 system-ui,sans-serif}main{max-width:800px;margin:auto;padding:24px}header,.row{display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{font-weight:800;letter-spacing:2px;color:#087e83}header{padding:16px 0 28px;border-bottom:1px solid #cbd9de}section{background:white;padding:28px;border-radius:16px;margin:24px 0;box-shadow:0 4px 24px #18303e08}h1{font-size:28px;line-height:1.25}h2{font-size:20px;margin-top:32px}label{display:block;font-weight:600;margin:18px 0}input,select{display:block;width:100%;padding:12px;margin-top:6px;border:1px solid #a7bbc4;border-radius:8px;font:inherit}button{border:0;border-radius:8px;background:#087e83;color:white;padding:12px 18px;font:inherit;font-weight:600;cursor:pointer}button:disabled{opacity:.5;cursor:wait}button.secondary{color:#087e83;background:#e8f4f3}#message:empty{display:none}#message{background:#fff2cc;padding:14px;border-radius:8px;white-space:pre-line}dl{display:grid;grid-template-columns:110px 1fr;gap:8px}dt{font-weight:600}dd{margin:0;overflow-wrap:anywhere}.document{border:1px solid #dce6ea;border-radius:10px;padding:16px;margin:12px 0}.document p{margin:6px 0;overflow-wrap:anywhere}.document a{color:#087e83;margin-right:16px}footer{font-size:13px;color:#596e78;padding:12px 0}a:focus,button:focus,input:focus,select:focus{outline:3px solid #69c9c4;outline-offset:2px}[hidden]{display:none!important}@media(max-width:520px){main{padding:12px}section{padding:20px}.row{align-items:start}h1{font-size:24px}dl{grid-template-columns:1fr}dd{margin-bottom:12px}}

textarea{display:block;width:100%;font:inherit;padding:12px;border:1px solid #a7bbc4;border-radius:8px}input[type=checkbox]{display:inline-block;width:auto;margin-right:10px}.document button{margin:8px 8px 0 0}

.wide{max-width:1120px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:1.5px;color:#087e83}.badge{display:inline-block;background:#e8f4f3;color:#126562;padding:8px 12px;border-radius:8px;font-weight:600}.notice{background:#fff2cc;padding:16px;border-radius:10px;overflow-wrap:anywhere}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 18px}.metrics{display:flex;flex-wrap:wrap;gap:12px}.metrics span{padding:12px;background:#eff6f7;border-radius:10px}h2:first-child{margin-top:0}h3{font-size:17px}details{margin:18px 0}summary{cursor:pointer;font-weight:600}table{width:100%;border-collapse:collapse;table-layout:fixed}th,td{text-align:left;border-bottom:1px solid #dce6ea;padding:10px;overflow-wrap:anywhere}input,select,textarea{min-width:0}#accessResult input{font-size:13px}#templateFields,#templateCategories{font:13px/1.6 Consolas,monospace}button{margin-top:6px}section>button,.document>button{margin-right:8px}@media(max-width:740px){.grid{grid-template-columns:1fr}.wide{padding:12px}table{font-size:13px}th,td{padding:6px}.metrics span{flex:1 1 40%}}

/* Patient field examples remain visible after typing and are linked for screen readers. */
.field-hint{display:block;margin:6px 0 16px;color:#596e78;font-size:13px;line-height:1.5;font-weight:400;overflow-wrap:anywhere}
.field-legend{color:#596e78;font-size:14px}
#fields label,#registration label{margin:18px 0 6px}
#portal input::placeholder,#portal textarea::placeholder,#token::placeholder{color:#687d87;opacity:1}