#ocopo-contact{--ocopo-olive:#555b3d;--ocopo-sand:#f4f0e7;background:var(--ocopo-sand);border:1px solid #ded7c8;border-radius:16px;padding:clamp(1.2rem,3vw,2rem);margin:2rem 0;color:#292b24}#ocopo-contact form{display:grid;gap:.7rem}#ocopo-contact label{font-weight:650;display:block;margin-top:.45rem}#ocopo-contact input:not([type=hidden]),#ocopo-contact textarea{box-sizing:border-box;width:100%;border:1px solid #8c8d7c;border-radius:9px;background:#fffefb;color:#292b24;padding:.75rem .9rem;font:inherit;line-height:1.5}#ocopo-contact input:focus-visible,#ocopo-contact textarea:focus-visible,#ocopo-contact button:focus-visible{outline:3px solid #737c4f;outline-offset:3px}#ocopo-contact textarea{resize:vertical;min-height:10rem}#ocopo-contact .ocopo-contact-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}#ocopo-contact .ocopo-contact-help,#ocopo-contact small{font-size:.9rem;line-height:1.6}#ocopo-contact .ocopo-contact-help{margin:0 0 .5rem}#ocopo-contact .ocopo-contact-hp{display:none!important}#ocopo-contact .ocopo-contact-challenge{border-top:1px solid #d8d2c5;margin-top:.5rem;padding-top:.7rem}#ocopo-contact .ocopo-contact-challenge input:not([type=hidden]){max-width:9rem;margin:.5rem 0}#ocopo-contact small{display:block}#ocopo-contact button{justify-self:start;background:var(--ocopo-olive);color:#fffdf7;border:1px solid var(--ocopo-olive);border-radius:9px;font:inherit;font-weight:650;padding:.85rem 1.25rem;margin-top:.65rem;cursor:pointer}#ocopo-contact button:hover{background:#3c422b}#ocopo-contact .ocopo-contact-notice{padding:1rem;border-radius:9px;margin:0 0 1rem}#ocopo-contact .ocopo-contact-notice.is-error{background:#fff0e9;border:1px solid #a34628;color:#793018}#ocopo-contact .ocopo-contact-notice.is-success{background:#edf2df;border:1px solid #687545;color:#34421d}@media(max-width:600px){#ocopo-contact .ocopo-contact-row{grid-template-columns:1fr;gap:.6rem}#ocopo-contact button{width:100%}}