.survey-group-heading h2{margin:0 0 8px;font-size:18px}.survey-group-heading p{font-size:13px;color:#627d72;margin:0 0 16px}.survey-group-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.survey-group-grid>button{text-align:left;background:#f3f8f5;border:1px solid #d9e8e0;border-radius:12px;padding:16px 12px;color:#173d35;min-height:84px}.survey-group-grid strong{display:flex;justify-content:space-between;align-items:center;font-size:14px;gap:5px}.survey-group-grid span{display:block;color:#61796e;margin-top:8px;font-size:12px}.survey-group-grid button:hover{border-color:#087f6c;background:#e6f3ed}.survey-group-dialog{position:fixed;inset:0;margin:auto;width:calc(100% - 24px);max-width:560px;max-height:88dvh;padding:0;border:1px solid #d9e8e0;border-radius:18px;background:#fff;color:#173d35;box-shadow:0 16px 70px #12382d40;overflow:hidden}.survey-group-dialog[open]{display:flex;flex-direction:column}.survey-group-dialog::backdrop{background:rgba(13,43,34,.5)}.survey-group-dialog header{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid #d9e8e0;flex-shrink:0}.survey-group-dialog h2{font-size:20px;font-weight:700;margin:0}.survey-group-dialog header p{margin:4px 0 0;font-size:13px;color:#61796e}.survey-group-dialog button{cursor:pointer;min-height:44px}.survey-group-dialog header button{border:0;background:#f0f6f3;border-radius:10px;width:44px;display:grid;place-items:center}.survey-group-body{overflow:auto;padding:18px 20px;min-height:0;overscroll-behavior:contain}.survey-trait{margin-bottom:16px}.survey-trait:last-child{margin-bottom:0}.survey-trait label{display:block;font-size:14px;font-weight:650;margin-bottom:7px}.survey-trait label span{font-weight:400;color:#61796e}.survey-trait input,.survey-trait textarea{box-sizing:border-box;width:100%;min-height:46px;background:#f8fbf9;border:1px solid #bed7ca;border-radius:9px;padding:10px 12px;color:#173d35;font:inherit;font-size:16px}.survey-trait-options{display:flex;flex-wrap:wrap;gap:8px}.survey-trait-options button{border:1px solid #bed7ca;border-radius:9px;padding:8px 16px;background:#f8fbf9;color:#173d35}.survey-trait-options button[aria-pressed=true]{background:#087f6c;color:white;border-color:#087f6c}.survey-group-dialog footer{padding:12px 20px 18px;border-top:1px solid #d9e8e0;background:white;flex-shrink:0}.survey-group-dialog nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.survey-group-dialog nav button{padding:6px 15px;background:#f0f6f3;border:1px solid #d9e8e0;border-radius:9px}.survey-group-dialog button:disabled{opacity:.45;cursor:default}.survey-group-done{width:100%;border:0;border-radius:10px;background:#087f6c;color:white;font-size:15px;font-weight:650;padding:12px}.survey-group-note{background:#fff8e6;padding:12px;border-radius:9px;font-size:13px;line-height:1.6;margin:0 0 16px}.survey-group-dialog :focus-visible,.survey-group-grid :focus-visible{outline:3px solid #159b83;outline-offset:2px}@media(max-width:380px){.survey-group-grid{gap:8px}.survey-group-grid>button{padding:12px 9px}.survey-group-grid strong{font-size:13px}}.survey-standard-guide{border:1px solid #d8e7df;background:#f6faf8;border-radius:9px;padding:10px 12px;margin:8px 0 12px;font-size:13px;line-height:1.6}.survey-standard-guide summary{cursor:pointer;color:#087f6c}.survey-standard-guide article{padding:12px 0;border-bottom:1px solid #d8e7df}.survey-standard-guide p{margin:6px 0}.survey-standard-guide a{color:#087f6c;text-decoration:underline}.disease-card{border:0;padding:0;margin:0;min-width:0}.disease-card legend{font-size:1.15rem;font-weight:700;margin-bottom:14px}.disease-card label{display:grid;gap:6px;margin-bottom:12px}.disease-card input,.disease-card select,.disease-card textarea{width:100%;min-width:0;border:1px solid #c9ded9;border-radius:10px;padding:10px;background:white;color:#123f3c;font:inherit}.disease-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.disease-card small{display:block;color:#526d68;margin:8px 0}.disease-card .mobile-alert,.disease-card input[type=file]{font-size:13px}.disease-picker{padding-bottom:18px;border-bottom:1px solid #cee1dc;margin-bottom:20px}.disease-picker label{display:grid;gap:8px;font-weight:600}.disease-picker select{width:100%;padding:14px;border:1px solid #cee1dc;border-radius:12px;background:white}.disease-picker p{font-size:14px;color:#597970;line-height:1.6}.survey-fullscreen{width:100%;max-width:650px;height:100dvh;max-height:100dvh;border-radius:0;border:0;box-shadow:none}.survey-fullscreen .survey-group-body,.survey-fullscreen header{padding:18px 20px}.survey-fullscreen::backdrop{background:#f3f7f5}.survey-fullscreen header p{line-height:1.5}.survey-fullscreen footer{padding-bottom:max(16px,env(safe-area-inset-bottom))}.survey-fullscreen .survey-trait label{font-size:16px}.survey-fullscreen .disease-picker{display:grid;grid-template-columns:1fr 1fr;gap:12px}.survey-fullscreen .disease-picker p{grid-column:1/-1;margin:0}.survey-fullscreen .disease-picker input{min-width:0;width:100%;box-sizing:border-box;border:1px solid #cee1dc;padding:12px;border-radius:10px;background:white;font:inherit}.disease-compact{margin-bottom:12px;border:1px solid #d8e7df;border-radius:12px;background:white}.disease-compact>summary{display:flex;align-items:center;gap:10px;cursor:pointer;padding:18px 14px;list-style:none;min-height:64px}.disease-compact>summary strong{flex:1;font-size:16px;line-height:1.5}.disease-compact>summary span{font-size:13px;white-space:nowrap;color:#087f6c}.disease-compact[open]>summary{border-bottom:1px solid #d8e7df;background:#f5faf8}.disease-compact[open]>summary>svg{transform:rotate(90deg)}.disease-compact .disease-card{padding:16px}.disease-compact .disease-card legend{display:none}.disease-compact .disease-card-grid{gap:10px}.disease-compact input,.disease-compact select,.disease-compact textarea{box-sizing:border-box;font-size:16px}.disease-rate{padding:12px;background:#e8f6f0;border-radius:8px;color:#087f6c}.disease-rate strong{font-size:22px}.trait-missing{margin:12px 0;font-size:14px;color:#61776f}.trait-missing summary{cursor:pointer;min-height:36px}.trait-missing select{width:100%;padding:10px;border:1px solid #cddfd5;border-radius:8px;font:inherit}.disease-compact>.trait-missing{display:block;margin:0 16px 16px}.survey-trait[data-focus=true]{border-left:3px solid #008577;padding-left:12px}