:root { color-scheme:light; font-family:Georgia,serif; background:#f3e6c9; color:#3f352a; }
* { box-sizing:border-box; }
body { margin:0; background:linear-gradient(#f7eddaed,#f3e6c9f2),url('assets/notebook/flight-chart.png') center top/cover fixed; }
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:#254f65; }
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; }
footer { margin-top:70px; border-top:1px solid #a3876066; padding:35px 0; font:italic 26px Georgia,serif; text-align:center; color:#254f65; }
@media(max-width:600px) { main {padding:40px 24px;} dl {display:block;} dt {margin-top:25px;} dd {margin-top:7px;} }