*{box-sizing:border-box}body{margin:0;background:#e8e8e8;color:#343434;font:16px/1.7 Georgia,serif}a{color:#425b67}a:hover{text-decoration:none}a:focus-visible{outline:3px solid #b36d30;outline-offset:4px}.wrap{max-width:980px;margin:34px auto;background:#fff;border:1px solid #ccc;box-shadow:0 4px 20px #0001}header{padding:30px 38px 22px;border-top:7px solid #444}header a{font:bold 40px Georgia;color:#333;text-decoration:none}header p{margin:0;color:#777;font-size:15px}nav{background:#333;padding:10px 38px}nav a{color:#fff;margin-right:24px;font:14px Arial,sans-serif}.columns{display:grid;grid-template-columns:1fr 240px;gap:36px;padding:30px 38px}article{border-bottom:1px solid #ddd;padding-bottom:26px;margin-bottom:26px}h1{font-size:29px;line-height:1.3}h2{font-size:25px;line-height:1.4}h2 a{text-decoration:none}.date,.note{font:12px/1.7 Arial,sans-serif;color:#777}.date{border-left:4px solid #aaa;padding-left:10px}aside{font:14px/1.8 Arial,sans-serif}aside h2{font:bold 16px Arial;border-bottom:3px solid #555;padding-bottom:9px}aside ul{padding-left:18px}footer{border-top:1px solid #ddd;padding:20px 38px;color:#777;font:12px/1.6 Arial,sans-serif}@media(max-width:700px){.wrap{margin:0;border:0}.columns{display:block;padding:24px}header{padding:25px 24px}header a{font-size:34px}nav{padding:12px 24px}aside{margin-top:30px}}