:root { --paper:#F3EDE1; --sheet:#FBF8F1; --navy:#103056; --ink:#1F2A36; --muted:#4A5563; --gold:#9E854F; --mark:#FFF1B8; color-scheme: light; box-sizing: border-box; }
*,*::before,*::after { box-sizing: inherit; }
body { margin:0; background:var(--paper) url(assets/paper.png); color:var(--ink); font:400 17px/1.65 "PT Serif", Georgia, serif; }
.wrap { max-width: 820px; margin: 0 auto; padding: 32px 20px 64px; }
.back { display:inline-flex; align-items:center; gap:12px; font:500 15px "Golos Text", Arial, sans-serif; color:var(--navy); text-decoration:none; margin-bottom:24px; }
.back img { width:48px; height:48px; }
.sheet { background:var(--sheet) url(assets/paper.png); padding: 48px 56px; box-shadow: 0 1px 2px rgba(21,37,53,.12), 0 14px 30px rgba(21,37,53,.10); }
h1 { font: 500 30px/1.2 Literata, "PT Serif", Georgia, serif; color:var(--navy); margin:0 0 8px; }
.meta { font: 14px "Golos Text", Arial, sans-serif; color:var(--muted); margin-bottom: 28px; }
h2 { font: 600 19px/1.35 Literata, "PT Serif", Georgia, serif; color:var(--navy); margin: 32px 0 10px; }
p, li { margin: 0 0 10px; }
ul, ol { padding-left: 1.4em; margin: 0 0 12px; }
.ph { background: var(--mark); padding: 0 .2em; font-family: "Golos Text", Arial, sans-serif; font-size: .92em; }
a { color: var(--navy); }
@media (max-width: 640px) { .sheet { padding: 28px 20px; } h1 { font-size: 24px; } body { font-size: 16px; } }