*{box-sizing:border-box}body{margin:0;color:#252c35;font:16px/1.7 Arial,Helvetica,sans-serif;background:#fff}a{color:#dc3849;text-decoration:none}a:hover{text-decoration:underline}.wrap{max-width:1150px;margin:auto;padding:0 22px}.top{border-bottom:1px solid #e8e8e8;background:#fff;padding:22px 0}.brand{font-weight:800;font-size:29px;color:#20242c}.sub{font-size:13px;color:#777}.hero{background:#f6f6f8;padding:27px 0;margin-bottom:40px}.hero h1{margin:0;font-size:35px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:45px}.post{display:grid;grid-template-columns:240px minmax(0,1fr);gap:24px;padding:0 0 30px;margin:0 0 30px;border-bottom:1px solid #e5e5e5}.thumb{width:100%;height:165px;object-fit:cover;border-radius:4px;background:#eee}.noimage{background:#f3f3f3}.date{font-size:13px;color:#888}.post h2{font-size:25px;line-height:1.25;margin:9px 0}.excerpt{margin:10px 0}.read{display:inline-block;margin-top:8px}.side{border:1px solid #eee;padding:20px;height:max-content}.side h3{margin:0 0 14px}.side li{margin-bottom:10px}.side ul{padding-left:20px}.article{max-width:800px;margin:auto}.article h1{font-size:36px;line-height:1.25}.article img{max-width:100%;height:auto}.article figure{max-width:100%;margin:22px 0}.article iframe{max-width:100%}.article p{overflow-wrap:anywhere}.pagination{display:flex;gap:12px;margin:28px 0}.pagination a{border:1px solid #ddd;padding:6px 13px}.footer{border-top:1px solid #eee;margin-top:60px;padding:25px 0;color:#777;font-size:13px}@media(max-width:800px){.layout{grid-template-columns:1fr}.post{grid-template-columns:130px minmax(0,1fr);gap:15px}.thumb{height:105px}.post h2{font-size:20px}.hero h1{font-size:28px}.article h1{font-size:28px}}@media(max-width:480px){.post{grid-template-columns:1fr}.thumb{height:auto;max-height:240px}}