.container{max-width:1500px;margin:0 auto;padding:40px}.header{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:30px}.header h1{margin:0;font-size:30px}.header p{margin:7px 0 0;color:#777;font-size:13px}.header-date{color:#777;font-family:monospace;font-size:12px}.back{display:inline-block;margin-bottom:22px;color:#777;text-decoration:none;font-size:13px}.back:hover{color:#111}.range{display:flex;gap:6px;flex-wrap:wrap}.range a{padding:8px 12px;border:1px solid #ddd;border-radius:6px;background:#fff;color:#555;text-decoration:none;font-size:12px}.range a:hover{border-color:#bbb;color:#111}.range a.active{background:#161616;border-color:#161616;color:#fff}
@media(max-width:700px){.container{padding:20px 16px}.header{display:block}.range{margin-top:20px}}