:root { color-scheme: light; font-family: Georgia, serif; background: #f3e6c9; color: #3f352a; }
* { box-sizing: border-box; }
body { margin: 0; background: radial-gradient(ellipse at 25% 30%, #fff9e6 0, transparent 65%), linear-gradient(115deg, #eee0bf, #f8eed7 60%, #e4d1ab); min-height: 100dvh; }
main { max-width: 940px; margin: auto; padding: 70px 40px 40px; }
.eyebrow { color: #8e5733; font: 12px/1.5 system-ui, sans-serif; letter-spacing: .17em; text-transform: uppercase; }
h1 { font-size: clamp(40px, 6vw, 72px); line-height: 1.06; font-weight: normal; margin: 22px 0 65px; color: #6e4c8e; }
h2 { font-size: 30px; font-weight: normal; border-top: 1px solid #a3876066; padding-top: 28px; margin-top: 48px; }
h3 { font-size: 22px; font-weight: normal; margin: 0 0 8px; }
p, dd { font-size: 18px; line-height: 1.65; }
a { color: #244f7b; text-underline-offset: 4px; }
a:focus-visible { outline: 3px solid #a65b29; outline-offset: 5px; }
dl { display: grid; grid-template-columns: 210px 1fr; gap: 20px 35px; }
dt { font: 14px/1.5 system-ui, sans-serif; color: #805c39; padding-top: 5px; }
dd { margin: 0; }
ol { padding-left: 25px; } li { padding: 14px 0 22px 8px; }
.byline, .note { font: 14px/1.6 system-ui, sans-serif; color: #766044; }
li p { margin: 6px 0; }
.stamp { display: inline-block; font: italic 13px Georgia, serif; letter-spacing: .06em; color: #b23a2e; border: 2px solid #b23a2e; border-radius: 4px; padding: 1px 8px; margin-left: 8px; transform: rotate(-3deg); }
.stamp.once { color: #6e4c8e; border-color: #6e4c8e; }
.back { margin-top: 50px; font: 16px/1.6 system-ui, sans-serif; }
footer { margin-top: 70px; border-top: 1px solid #a3876066; padding: 35px 0; font: italic 26px Georgia, serif; text-align: center; color: #6e4c8e; }
@media (max-width: 600px) { main { padding: 40px 24px; } dl { display: block; } dt { margin-top: 25px; } dd { margin-top: 7px; } }