:root {
  color-scheme: light;
  font-family: Georgia, 'Times New Roman', serif;
  color: #1c252b;
  background: #f7f6f2;
}
body { max-width: 60rem; margin: 0 auto; padding: 3rem 1.25rem 5rem; line-height: 1.6; }
body.home-page { max-width: 54rem; }
header { border-bottom: 1px solid #c9c7bf; margin-bottom: 2.5rem; padding-bottom: 1.25rem; }
h1 { font-size: clamp(2rem, 6vw, 3.2rem); line-height: 1.08; margin: 0 0 .6rem; font-weight: 500; }
h2 { margin-top: 2.2rem; font-size: 1.25rem; font-weight: 600; }
a { color: #245c68; }
p { max-width: 45rem; }
.eyebrow { color: #6b5f51; font: .78rem/1.3 ui-sans-serif, system-ui, sans-serif; letter-spacing: .08em; text-transform: uppercase; }
.notice { border-left: 3px solid #9a5f24; background: #f0ebe3; padding: .9rem 1rem; }
dl { display: grid; grid-template-columns: minmax(10rem, 15rem) 1fr; gap: .45rem 1rem; font-family: ui-sans-serif, system-ui, sans-serif; font-size: .94rem; }
dt { color: #5d625f; }
dd { margin: 0; }
.unit-list { display: grid; gap: 1rem; padding: 0; list-style: none; }
.unit-list li { border-top: 1px solid #c9c7bf; padding-top: .8rem; }
.unit-meta { color: #5d625f; font: .9rem ui-sans-serif, system-ui, sans-serif; }
pre { white-space: pre-wrap; overflow-wrap: anywhere; background: #fff; border: 1px solid #d8d4ca; padding: 1rem; font: .95rem/1.55 ui-monospace, SFMono-Regular, Menlo, monospace; }
footer { border-top: 1px solid #c9c7bf; color: #5d625f; font-size: .9rem; margin-top: 3rem; padding-top: 1rem; }
@media (max-width: 34rem) { dl { display: block; } dt { margin-top: .7rem; } }