@import url("../ACCOUNT/stile-account.css");

select,textarea{
  width:100%;padding:12px 13px;border:2px solid #b99d79;border-radius:8px;
  background:#fffdf8;color:var(--text);font:inherit
}
textarea{min-height:150px;resize:vertical;line-height:1.5}
select:focus,textarea:focus{outline:3px solid rgba(67,103,48,.2);border-color:var(--green2)}
.contact-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:start}
.contact-layout>section{order:2}
.contact-layout>aside{order:1}
.contact-box{padding:18px;border:2px solid #c0a27c;border-radius:12px;background:#fff9ee}
.contact-box h2{margin:0 0 10px;font-size:24px}
.direct-email{display:inline-block;margin:8px 0 18px;color:var(--green);font-size:17px;font-weight:900;overflow-wrap:anywhere}
.departments{display:grid;gap:10px;margin-top:15px}
.department{padding:11px 12px;border-left:4px solid var(--gold);background:#fff4d8;color:#594631}
.department strong{display:block;margin-bottom:3px;color:var(--brown)}
.idea-callout{display:grid;gap:8px;margin:0 0 20px;padding:14px;border:2px solid #c6a775;border-radius:10px;background:#fff3cd;color:#5a452e}
.idea-callout strong{color:var(--brown);font-family:Georgia,"Times New Roman",serif;font-size:19px}
.idea-callout span{font-size:13px;line-height:1.45}
.idea-callout .button{justify-self:start;margin-top:3px;font-size:12px}
.check{display:flex;grid-template-columns:auto 1fr;align-items:flex-start;gap:10px;font-weight:400;line-height:1.45}
.check input{width:auto;margin-top:3px}
.problem-area{margin-top:28px;padding-top:25px;border-top:3px double #b99d79}
.problem-heading{margin-bottom:19px;padding:16px;border:2px solid #c6a775;border-radius:11px;background:linear-gradient(135deg,#fff3c9,#f4e4c7)}
.problem-heading h2{margin:5px 0 8px}
.problem-heading p{margin:0;color:#5f4b39;line-height:1.55}
.problem-label{display:inline-block;padding:5px 9px;border-radius:999px;background:var(--green);color:#fff;font-size:11px;font-weight:900;letter-spacing:.55px}
.optional{color:#7c6854;font-size:12px;font-weight:400}
.idea-button{background:linear-gradient(180deg,#c99a3d,#a56f22 58%,#835317);border-color:#6e4519;box-shadow:inset 0 2px 0 rgba(255,255,255,.35),0 4px 0 #633d17}
@media(max-width:820px){.contact-layout{grid-template-columns:1fr}.contact-layout>section,.contact-layout>aside{order:initial}}