*{box-sizing:border-box}body{margin:0;background:#f6f3ed;color:#292b28;font:17px/1.65 Georgia,serif}.header{background:#253e35;color:#fff;padding:24px 5%}.header h1{font-size:30px;margin:0}.header p{margin:3px 0 0;color:#e1e9df}.layout{display:grid;grid-template-columns:245px minmax(0,1fr);max-width:1200px;margin:0 auto;min-height:75vh}.sidebar{background:#e8e7de;padding:26px 16px}.sidebar h2{font:700 13px Arial,sans-serif;text-transform:uppercase;letter-spacing:1.5px;margin:0 0 12px}.sidebar a{display:block;padding:9px 11px;color:#254b3b;text-decoration:none;border-radius:5px;font:15px/1.35 Arial,sans-serif}.sidebar a:hover,.sidebar a.active{background:#d2d9cb}.main{padding:40px 6%;max-width:850px}.main h2{font-size:34px;line-height:1.2;margin:0 0 18px}.main p{max-width:68ch}.audio{background:#eeeee8;border-left:4px solid #879984;padding:15px 20px;margin:30px 0}.audio strong{display:block;font:700 15px Arial,sans-serif}.audio span{font:14px Arial,sans-serif;color:#555}.footer{border-top:1px solid #d5d5cc;text-align:center;padding:20px;color:#555;font:13px Arial,sans-serif}@media(max-width:700px){.layout{display:block}.sidebar{padding:16px}.sidebar a{display:inline-block;margin:2px}.main{padding:28px 22px}.main h2{font-size:28px}}