*{box-sizing:border-box}body{margin:0;background:#f5f7f9;color:#173044;font:16px/1.7 system-ui,sans-serif}header,main,footer{max-width:760px;margin:auto;padding:24px}header{display:flex;justify-content:space-between}a{color:#096b74}main{background:white;border-radius:16px;padding:32px}h1{font-size:30px}label{display:block;margin:18px 0}input,textarea{display:block;width:100%;padding:12px;border:1px solid #8a9ba8;border-radius:6px;font:inherit}small{display:block;color:#506472}button{padding:12px 32px;background:#116e76;color:white;border:0;border-radius:6px;font:inherit}button:disabled{opacity:.55}nav{display:flex;gap:16px;flex-wrap:wrap}[hidden]{display:none!important}#status{white-space:pre-line}input:focus,textarea:focus{outline:3px solid #a5dbe0} @media(max-width:600px){main{margin:0 12px;padding:24px}h1{font-size:26px}}
/* Append to /contact-assets/style.css; scoped to the new workflow forms. */
body:has(form[data-workflow]) {
  color-scheme: dark;
  background: #0e100d;
  color: #f2f2ec;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", system-ui, sans-serif;
}
body:has(form[data-workflow]) header { border-bottom: 1px solid #34382f; }
body:has(form[data-workflow]) a { color: #cbd9ad; text-underline-offset: .2em; }
body:has(form[data-workflow]) main { background: #151813; border: 1px solid #34382f; border-radius: 12px; }
body:has(form[data-workflow]) h1 { color: #f6f6ef; line-height: 1.4; }
body:has(form[data-workflow]) label { color: #e5e7dc; font-weight: 600; }
body:has(form[data-workflow]) input,
body:has(form[data-workflow]) textarea {
  background: #0e100d;
  color: #f2f2ec;
  border: 1px solid #65705b;
  font-weight: 400;
}
body:has(form[data-workflow]) input::placeholder,
body:has(form[data-workflow]) textarea::placeholder { color: #aeb7a4; opacity: 1; }
body:has(form[data-workflow]) small { color: #c1c8b6; }
body:has(form[data-workflow]) button {
  background: #cbd9ad;
  color: #161c11;
  font-weight: 700;
  cursor: pointer;
}
body:has(form[data-workflow]) button:disabled { cursor: wait; }
body:has(form[data-workflow]) input:focus,
body:has(form[data-workflow]) textarea:focus,
body:has(form[data-workflow]) button:focus-visible { outline: 3px solid #cbd9ad; outline-offset: 3px; }
body:has(form[data-workflow]) #status { color: #f2f2ec; overflow-wrap: anywhere; }
body:has(form[data-workflow]) footer { color: #c1c8b6; }