@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700;900&family=Merriweather:wght@300;400;700&display=swap');
:root{--max-width:980px;--accent:#0b63a1;--muted:#6b7787;}
*{box-sizing:border-box}
body{font-family:'Merriweather', Georgia, 'Times New Roman', serif; margin:0; color:#111; background:#fff; line-height:1.7;}
.container{max-width:var(--max-width); margin:36px auto; padding:0 18px;}
.masthead{font-family:'Playfair Display', Georgia, serif; font-size:56px; font-weight:900; margin:0 0 6px;}
.tagline{color:var(--muted); font-size:12px; text-transform:uppercase; letter-spacing:2px; margin-bottom:14px;}
.headline{font-size:30px; font-weight:700; margin:8px 0 10px;}
.byline{color:var(--muted); margin:12px 0 18px; font-size:14px;}
.lead{font-size:18px; margin-bottom:18px; color:#222;}
.article h2{font-size:20px; margin-top:22px; margin-bottom:8px;}
.article p{margin:12px 0; font-size:16px;}
.article ul{margin:10px 0 18px 22px;}
.article img{max-width:100%; height:auto; margin:18px 0; border-radius:6px;}
.pull-quote{font-size:20px; font-style:italic; color:#333; margin:18px 0; padding-left:14px; border-left:3px solid #efefef;}
.footer{margin-top:32px; font-size:13px; color:var(--muted); border-top:1px solid #eee; padding-top:14px;}
a{color:var(--accent); text-decoration:none;}
a:hover{text-decoration:underline;}
.small{font-size:13px;color:var(--muted);}
@media(max-width:800px){.masthead{font-size:40px}.headline{font-size:22px}}