/* /copyright's style (SAFE-17; D-84, ADR-0022, plan step C2d): a file of its own,
   so the page needs no inline style or script under the site's CSP. */
:root { color-scheme: light; }
* { box-sizing: border-box; }
body {
  margin: 0;
  background: #f8fafc;
  color: #172033;
  font: 16px/1.55 "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif;
}
a { color: #1d4ed8; text-underline-offset: 2px; }
a:hover { color: #2563eb; }
:focus-visible { outline: 3px solid #2563eb; outline-offset: 2px; }
header, main, footer { max-width: 760px; margin: 0 auto; padding-left: 20px; padding-right: 20px; }
header { padding-top: 20px; }
.brand { display: inline-flex; align-items: center; gap: 10px; font-weight: 800; color: #172033; text-decoration: none; }
main { padding-top: 24px; padding-bottom: 32px; }
h1 { margin: 0 0 12px; font-size: 30px; line-height: 1.15; font-weight: 800; }
h2 { margin: 36px 0 10px; font-size: 20px; line-height: 1.3; font-weight: 800; }
p, li { color: #3f4a5f; }
ol, ul { padding-left: 22px; }
li + li { margin-top: 6px; }
form { margin-top: 16px; display: flex; flex-direction: column; gap: 18px; padding: 20px; background: #ffffff; border: 1px solid #cbd5e1; border-radius: 16px; }
.field { display: flex; flex-direction: column; gap: 6px; }
label, legend { font-size: 15px; font-weight: 700; color: #172033; }
.hint { margin: 0; font-size: 14px; color: #64748b; }
input[type="text"], input[type="email"], input[type="tel"], textarea {
  width: 100%;
  padding: 10px 12px;
  font: inherit;
  color: #172033;
  background: #ffffff;
  border: 1px solid #cbd5e1;
  border-radius: 10px;
}
textarea { min-height: 96px; resize: vertical; }
[aria-invalid="true"] { border-color: #b91c1c; }
fieldset { display: flex; flex-direction: column; gap: 12px; margin: 0; padding: 0; border: 0; }
legend { margin-bottom: 4px; padding: 0; }
.statement { display: flex; gap: 10px; align-items: flex-start; font-weight: 400; color: #3f4a5f; }
.statement input { flex: none; width: 20px; height: 20px; margin: 2px 0 0; accent-color: #2563eb; }
.error { margin: 0; font-size: 14px; color: #b91c1c; }
.note { margin: 0; font-size: 14px; color: #64748b; }
.problem { margin: 0; font-weight: 600; color: #b91c1c; }
button {
  align-self: flex-start;
  padding: 12px 22px;
  font: inherit;
  font-weight: 700;
  color: #ffffff;
  background: #2563eb;
  border: 0;
  border-radius: 12px;
  cursor: pointer;
}
button:hover { background: #1d4ed8; }
button:disabled { opacity: 0.6; cursor: default; }
.result { margin: 0; padding: 14px 16px; font-weight: 700; color: #172033; background: #eef2f7; border-radius: 12px; }
footer { display: flex; flex-wrap: wrap; gap: 8px 20px; padding-bottom: 32px; font-size: 15px; }
[hidden] { display: none !important; }