/* Shared by district charts, calculator results and native maps. */
.sh-dialog{box-sizing:border-box;width:min(620px,calc(100vw - 24px));max-height:92svh;overflow:auto;margin:auto;padding:22px;border:1px solid #d4d9d9;border-radius:16px;background:#fffefa;color:#1c3d5a;font:17px/1.55 'Libre Franklin',Arial,sans-serif;overscroll-behavior:contain}
.sh-dialog *{box-sizing:border-box}.sh-dialog [hidden]{display:none!important}
.sh-dialog::backdrop{background:#182d44b8}
.sh-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}
.sh-dialog h2{margin:0;font:600 30px/1.15 'Newsreader',Georgia,serif}
.sh-dialog h3{margin:0 0 6px;font-size:20px;line-height:1.3}
.sh-dialog p{margin:10px 0;font-size:17px;line-height:1.55}
.sh-dialog button,.sh-dialog a{font:600 17px/1.35 'Libre Franklin',Arial,sans-serif;min-height:44px}
.sh-dialog button{cursor:pointer;border:1px solid #bdc7cc;border-radius:8px;padding:11px 14px;background:#fff;color:#1c3d5a}
.sh-dialog .sh-dialog-close{flex:0 0 44px;padding:8px;font-size:22px!important}
.sh-dialog .sh-dialog-primary{width:100%;background:#1c3d5a;color:#fff;border-color:#1c3d5a;margin:4px 0}
.sh-dialog-status{color:#285d49;font-weight:600}.sh-dialog-status:empty{display:none}
.sh-dialog-image-actions{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}
.sh-dialog-image-actions a{padding:11px 14px;border:1px solid #aebdc8;border-radius:8px;color:#1c3d5a;text-decoration:none;text-align:center;flex:1 1 150px}
.sh-dialog-text{margin:14px 0}.sh-dialog summary{cursor:pointer;min-height:44px;padding:8px 0;font-size:16px}
.sh-dialog label{display:block;font-size:16px;font-weight:600}
.sh-dialog textarea{display:block;width:100%;min-height:170px;padding:12px;margin-top:6px;resize:vertical;font:17px/1.5 'Libre Franklin',Arial,sans-serif;color:#1c3d5a;background:#fff;border:1px solid #bdc7cc;border-radius:8px}
.sh-dialog-image{margin:12px 0 18px}
.sh-dialog img{display:block;width:100%;height:auto;margin-top:12px;border:1px solid #deded6;border-radius:8px}
.sh-dialog .sh-dialog-help{font-size:16px;color:#555f66}
.sh-dialog-review{display:block;padding:12px 0;color:#1c3d5a;overflow-wrap:anywhere}
.sh-dialog :is(button,a,textarea,summary):focus-visible{outline:3px solid #b8862f;outline-offset:3px}
@media(max-width:760px){.sh-dialog{padding:16px;max-height:94svh}.sh-dialog h2{font-size:27px}.sh-dialog button:not(.sh-dialog-close){font-size:18px!important}}

/* Larger phone text after Jon's physical-device review. */
@media(max-width:760px){
  .sh-dialog{font-size:19px}
  .sh-dialog p,.sh-dialog-intro{font-size:19px}
  .sh-dialog .sh-dialog-help,.sh-dialog summary,.sh-dialog label,
  .sh-dialog a,.sh-dialog button{font-size:18px!important;line-height:1.5}
  .sh-dialog textarea{font-size:20px!important}
}