/* The secondary sheets (about, services, 404). Plain reading pages in the DTW language: the
   main sheet's paper and type, no statue field, one column. Only layout lives here; every
   colour, face and component comes from dtw.css. */
html, body { margin: 0; padding: 0; background: #e8e5dc; }
a { color: #141412; text-decoration: none; border-bottom: 1px solid #1a1a18; }
a:hover { background: #d9d4c6; }
.page { max-width: 680px; margin: 0 auto; padding: 38px 28px 120px; }
.page__top { display: flex; justify-content: space-between; align-items: flex-start; gap: 20px; }
.page__top a { border: 0; }
.page__top a:hover { background: none; }
.page h1 { margin: 34px 0 0; font-size: 34px; }
.page h2 { margin: 46px 0 12px; font-size: 21px; text-align: left; }
.page .dtw-body { font-family: 'IBM Plex Serif', Georgia, serif; font-size: 15px; line-height: 1.6; margin: 0 0 14px; text-align: left; }
.page .lede { font-size: 17px; margin-top: 18px; }
.page ol, .page ul { padding-left: 1.2em; margin: 0 0 14px; }
.page li { margin: 0 0 8px; }
.page dl { margin: 0; }
.page dt { font-weight: 700; margin-top: 18px; font-size: inherit; }
.page dd { margin: 4px 0 0; }
.page__foot { margin-top: 70px; display: flex; flex-wrap: wrap; gap: 8px 18px; }
@media (max-width: 720px) { .page { padding: 26px 18px 90px; } .page h1 { font-size: 28px; } }