:root { color-scheme: light; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: #35281f; background: #f7f1e9; }
body { margin: 0; }
main { width: min(760px, calc(100% - 40px)); margin: 0 auto; padding: 64px 0; }
.mark { display: grid; place-items: center; width: 58px; height: 58px; border-radius: 18px; color: white; background: #d9822b; font-size: 30px; font-weight: 800; }
.eyebrow { margin: 28px 0 8px; color: #a76528; font-size: 13px; font-weight: 800; letter-spacing: .14em; }
h1 { margin: 0 0 18px; font-size: clamp(34px, 7vw, 54px); line-height: 1.08; }
h2 { margin: 0 0 12px; font-size: 22px; }
p, li { font-size: 17px; line-height: 1.7; }
.lead { font-size: 20px; color: #695446; }
.updated { color: #826c5d; }
section, .english { margin: 24px 0; padding: 24px; border: 1px solid #e7d6c5; border-radius: 22px; background: #fffaf4; }
ul { padding-left: 22px; }
a { color: #b96722; font-weight: 650; }
nav { margin-top: 34px; }
hr { margin: 64px 0; border: 0; border-top: 1px solid #decab8; }
@media (max-width: 540px) { main { padding: 36px 0; } section, .english { padding: 20px; } }