:root { color-scheme: light; } * { box-sizing: border-box; } body { margin: 0; color: #2f3b33; background: #f7f9f6; font: 16px/1.65 Arial, sans-serif; } a { color: #1b6b45; } .page { width: min(860px, calc(100% - 40px)); margin: 0 auto; padding: 48px 0 72px; } .back { display: inline-block; margin-bottom: 30px; font-weight: 700; } article { padding: clamp(24px, 5vw, 52px); border-radius: 22px; background: #fff; box-shadow: 0 10px 30px rgba(15,74,47,.08); } h1,h2 { color: #1b6b45; font-family: Georgia,serif; line-height: 1.2; } h1 { margin: 0 0 12px; font-size: clamp(2rem,5vw,3rem); } h2 { margin: 34px 0 12px; font-size: 1.35rem; } p,li { max-width: 72ch; } .updated { margin: 0; color: #4d5b50; } .notice { padding: 16px 18px; border-left: 4px solid #1b6b45; background: #f1f6ee; } footer { margin-top: 28px; color: #4d5b50; font-size: .9rem; } @media (max-width:560px) { .page { width: min(100% - 28px,860px); padding-top: 28px; } }