:root { color-scheme: light; font: 100%/1.65 system-ui, sans-serif; color: #17232a; background: #f6f8f8; }
body { margin: 0; }
header, main { max-width: 42rem; margin-inline: auto; padding: 1rem 1.25rem; }
header { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
header a { font-weight: 650; }
main { background: white; border: 1px solid #d6dfe0; border-radius: .75rem; margin: 1rem auto 2rem; }
h1, h2 { line-height: 1.3; }
h1 { font-size: 1.65rem; }
h2 { font-size: 1.2rem; }
a { color: #154d63; }
input:not([type=hidden]) { display: block; width: min(100%, 30rem); box-sizing: border-box; padding: .65rem; border: 1px solid #899a9d; border-radius: .25rem; font: inherit; }
button { border: 1px solid #174e57; border-radius: .3rem; background: #174e57; color: white; padding: .55rem .85rem; font: inherit; cursor: pointer; }
button:focus-visible, a:focus-visible, input:focus-visible { outline: 2px solid #176d8a; outline-offset: .2rem; }
.errorlist { color: #8b1825; }
.muted, small, time { color: #465b62; }
.inquiries { padding-left: 1.35rem; }
.inquiries li + li { margin-top: .7rem; }
.reply { border-top: 1px solid #d6dfe0; margin-top: 1.2rem; }
article { overflow-wrap: anywhere; }
@media (max-width: 46rem) { main { margin-inline: .75rem; } }