:root{font-family:system-ui,sans-serif;color:#18323a;background:#f3f6f5;line-height:1.55}*{box-sizing:border-box}body{margin:0}header{background:#153e49;color:white;padding:36px max(24px,calc((100% - 960px)/2))}header span{font-size:.8rem;letter-spacing:.18em}h1{font-size:clamp(1.5rem,4vw,2rem);margin:10px 0}header p{color:#dae8e8}main{max-width:960px;margin:26px auto;padding:0 20px}section{background:white;border:1px solid #ccdada;border-radius:12px;padding:28px;margin:22px 0}#auth{max-width:600px}h2{margin-top:0}label{display:block;margin:16px 0;font-weight:600}input:not([type=checkbox]){display:block;width:100%;padding:12px;border:1px solid #718e97;border-radius:5px;font:inherit}button,a.button{display:inline-block;background:#166571;color:white;border:1px solid #166571;border-radius:6px;padding:11px 18px;font:inherit;cursor:pointer;margin:5px 8px 5px 0;text-decoration:none}button.secondary,a.secondary{background:white;color:#164e58}button.link{background:transparent;border:0;color:#164e58;text-decoration:underline;padding-left:0}button:disabled{opacity:.55;cursor:wait}.choice{font-weight:400;display:flex;align-items:flex-start;gap:10px}.choice input{margin-top:7px}.notice,#message:not(:empty){background:#fff4d5;border:1px solid #ddc588;padding:14px;border-radius:6px}.emergency{font-size:.9rem}footer{max-width:960px;margin:32px auto;padding:0 20px;color:#506770}.row{display:flex;justify-content:space-between;align-items:center;gap:12px}.record{border-top:1px solid #d5e0e0;padding:18px 0}.muted{color:#536a70;font-size:.9rem}[hidden]{display:none!important}:focus-visible{outline:3px solid #be8100;outline-offset:3px}@media(max-width:600px){section{padding:18px}.row{align-items:flex-start;flex-direction:column}}

label.choice:has(input:disabled){opacity:.5;cursor:not-allowed;}

.patient-signature-preview-box{width:min(100%,600px);height:120px;border:1px solid #526b76;background:#fff;box-sizing:border-box;border-radius:4px}.preview-signature{break-inside:avoid}

/* Narrow mobile screens: preserve readable forms and usable touch targets. */
main,section,article,label,p{overflow-wrap:anywhere}button,.button{min-height:44px}input,select,textarea{font-size:16px;max-width:100%}@media(max-width:430px){main{padding:12px}section,.packet-document{padding:12px}header{padding:12px}button,.button{max-width:100%}}
