.service-note{margin:28px 0;padding:24px;border:1px solid #cfded1;border-radius:16px;background:#f7faf6}
.service-note label{display:block;margin:16px 0 6px;font-weight:700;color:#263d2e}
.service-note input,.service-note textarea{box-sizing:border-box;width:100%;min-height:44px;border:1px solid #9bab9e;border-radius:8px;padding:10px;font:inherit;background:#fff;color:#263d2e}
.service-note textarea{min-height:90px;resize:vertical}
.service-note button{min-height:44px;margin:12px 8px 0 0;padding:10px 16px;border:1px solid #24583a;border-radius:8px;color:#24583a;background:#fff;font:inherit;cursor:pointer}
.service-note :focus-visible{outline:3px solid #b76a20;outline-offset:3px}
.service-note #service-note-output{min-height:240px;margin-top:16px}
.service-note [hidden]{display:none!important}
.service-note .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:480px){.service-note{padding:16px}}