:root { color-scheme: light; }
* { box-sizing: border-box; }
body { margin: 0; background: #fff; color: #1c2124; font: 17px/1.65 Georgia, "Times New Roman", serif; }
.w { max-width: 760px; margin: 0 auto; padding: 46px 20px 90px; }
a { color: #b44327; overflow-wrap: anywhere; }
h1 { margin: 0 0 6px; font: bold 31px/1.18 Arial, Helvetica, sans-serif; }
h2 { margin: 34px 0 8px; font: bold 20px/1.3 Arial, Helvetica, sans-serif; }
h3 { margin: 22px 0 7px; font: bold 16px/1.35 Arial, Helvetica, sans-serif; }
.up { margin: 0 0 26px; color: #6d7478; font: 12px/1.5 Arial, sans-serif; letter-spacing: .1em; text-transform: uppercase; }
p, li { margin: 0 0 14px; }
ul, ol { padding-left: 23px; }
hr { margin: 32px 0 22px; border: 0; border-top: 1px solid #dcdfe1; }
.note { padding: 14px 16px; border-left: 4px solid #d1502f; background: #fff6f3; }
.summary { padding: 16px 18px; border: 1px solid #dcdfe1; border-radius: 7px; background: #f6f7f8; }
.links { display: flex; flex-wrap: wrap; gap: 8px 17px; font: bold 13px/1.5 Arial, sans-serif; }
.fine { margin-top: 18px; color: #6d7478; font-size: 14px; }
@media (max-width: 520px) { .w { padding-top: 30px; } h1 { font-size: 27px; } }