*{box-sizing:border-box}body{margin:0;background:#f3eee4;color:#20364b;font:18px/1.7 Georgia,serif}a{color:#8e3d29}a:hover{text-decoration:none}header{background:#19354b;color:#fff;padding:22px max(18px,calc((100% - 1200px)/2))}header h1{font-size:36px;margin:0}header p{margin:0;color:#e5d7c4}nav{background:#a84d32;padding:12px max(18px,calc((100% - 1200px)/2));display:flex;gap:22px;flex-wrap:wrap}nav a{color:#fff;font-weight:bold}.layout{max-width:1200px;margin:24px auto;display:grid;grid-template-columns:210px minmax(0,1fr)205px;gap:20px;padding:0 16px}aside,main{background:#fffdf8;border:1px solid #d8c7ae;padding:18px;min-width:0}aside h2{font:700 21px Georgia;margin:0 0 10px}aside a{display:block;padding:5px 0}main h1{font-size:32px;line-height:1.2;margin-top:0}main h2{font-size:24px;margin-top:26px}main p{margin:0 0 16px}figure{margin:0 0 22px}figure img{width:100%;height:auto;display:block}figcaption{font:14px/1.5 Arial;color:#59616a;margin-top:5px}.small{font:15px/1.6 Arial}.tag{color:#94442d;font:bold 15px Arial;text-transform:uppercase}footer{padding:24px;text-align:center;border-top:1px solid #d8c7ae}footer a{margin:0 10px}@media(max-width:850px){.layout{grid-template-columns:1fr}aside{padding:14px}aside a{display:inline-block;margin-right:14px}main h1{font-size:29px}header h1{font-size:30px}}