/* brefly - legal / content pages */
.legal{max-width:720px;padding-top:30px}
.legal h1{font-size:clamp(28px,4.6vw,40px);font-weight:700;margin-bottom:6px}
.legal .upd{color:var(--mut);font-size:13.5px;margin-bottom:24px}
.legal h2{font-size:19px;font-weight:700;margin:28px 0 8px}
.legal p{font-size:15px;color:#39444b;margin-bottom:12px}
.legal a{color:var(--teal-dk);text-decoration:none}
.legal a:hover{text-decoration:underline;text-underline-offset:3px}
.legal ul{margin:0 0 12px 20px}
.legal li{font-size:15px;color:#39444b;margin-bottom:6px}

/* contact form */
.cform{display:flex;flex-direction:column;gap:12px;max-width:480px;margin-top:18px}
.cform input,.cform textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:12px 14px;font-family:inherit;font-size:14.5px;color:var(--ink);background:var(--panel);outline:none}
.cform textarea{min-height:130px;resize:vertical}
.cform input:focus,.cform textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-soft)}
.cform .btn{align-self:flex-start}
.cok{display:none;color:var(--teal-dk);font-weight:600;font-size:14.5px;margin-top:10px}
.cerr{display:none;color:#c0392b;font-size:14px;margin-top:8px}